<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>LiDaDashboard</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- AGGIUNTI -->

<link rel="stylesheet"
	href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet"
	href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
<link rel="stylesheet"
	href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="./css/datatables.min.css">
<link rel="stylesheet" href="./css/custom.css">


<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script
	src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
	integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
	crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js" defer></script>
<script type="text/javascript" src="./js/datatables.min.js" defer></script>
<script type="text/javascript" src="./js/jquery.ui.touch-punch.js"></script>

<!-- FINE AGGIUNTI -->


<link rel="stylesheet"
	href="https://unpkg.com/tachyons/css/tachyons.min.css">

<script type="text/javascript" src="js/utils.js"></script>

<script type="text/javascript" src="https://bundle.run/sparqljs@3.4.1"></script>
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="js/guimanagerNik.js"></script>
<script
	src="https://rdf.js.org/comunica-browser/versions/latest/engines/query-sparql/comunica-browser.js"></script>

<script type="text/javascript">
	/* function mostra() {
		 var x = document.getElementById("divContentId");
		  if (window.getComputedStyle(x).display === "none") {
			  document.getElementById("divContentId").style.display="block";
		  }
		  else{
			  document.getElementById("divContentId").style.display="none";
		  }
		
	} */
	/* $( function() {
	    $( "#filtri" ).sortable({
	        //items: "div:(.ui-state-enabled)"
	        cursor: 'move',
			update: function() {alert('pipo '+$(this).id)}
	    });
	  } ); */
</script>
<style>
.tabs__content input:not(:checked) ~ .tabs__content__info {
	display: none;
}
</style>

</head>
<!-- partial:index.partial.html -->
<body class="bg-washed-blue">


	<div class="w-100 tc bg-washed-blue blue ">

		<div class=" v-mid">

			<div class="f1 fw4 i blue-60">Linking Dante Search, sandbox
				release</div>

			<blockquote class="ph0 mh0 measure f4 lh-copy center mt0">

				<cite class="ph0 mh0 measure i f4 lh-copy center">potrai
					cercare, e non troverai ombra</cite><br /> <cite
					class="ph0 mh0 measure f4 lh-copy center">(Inf., canto 32,
					verso 59)</cite>
			</blockquote>
		</div>
	</div>




	<!-- <div class="mw9 center ph3-ns"> -->
	<div class="container-xxl">
		<!-- <div class="cf ph2-ns"> -->
		<div class="row  padding-right-xl padding-left-xl">
			<!-- <div class="fl w-100 w-20-ns pa4"> -->
			<div class="col-md-2 pa4 ml4">
				<img src="./images/altriFiltri.png"
					style="width: 42px; height: 41px;">
				<div class="flex flex-column">
					<div class="w-45 pa1 mr1">
						<a class="f6 link dim br1 bn pa1 mb1 dib dark-green add-record"
							href="#0" value="Categoria grammaticale" data-added="0"><img
							src="./images/settings.png"></a><br>
							<span>Grammaticale</span>

					</div>
					<div class="w-45 pa1 mr1">
						<a
							class="f6 link dim br1 bn pa1 mb1 dib dark-green add-record-sint"
							href="#0" value="Tipo sintattico" data-added="0"><img
							src="./images/settingsSintattico.png"></a><br>
							<span>Tipo Sintattico</span>
					</div>
					<div class="w-45 pa1 mr1">
						<a
							class="f6 link dim br1 bn pa1 mb1 dib dark-green add-record-metafora"
							href="#0" value="Metafora" data-added="0"><img
							src="./images/settingsMetafora.png"></a><br>
							<span>Metafore</span>
					</div>
					<div class="w-45 pa1 mr1">
						<a
							class="f6 link dim br1 bn pa1 mb1 dib dark-green add-record-dialogo"
							href="#0" value="Dialogo" data-added="0"><img
							src="./images/settingsDialoghi.png"></a><br>
							<span>Dialoghi</span>
					</div>
					<div class="w-45 pa1 mr1">
						<a
							class="f6 link dim br1 bn pa1 mb1 dib dark-green add-record-struttura"
							href="#0" value="Struttura" data-added="0"><img
							src="./images/settingsStruttura.png"></a>
							<br>
							<span>Struttura Testo</span>
					</div>

				</div>

			</div>
			<!-- <div class="fl w-100 w-60-ns pa4"> -->
			<div class="col-md-5 pa4">
				<div class="bg-washed-blue pv2">

					<!-- form -->

					<form id='filterform' onsubmit="return false;">
						<div class="flex flex-column" id='query'>

							<div class="flex flex-wrap" id='condizioni'>
								<div class="outline w-30 pv1 mr0 col-md-6">

									<div class="flex items-center">
										<div class="fl w-100 w-40-ns">
											<fieldset id="lemma_forma" class="bn">

												<div class="flex items-center mb0">
													<input class="mr2 f6" type="radio" id="lemma" value="lemma"
														name="lemma_forma"> <label for="lemma"
														class="lh-copy">Lemma</label>
												</div>
												<div class="flex items-center mb0">
													<input class="mr2 f6" type="radio" id="forma" value="forma"
														checked="checked" name="lemma_forma"> <label
														for="forma" class="lh-copy">Forma</label>
												</div>
											</fieldset>
										</div>
										<div class="fl w-100 w-70-ns ph0">
											<input id="searchValue"
												class="input-reset ba b--black-20 pa2 mb2 db w-100"
												type="text" aria-describedby="name-desc" name="query"
												value="">
										</div>
									</div>

								</div>

							</div>

							<div class="flex flex-wrap" id='dettaglifiltri'></div>


						</div>


					</form>
					<p>
						<input style="display: block; width: 61px; height: 61px;"
							class="b ph7-m pv2 input-reset bn b--black bg-transparent grow pointer f6"
							type="image" src="./images/Search.png" id="grammarbutton"
							value="Cerca" title="Applica i criteri di ricerca">
					</p>

				</div>
			</div>
			<!-- <div class="fl w-100 w-20-ns pa4" id='tuttiFiltri'> -->

			<div class="mt0 mb0 pb0 ml7 h-25 d-inline-block">
				<div class="bg-washed-blue h-25 pv0" id='filtri'
					style="display: none;">
					<img src="./images/filters1.png" class="ui-state-disabled" style="width: 40px; height: 48px;"
						alt="Filtri"> <input type="hidden" id="IdFiltro" type="text"
						value="">
				</div>
			</div>
		</div>
		<!-- </div> -->


		<!-- 
	<div class="tabs mw8 center mt5">
		<div class="tabs__menu flex mb5 bb b--black-20">
			 <label for="section1" class="tabs__menu-item w-25-ns tc bg-white pt4 pb4 bg-animate hover-bg-white pointer red">Query</label>
			<label for="section1"
				class="tabs__menu-item w-25-ns tc pt4 pb4 bg-animate hover-bg-white pointer">Query</label>
			<label for="section2"
				class="tabs__menu-item w-25-ns tc pt4 pb4 bg-animate hover-bg-white pointer">
				Risultato </label> <label for="section3"
				class="tabs__menu-item w-25-ns tc pt4 pb4 bg-animate hover-bg-white pointer">
				Testo </label> <label for="section4"
				class="tabs__menu-item w-25-ns tc pt4 pb4 bg-animate hover-bg-white pointer">
				Sparql Query </label>
		</div>
		<div class="tabs__content">
			<div>
				<input type="radio" class="dn" name="sections" id="section1">
				<div class="tabs__content__info">
					<p class="content" id="home">
						La <i>query</i> &egrave;: <span id="tick1"> </span>
					</p>


				</div>
			</div>
			<div>
				<input type="radio" class="dn" name="sections" id="section2" checked>
				<div class="tabs__content__info">

					<p class="content" id="about">
						<span id="result"> </span>
					</p>


				</div>
			</div>
			<div>
				<input type="radio" class="dn" name="sections" id="section3">
				<div class="tabs__content__info">
					<p class="content active" id="versi">
						<span id="svgresult"> </span>

					</p>
				</div>
			</div>
			<div>
				<input type="radio" class="dn" name="sections" id="section4">
				<div class="tabs__content__info">

					<p class="content" id="sparql">
						La <i>query SPARQL</i> &egrave;: <br> <span
							id="showsparqlquery"> <textarea id="sparqlquery" rows="20"
								cols="80"></textarea>
						</span>

					</p>

				</div>
			</div>
		</div>
	</div>


 -->

		<!-- TEMPLATE FILTRO -->

		<div class="flex items-center justify-center pa1 bl br bt bb b--green ui-state-enabled"
			style="display: none;" id="filtro">

			<div class="bg-washed-blue flex flex-column">
				<nav class="pa1 pa1-ns">
					<a class="link dim gray f6 f2-ns dib mr0 delete-written-filter"
						href="#" title="RemoveFilter"><img src="./images/chiudi1.png"
						style="width: 22px; height: 20px;"></a> <a
						class="link dim gray f6 f2-ns dib mr0 edit-written-filter"
						href="#" title="EditFilter"><img src="./images/edit.png"
						style="width: 22px; height: 20px;"></a> <select id="andor"
						style="display: none;"
						class="w-100 db h2 f6 bg-near-white ba b--sliver gray andorconditions"
						name="condizionelogica" onchange="" title="Condizione logica">
						<option value="all">AND</option>
						<option value="all">OR</option>
					</select>
				</nav>
				<div class="pa1 pa1-ns listacondizioni">
					<!--<h4 class="f6 fw6">Clausola</h4> -->

				</div>
			</div>
		</div>


		<!-- DIV DETTAGLIFILTRI -->

		<div style="display: none;" id='divdettaglifiltri'>
			<div class="flex flex-wrap" id='dettaglifiltritemplate'></div>
		</div>

		<!-- CATEGORIA GRAMMATICALE -->
		<div  style="display: none;" id='categoriagrammaticale'>
		
<!-- 		<div class="flex flex-wrap" id='condizioni'> -->
<!-- 								<div class="outline w-30 pv1 mr0 col-md-6"> -->
		

			<div class="outline ml1 col-md-5 pa1 pt0">

				<div class="flex flex-wrap h1 pa0">


					<nav >
						<a class="link  pt0 dim gray f6 f2-ns dib mr0 remove-filter" href="#"
							title="Remove"><img src="./images/chiudi1.png"
							style="width: 22px; height: 20px;"></a> <a
							class="link pt0 dim gray f6 f2-ns dib mr0 update-filter" href="#"
							title="Update" style="display: none"><img
							src="./images/smalldone.png" style="width: 22px; height: 20px;"></a>
						<a class="link dim pt0 gray f6 f2-ns dib mr0 set-filter" href="#"
							title="Set" style="display: none"><img
							src="./images/smalldone.png" style="width: 22px; height: 20px;"></a>
					</nav>


					<div class="outline w-100">
						<select id="types"
							class="w-100 db h2-ns pb0 f6 bg-near-white ba b--sliver gray catgram"
							name="categoria" onchange="" title="Macro categoria">
							<!-- 						<option value="all">Tutte le categorie</option> -->
							<optgroup label="Volgare">
								<option value="verbovolgare">Verbo volgare</option>
								<option value="sostantivovolgare">Sostantivo volgare</option>
								<option value="aggettivovolgare">Aggettivo volgare</option>
								<option value="pronomevolgare">Pronome volgare</option>
								<option value="articolovolgare">Articolo volgare</option>
								<option value="avverbiovolgare">Avverbio volgare</option>
								<option value="preposizionevolgare">Preposizione
									volgare</option>
								<option value="congiunzionevolgare">Congiunzione
									volgare</option>
								<option value="interiezionevolgare">Interiezione
									volgare</option>
								<option value="onomasticavolgare">Onomastica volgare</option>
								<option value="citazionevolgare">Citazione volgare</option>
							</optgroup>
							<optgroup label="Latino">
								<option value="verbo_latino_v">Verbo latino</option>
								<option value="sostantivo_latino_s">Sostantivo latino</option>
								<option value="aggettivo_latino_a">Aggettivo latino</option>
								<option value="pronome_latino_p">Pronome latino</option>
								<option value="avverbio_latino_r">Avverbio latino</option>
								<option value="preposizione_latino_e">Preposizione
									latino</option>
								<option value="congiunzione_latino_c">Congiunzione
									latino</option>
								<option value="interiezione_latino_i">Interiezione
									latino</option>
								<option value="enclitica_latino_9">Enclitica latino</option>
								<option value="citazione_latino_zi">Citazione latino</option>
								<option value="simbolo_latino_yy">Simbolo latino</option>
							</optgroup>
						</select>
					</div>
					<!-- <div class="outline w-100 pa1 mr2">
					
					<a class="f6 link dim br1 ba ph1 mb2 dib dark-green w-40 remove-filter"
						href="#0" value="rimuovi" data-added="0">Rimuovi</a>
					<a class="f6 link dim br1 ba ph1 mb2 dib dark-green w-40 add-details"
						href="#0" value="dettagli" data-added="0" style="display:none" >Filtri categoria</a>
						
					
				</div> -->
				</div>
			</div>




		</div>


		<!-- TIPO  SINTATTICO -->


		<div style="display: none;" id='tiposintattico'>
			<div class="outline w-25 pv1 ph1">
				<div class="flex flex-column">

					<nav class="pa1 pa1-ns">
						<a class="link dim gray f6 f2-ns dib mr0 remove-filter" href="#"
							title="Remove"><img src="./images/chiudi1.png"
							style="width: 22px; height: 20px;"></a> <a
							class="link dim gray f6 f2-ns dib mr0 set-filter" href="#"
							title="Set" style="display: none"><img
							src="./images/smalldone.png" style="width: 22px; height: 20px;"></a>

					</nav>

					<div class="outline w-100 pa1 mr1">


						<select id="synttypes"
							class="w-100 db h2 f6 bg-near-white ba b--sliver gray synttype"
							name="typeSyntax0" title="Tipo sintattico" value="oggetto">
							<option value=".+" class="w-10"
								onclick="myformsyntax.functionSyntax0.disabled = false;">Qualsiasi
								tipo sintattico</option>

							<optgroup
								label="Macrotipi sintattici: principali e coordinate a una principale"
								onclick="myformsyntax.functionSyntax0.disabled = true;">
								<option value="macro dich">dichiarativa</option>
								<option value="macro escl">esclamativa</option>
								<option value="macro inter princ">interrogativa</option>
								<option value="macro iussi">iussiva</option>
								<option value="macro otta">ottativa</option>
							</optgroup>

							<optgroup
								label="Macrotipi sintattici: subordinate e coordinate a una subordinata"
								onclick="myformsyntax.functionSyntax0.disabled = true;">
								<option value="macro avv">avversativa</option>
								<option value="macro causale">causale</option>
								<option value="macro compar">comparativa</option>
								<option value="macro conces">concessiva</option>
								<option value="macro consec">consecutiva</option>
								<option value="macro eccettu">eccettuativa</option>
								<option value="macro epesege">epesegetica</option>
								<option value="macro esclu">esclusiva</option>
								<option value="macro finale">finale</option>
								<option value="macro inter sub">interrogativa</option>
								<option value="macro ipotet">ipotetica</option>
								<option value="macro limitat">limitativa</option>
								<option value="macro maniera">maniera</option>
								<option value="macro modale">modale</option>
								<option value="macro obliqua">obliqua</option>
								<option value="macro oggettiva">oggettiva</option>
								<option value="macro pred">predicativa</option>
								<option value="macro rel">relativa</option>
								<option value="macro sog">soggettiva</option>
								<option value="macro strum">strumentale</option>
								<option value="macro sub">subordinata con funzione di
									ripresa</option>
								<option value="macro temp">temporale</option>
							</optgroup>

							<optgroup label="Macrotipi sintattici: pseudocoordinate"
								onclick="myformsyntax.functionSyntax0.disabled = true;">
								<option value="macro pseudo">pseudocoordinata</option>
							</optgroup>

							<optgroup
								label="Macrotipi sintattici: parentetiche e coordinate a una parentetica"
								onclick="myformsyntax.functionSyntax0.disabled = true;">
								<option value="macro pare sub">parentetica con valore
									di subordinata</option>
								<option value="macro pare mod">parentetica modalizzante</option>
							</optgroup>

							<optgroup label="Tutti i tipi sintattici"
								onclick="myformsyntax.functionSyntax0.disabled = false;">
								<option value="avv">avversativa</option>
								<option value="caus">causale</option>
								<option value="comp ipo">comparativa con valore
									ipotetico</option>
								<option value="comp lim">comparativa con valore
									limitativo</option>
								<option value="comp mod">comparativa con valore modale</option>
								<option value="comp temp">comparativa con valore
									temporale</option>
								<option value="comp disug">comparativa di
									disuguaglianza</option>
								<option value="comp ug">comparativa di uguaglianza</option>
								<option value="comp ug rel ind temp">comparativa di
									uguaglianza con valore di relativa indipendente temporale</option>
								<option value="conc acond">concessiva acondizionale</option>
								<option value="conc cond">concessiva condizionale</option>
								<option value="conc fatt">concessiva fattuale</option>
								<option value="man rel giust">concorrenza del relativo
									in frase di maniera</option>
								<option value="fin rel giust">concorrenza del relativo
									in frase finale</option>
								<option value="cons antec">consecutiva con antecedente</option>
								<option value="cons antec fin">consecutiva con
									antecedente con valore finale</option>
								<option value="cons antec temp">consecutiva con
									antecedente con valore temporale</option>
								<option value="cons antec epes">consecutiva con
									antecedente epesegetica</option>
								<option value="cons ell">consecutiva ellittica</option>
								<option value="cons libera">consecutiva libera</option>
								<option value="cons libera fin">consecutiva libera con
									valore finale</option>
								<option value="cons post">consecutiva posposta</option>
								<option value="cong asind comp ug">coordinata
									asindetica comparativa di uguaglianza</option>
								<option value="cong asind cons antec">coordinata
									asindetica consecutiva con antecedente</option>
								<option value="cong asind man">coordinata asindetica di
									maniera</option>
								<option value="cong asind dich">coordinata asindetica
									dichiarativa</option>
								<option value="cong asind epes">coordinata asindetica
									epesegetica</option>
								<option value="cong asind esclam">coordinata asindetica
									esclamativa</option>
								<option value="cong asind fin">coordinata asindetica
									finale</option>
								<option value="cong asind int altern">coordinata
									asindetica interrogativa alternativa</option>
								<option value="cong asind int altern">coordinata
									asindetica interrogativa alternativa</option>
								<option value="cong asind int altern ret">coordinata
									asindetica interrogativa alternativa retorica</option>
								<option value="cong asind int x">coordinata asindetica
									interrogativa di tipo x</option>
								<option value="cong asind int x">coordinata asindetica
									interrogativa di tipo x</option>
								<option value="cong asind int x ret">coordinata
									asindetica interrogativa di tipo x retorica</option>
								<option value="cong asind int disg">coordinata
									asindetica interrogativa disgiuntiva</option>
								<option value="cong asind ipo">coordinata asindetica
									ipotetica</option>
								<option value="cong asind iuss dir">coordinata
									asindetica iussiva diretta</option>
								<option value="cong asind iuss indir">coordinata
									asindetica iussiva indiretta</option>
								<option value="cong asind ogg | cong asind ogg perc">coordinata
									asindetica oggettiva</option>
								<option value="cong asind ott intr">coordinata
									asindetica ottativa con introduttore</option>
								<option value="cong asind ott libera">coordinata
									asindetica ottativa libera</option>
								<option value="cong asind rel app">coordinata
									asindetica relativa appositiva</option>
								<option value="cong asind rel app comp disug">coordinata
									asindetica relativa appositiva in costrutto comparativo</option>
								<option value="cong asind rel app giust">coordinata
									asindetica relativa giustapposta</option>
								<option value="cong asind rel ind">coordinata
									asindetica relativa indipendente</option>
								<option value="cong asind rel ind temp caus">coordinata
									asindetica relativa indipendente con valore temporale-causale</option>
								<option value="cong asind rel restr">coordinata
									asindetica relativa restrittiva</option>
								<option value="cong asind rel restr comp ug">coordinata
									asindetica relativa restrittiva in costrutto comparativo</option>
								<option value="cong asind sogg soll">coordinata
									asindetica soggettiva a sollevamento</option>
								<option value="cong asind subord">coordinata asindetica
									subordinata</option>
								<option value="cong asind temp">coordinata asindetica
									temporale</option>
								<option value="avv caus">coordinata avversativa causale</option>
								<option value="avv comp ug">coordinata avversativa
									comparativa di uguaglianza</option>
								<option value="avv cons antec">coordinata avversativa
									consecutiva con antecedente</option>
								<option value="avv dich">coordinata avversativa
									dichiarativa</option>
								<option value="avv fin">coordinata avversativa finale</option>
								<option value="avv int x">coordinata avversativa
									interrogativa di tipo x</option>
								<option value="avv int x ret">coordinata avversativa
									interrogativa di tipo x retorica</option>
								<option value="avv ipo caus">coordinata avversativa
									ipotetica con valore causale</option>
								<option value="avv iuss dir">coordinata avversativa
									iussiva diretta</option>
								<option value="avv iuss indir">coordinata avversativa
									iussiva indiretta</option>
								<option value="avv modaliz ott intr">coordinata
									avversativa modalizzante ottativa con introduttore</option>
								<option value="avv ogg / avv ogg perc">coordinata
									avversativa oggettiva</option>
								<option value="avv rel app">coordinata avversativa
									relativa appositiva</option>
								<option value="avv rel app cons antec">coordinata
									avversativa relativa appositiva con valore consecutivo</option>
								<option value="avv rel app comp ug">coordinata
									avversativa relativa appositiva in costrutto comparativo</option>
								<option value="avv rel giust">coordinata avversativa
									relativa giustapposta</option>
								<option value="avv rel ind">coordinata avversativa
									relativa indipendente</option>
								<option value="avv rel ind temp">coordinata avversativa
									relativa indipendente temporale</option>
								<option value="avv rel restr">coordinata avversativa
									relativa restrittiva</option>
								<option value="avv rel restr comp ug">coordinata
									avversativa relativa restrittiva in costrutto comparativo</option>
								<option value="avv sogg">coordinata avversativa
									soggettiva</option>
								<option value="avv temp">coordinata avversativa
									temporale</option>
								<option value="cong concl cons antec">coordinata
									conclusiva consecutiva con antecedente</option>
								<option value="cong concl dich">coordinata conclusiva
									dichiarativa</option>
								<option value="cong concl dich ill">coordinata
									conclusiva dichiarativa illocutiva</option>
								<option value="cong concl iuss dir">coordinata
									conclusiva iussiva diretta</option>
								<option value="cong concl iuss dir perifr">coordinata
									conclusiva iussiva diretta perifrastica</option>
								<option value="cong concl iuss indir">coordinata
									conclusiva iussiva indiretta</option>
								<option value="cong caus">coordinata congiuntiva
									causale</option>
								<option value="cong comp ipo">coordinata congiuntiva
									comparativa con valore ipotetico</option>
								<option value="cong comp lim">coordinata congiuntiva
									comparativa con valore limitativo</option>
								<option value="cong comp mod">coordinata congiuntiva
									comparativa con valore modale</option>
								<option value="cong comp disug">coordinata congiuntiva
									comparativa di disuguaglianza</option>
								<option value="cong comp ug">coordinata congiuntiva
									comparativa di uguaglianza</option>
								<option value="cong rip">coordinata congiuntiva con
									funzione di ripresa</option>
								<option value="cong conc cond">coordinata congiuntiva
									concessiva condizionale</option>
								<option value="cong conc fatt">coordinata congiuntiva
									concessiva fattuale</option>
								<option value="cong cons antec">coordinata congiuntiva
									consecutiva con antecedente</option>
								<option value="cong cons antec fin">coordinata
									congiuntiva consecutiva con antecedente con valore finale</option>
								<option value="cong cons antec epes">coordinata
									congiuntiva consecutiva con antecedente epesegetica</option>
								<option value="cong cons ell">coordinata congiuntiva
									consecutiva ellittica</option>
								<option value="cong cons libera">coordinata congiuntiva
									consecutiva libera</option>
								<option value="cong cons libera fin">coordinata
									congiuntiva consecutiva libera con valore finale</option>
								<option value="cong cons post">coordinata congiuntiva
									consecutiva posposta</option>
								<option value="cong man">coordinata congiuntiva di
									maniera</option>
								<option value="cong dich">coordinata congiuntiva
									dichiarativa</option>
								<option value="cong dich ill">coordinata congiuntiva
									dichiarativa illocutiva</option>
								<option value="cong eccett">coordinata congiuntiva
									eccettuativa</option>
								<option value="cong epes">coordinata congiuntiva
									epesegetica</option>
								<option value="cong esclam">coordinata congiuntiva
									esclamativa</option>
								<option value="cong esclus">coordinata congiuntiva
									esclusiva</option>
								<option value="cong fin">coordinata congiuntiva finale</option>
								<option value="cong int altern">coordinata congiuntiva
									interrogativa alternativa</option>
								<option value="cong int altern">coordinata congiuntiva
									interrogativa alternativa</option>
								<option value="cong int x">coordinata congiuntiva
									interrogativa di tipo x</option>
								<option value="cong int x">coordinata congiuntiva
									interrogativa di tipo x</option>
								<option value="cong int x ret">coordinata congiuntiva
									interrogativa di tipo x retorica</option>
								<option value="cong ipo">coordinata congiuntiva
									ipotetica</option>
								<option value="cong ipo caus">coordinata congiuntiva
									ipotetica con valore causale</option>
								<option value="cong ipo sogg">coordinata congiuntiva
									ipotetica soggettiva</option>
								<option value="cong iuss dir">coordinata congiuntiva
									iussiva diretta</option>
								<option value="cong iuss indir">coordinata congiuntiva
									iussiva indiretta</option>
								<option value="cong lim">coordinata congiuntiva
									limitativa</option>
								<option value="cong modaliz ott intr">coordinata
									congiuntiva modalizzante ottativa con introduttore</option>
								<option value="cong obl">coordinata congiuntiva obliqua</option>
								<option value="cong ogg /cong ogg perc">coordinata
									congiuntiva oggettiva</option>
								<option value="cong ott libera">coordinata congiuntiva
									ottativa libera</option>
								<option value="cong rel pseudo">coordinata congiuntiva
									pseudo-relativa</option>
								<option value="cong rel app">coordinata congiuntiva
									relativa appositiva</option>
								<option value="cong rel app comp ug">coordinata
									congiuntiva relativa appositiva comparativa di uguaglianza</option>
								<option value="cong rel app cons">coordinata
									congiuntiva relativa appositiva con valore consecutivo</option>
								<option value="cong rel app epes">coordinata
									congiuntiva relativa appositiva con valore di epesegetica</option>
								<option value="cong rel app fin">coordinata congiuntiva
									relativa appositiva con valore finale</option>
								<option value="cong rel app temp">coordinata
									congiuntiva relativa appositiva con valore temporale</option>
								<option value="cong rel app comp disug">coordinata
									congiuntiva relativa appositiva in costrutto comparativo di
									disuguaglianza</option>
								<option value="cong rel app giust">coordinata
									congiuntiva relativa giustapposta</option>
								<option value="cong rel app giust caus">coordinata
									congiuntiva relativa giustapposta con valore causale</option>
								<option value="cong rel impl">coordinata congiuntiva
									relativa implicita</option>
								<option value="cong rel impl lim">coordinata
									congiuntiva relativa implicita con valore limitativo</option>
								<option value="cong rel ind">coordinata congiuntiva
									relativa indipendente</option>
								<option value="cong rel ind acond">coordinata
									congiuntiva relativa indipendente acondizionale</option>
								<option value="cong rel ind ipo">coordinata congiuntiva
									relativa indipendente con valore ipotetico</option>
								<option value="cong rel ind mod">coordinata congiuntiva
									relativa indipendente con valore modale</option>
								<option value="cong rel ind mod comp ug">coordinata
									congiuntiva relativa indipendente in costrutto
									comparativo-modale</option>
								<option value="cong rel ind temp">coordinata
									congiuntiva relativa indipendente temporale</option>
								<option value="cong rel restr">coordinata congiuntiva
									relativa restrittiva</option>
								<option value="cong rel restr caus">coordinata
									congiuntiva relativa restrittiva con valore causale</option>
								<option value="cong rel restr cons">coordinata
									congiuntiva relativa restrittiva con valore consecutivo</option>
								<option value="cong rel restr comp ug">coordinata
									congiuntiva relativa restrittiva in costrutto comparativo</option>
								<option value="cong rel restr temp">coordinata
									congiuntiva relativa restrittiva temporale</option>
								<option value="cong sogg">coordinata congiuntiva
									soggettiva</option>
								<option value="cong spec">coordinata congiuntiva
									specificativa</option>
								<option value="cong strum">coordinata congiuntiva
									strumentale</option>
								<option value="cong temp">coordinata congiuntiva
									temporale</option>
								<option value="cong temp caus">coordinata congiuntiva
									temporale con valore causale</option>
								<option value="cong cons caus">coordinata consecutiva
									causale</option>
								<option value="cong cons dich">coordinata consecutiva
									dichiarativa</option>
								<option value="cong corr dich">coordinata correlativa
									dichiarativa</option>
								<option value="cong corr fin">coordinata correlativa
									finale</option>
								<option value="cong corr lim">coordinata correlativa
									limitativa</option>
								<option value="cong corr sogg infinitoprep">coordinata
									correlativa soggettiva a infinito preposizionale</option>
								<option value="disg comp disug temp">coordinata
									disgiuntiva comparativa di disuguaglianza con valore temporale</option>
								<option value="disg conc acond">coordinata disgiuntiva
									concessiva acondizionale</option>
								<option value="disg conc cond">coordinata disgiuntiva
									concessiva condizionale</option>
								<option value="disg cons libera">coordinata disgiuntiva
									consecutiva libera</option>
								<option value="disg corr dich">coordinata disgiuntiva
									correlativa dichiarativa</option>
								<option value="disg man">coordinata disgiuntiva di
									maniera</option>
								<option value="disg dich">coordinata disgiuntiva
									dichiarativa</option>
								<option value="disg epes">coordinata disgiuntiva
									epesegetica</option>
								<option value="disg esclus">coordinata disgiuntiva
									esclusiva</option>
								<option value="disg int altern">coordinata disgiuntiva
									interrogativa alternativa</option>
								<option value="disg int altern">coordinata disgiuntiva
									interrogativa alternativa</option>
								<option value="disg int x">coordinata disgiuntiva
									interrogativa di tipo x</option>
								<option value="disg int disg">coordinata disgiuntiva
									interrogativa disgiuntiva</option>
								<option value="disg ipo">coordinata disgiuntiva
									ipotetica</option>
								<option value="disg lim">coordinata disgiuntiva
									limitativa</option>
								<option value="disg obl">coordinata disgiuntiva obliqua</option>
								<option value="disg ogg">coordinata disgiuntiva
									oggettiva</option>
								<option value="disg rel ind">coordinata disgiuntiva
									relativa indipendente</option>
								<option value="disg rel ind acond">coordinata
									disgiuntiva relativa indipendente acond</option>
								<option value="disg rel ind temp">coordinata
									disgiuntiva relativa indipendente temporale</option>
								<option value="disg rel restr">coordinata disgiuntiva
									relativa restrittiva</option>
								<option value="disg rel restr cons">coordinata
									disgiuntiva relativa restrittiva con valore consecutivo</option>
								<option value="disg sogg">coordinata disgiuntiva
									soggettiva</option>
								<option value="disg temp">coordinata disgiuntiva
									temporale</option>
								<option value="cong espl dich">coordinata esplicativa
									dichiarativa</option>
								<option value="cong espl obl">coordinata esplicativa
									obliqua</option>
								<option value="cong espl ogg">coordinata esplicativa
									oggettiva</option>
								<option value="cong espl rel app antec">coordinata
									esplicativa relativa appositiva con antecedente</option>
								<option value="cong espl rel ind mod">coordinata
									esplicativa relativa indipendente con valore modale</option>
								<option value="man">di maniera</option>
								<option value="man gerundioprep">di maniera a gerundio
									preposizionale</option>
								<option value="dich">dichiarativa</option>
								<option value="dich ill">dichiarativa illocutiva</option>
								<option value="eccett">eccettuativa</option>
								<option value="eccett comp ug">eccettuativa con valore
									di comparativa di uguaglianza</option>
								<option value="epes">epesegetica</option>
								<option value="esclam">esclamativa</option>
								<option value="esclus">esclusiva</option>
								<option value="faltern">falsa alternativa</option>
								<option value="fcong">falsa congiuntiva</option>
								<option value="fin">finale</option>
								<option value="fin ipo">finale con valore ipotetico</option>
								<option value="rip">funzione di ripresa</option>
								<option value="int altern">interrogativa alternativa</option>
								<option value="int altern ret">interrogativa
									alternativa retorica</option>
								<option value="int x">interrogativa di tipo x</option>
								<option value="int x ret">interrogativa di tipo x
									retorica</option>
								<option value="int disg">interrogativa disgiuntiva</option>
								<option value="int disg ret">interrogativa disgiuntiva
									retorica</option>
								<option value="ipo">ipotetica</option>
								<option value="ipo biaff">ipotetica biaffermativa</option>
								<option value="ipo caus">ipotetica con valore causale</option>
								<option value="ipo eccett">ipotetica con valore
									eccettuativo</option>
								<option value="ipo obl">ipotetica obliqua</option>
								<option value="ipo rel giust">ipotetica relativa
									giustapposta</option>
								<option value="ipo sogg">ipotetica soggettiva</option>
								<option value="iuss aug">iussiva augurativa</option>
								<option value="iuss dir">iussiva diretta</option>
								<option value="iuss dir perifr">iussiva diretta
									perifrastica</option>
								<option value="iuss indir">iussiva indiretta</option>
								<option value="lim">limitativa</option>
								<option value="lim caus">limitativa con valore causale</option>
								<option value="lim caus eccett">limitativa con valore
									causale-eccettuativo</option>
								<option value="lim eccett">limitativa con valore
									eccettuativo</option>
								<option value="mod">modale</option>
								<option value="modaliz">modalizzante</option>
								<option value="modaliz ott intr">modalizzante ottativa
									con introduttore</option>
								<option value="modaliz ott libera">modalizzante
									ottativa libera</option>
								<option value="obl">obliqua</option>
								<option value="ogg | ogg aci | ogg perc">oggettiva</option>
								<option value="ott intr">ottativa con introduttore</option>
								<option value="ott libera">ottativa libera</option>
								<option value="pred">predicativa</option>
								<option value="rel pseudo">pseudo-relativa</option>
								<option value="rel pseudo fin">pseudo-relativa con
									valore finale</option>
								<option value="rel pseudo scissa">pseudo-relativa
									scissa</option>
								<option value="rel pseudo scissa temp">pseudo-relativa
									scissa con valore temporale</option>
								<option value="rel app antec">relativa appositiva con
									antecedente</option>
								<option value="rel app antec caus">relativa appositiva
									con antecedente con valore causale</option>
								<option value="rel app antec cons">relativa appositiva
									con antecedente con valore consecutivo</option>
								<option value="rel app antec fin cons">relativa
									appositiva con antecedente con valore consecutivo-finale</option>
								<option value="rel app antec fin">relativa appositiva
									con antecedente con valore finale</option>
								<option value="rel app antec strum">relativa appositiva
									con antecedente con valore strumentale</option>
								<option value="rel app antec giust">relativa appositiva
									con antecedente giustapposta</option>
								<option value="rel app antec comp disug">relativa
									appositiva con antecedente in costrutto comparativo di
									disuguaglianza</option>
								<option value="rel app antec comp ug">relativa
									appositiva con antecedente in costrutto comparativo di
									uguaglianza</option>
								<option value="rel app antec eccett">relativa
									appositiva con antecedente in costrutto eccettuativo</option>
								<option value="rel app antec giust cons">relativa
									appositiva giustapposta con valore consecutivo</option>
								<option value="rel app antec giust man">relativa
									appositiva giustapposta con valore di maniera</option>
								<option value="rel app antec giust ipo">relativa
									appositiva giustapposta con valore ipotetico</option>
								<option value="rel restr antec comp ug">relativa con
									antecedente in costrutto comparativo di uguaglianza</option>
								<option value="rel giust">relativa giustapposta</option>
								<option value="rel impl">relativa implicita</option>
								<option value="rel impl cons">relativa implicita con
									valore consecutivo</option>
								<option value="rel impl fin">relativa implicita con
									valore finale</option>
								<option value="rel impl lim">relativa implicita con
									valore limitativo</option>
								<option value="rel impl deon">relativa implicita
									deontica</option>
								<option value="rel ind">relativa indipendente</option>
								<option value="rel ind acond">relativa indipendente
									acondizionale</option>
								<option value="rel ind ipo">relativa indipendente con
									valore ipotetico</option>
								<option value="rel ind mod">relativa indipendente con
									valore modale</option>
								<option value="rel ind temp">relativa indipendente con
									valore temporale</option>
								<option value="rel ind temp acond">relativa
									indipendente con valore temporale acondizionale</option>
								<option value="rel ind temp caus">relativa indipendente
									con valore temporale-causale</option>
								<option value="rel ind caus">relativa indipendente in
									costrutto causale</option>
								<option value="rel ind comp">relativa indipendente in
									costrutto comparativo</option>
								<option value="rel ind temp comp ug">relativa
									indipendente in costrutto comparativo di uguaglianza</option>
								<option value="rel ind mod comp ug">relativa
									indipendente in costrutto comparativo-modale</option>
								<option value="rel restr antec">relativa restrittiva
									con antecedente</option>
								<option value="rel restr antec caus">relativa
									restrittiva con antecedente con valore causale</option>
								<option value="rel restr antec cons">relativa
									restrittiva con antecedente con valore consecutivo</option>
								<option value="rel restr antec conc cond">relativa
									restrittiva con antecedente con valore di concessiva
									condizionale</option>
								<option value="rel restr antec conc fatt">relativa
									restrittiva con antecedente con valore di concessiva fattuale</option>
								<option value="rel restr antec fin">relativa
									restrittiva con antecedente con valore finale</option>
								<option value="rel restr antec ipo">relativa
									restrittiva con antecedente con valore ipotetico</option>
								<option value="rel restr antec temp">relativa
									restrittiva con antecedente con valore temporale</option>
								<option value="rel restr antec comp disug">relativa
									restrittiva con antecedente in costrutto comparativo di
									disuguaglianza</option>
								<option value="rel restr antec comp mod">relativa
									restrittiva con antecedente in costrutto comparativo-modale</option>
								<option value="rel restr antec eccett">relativa
									restrittiva con antecedente in costrutto eccettuativo</option>
								<option value="rel restr antec lim">relativa
									restrittiva con antecedente in costrutto limitativo</option>
								<option value="sogg | sogg aci | sogg id | sogg infinitoprep">soggettiva</option>
								<option value="sogg soll">soggettiva a sollevamento</option>
								<option value="sogg scissa">soggettiva scissa</option>
								<option value="spec | spec aci | sogg infinitoprep">specficativa</option>
								<option value="strum">strumentale</option>
								<option value="subord">subordinata</option>
								<option value="temp">temporale</option>
								<option value="temp comp ug">temporale con valore
									comparativo</option>
								<option value="temp ipo">temporale con valore ipotetico</option>
							</optgroup>

						</select>
					</div>
					<div class="outline w-100 pa1 mr1">
						<select name="functionSyntax"
							class="w-100 db h2 f6 bg-near-white ba b--sliver gray syntfun"
							title="Livello di subordinazione">
							<option value=".+">Qualsiasi livello di subordinazione</option>

							<optgroup label="Livelli di subordinazione">
								<option value="princ">principale</option>
								<option value="coord">coordinata a una principale</option>

								<option value="subord i">subordinata di I grado</option>
								<option value="subord ii">subordinata di II grado</option>
								<option value="subord iii">subordinata di III grado</option>
								<option value="subord iv">subordinata di IV grado</option>
								<option value="subord v">subordinata di V grado</option>
								<option value="subord vi">subordinata di VI grado</option>
								<option value="subord vii">subordinata di VII grado</option>

								<option value="coord i">coordinata a una subordinata di
									I grado</option>
								<option value="coord ii">coordinata a una subordinata
									di II grado</option>
								<option value="coord iii">coordinata a una subordinata
									di III grado</option>
								<option value="coord iv">coordinata a una subordinata
									di IV grado</option>
								<option value="coord v">coordinata a una subordinata di
									V grado</option>

								<option value="pcoord">pseudo-coordinata</option>

								<option value="parent">parentetica</option>
								<option value="coord 0">coordinata a una parentetica</option>

							</optgroup>

						</select>
					</div>
				</div>
			</div>
		</div>




		<!-- CATEGORIA SOSTANTIVO -->


		<div style="display: none;" id='categoriasostantivo'>

			<div class=" w-15 pa1 mr2">
				<fieldset id="numero" class="bn">

					<div class="flex items-center mb2">
						<input class="mr2 f6" type="radio" id="singolare"
							value="Singolare" name="Numero"> <label for=" singolare"
							class="lh-copy">Singolare</label>
					</div>
					<div class="flex items-center mb2">
						<input class="mr2 f6" type="radio" id="plurale" value="Plurale"
							name="Numero"> <label for="plurale" class="lh-copy">Plurale</label>
					</div>
				</fieldset>
			</div>




			<div class=" w-15 pa1 mr2">
				<fieldset id="Genere lemma" class="bn">

					<div class="flex items-center mb2">
						<input class="mr2 f6" type="radio" id="lemmafemminile"
							value="Lemma femminile" name="Genere_lemma"> <label
							for="lemmafemminile" class="lh-copy">Lemma di genere
							femminile</label>
					</div>
					<div class="flex items-center mb2">
						<input class="mr2 f6" type="radio" id="lemmamaschile"
							value="Lemma maschile" name="Genere lemma"> <label
							for="lemmamaschile" class="lh-copy">Lemma di genere
							maschile</label>
					</div>
				</fieldset>
			</div>

			<div class=" w-15 pa1 mr2">
				<fieldset id="genereforma" class="bn">

					<div class="flex items-center mb2">
						<input class="mr2 f6" type="radio" id="formafemminile"
							value="Forma femminile" name="Genere forma"> <label
							for="formafemminile" class="lh-copy">Forma di genere
							femminile</label>
					</div>
					<div class="flex items-center mb2">
						<input class="mr2 f6" type="radio" id="formamaschile"
							value="Forma maschile" name="Genere_forma"> <label
							for="formamaschile" class="lh-copy">Forma di genere
							maschile</label>
					</div>
				</fieldset>
			</div>

			<div class=" w-25 pa2 mr2">
				<div class="fl w-100 w-70-ns ">
					<fieldset id="riflpers" class="bn">
						<div class="flex items-center mb2">
							<input class="mr2" name="riflpers" type="checkbox"
								id="inlocuzione" value="In locuzione"> <label
								for="inlocuzione" class="lh-copy">In locuzione</label>
						</div>

					</fieldset>

				</div>


			</div>

			<div class=" w-15 pa2 mr2">
				<select id="declsost"
					class="w-100 db h2 f6 bg-near-white ba b--sliver gray"
					name="Declinazione sostantivo" onchange=""
					title="Declinazione sotantivo">
					<option value="">Tutte le declinazioni</option>
					<option value="Prima declinazione">Prima declinazione</option>
					<option value="Seconda declinazione">Seconda declinazione</option>
					<option value="Terza declinazione">Terza declinazione</option>
				</select>

			</div>

		</div>





		<!-- CATEGORIA VERBO -->

		<div style="display: none;" id='categoriaverbo'>

			<div class=" w-15 pa1 mr2">
				<div class="fl w-100 w-40-ns ">
					<fieldset id="" class="bn">

						<div class="flex items-center mb2">
							<input class="mr2 f6" type="radio" id="attivo" value="Attivo"
								name="Diatesi"> <label for="Attivo" class="lh-copy">Attivo</label>
						</div>
						<div class="flex items-center mb2">
							<input class="mr2 f6" type="radio" id="passivo" value="Passivo"
								name="Diatesi"> <label for="Passivo" class="lh-copy">Passivo</label>
						</div>
					</fieldset>
				</div>


			</div>

			<div class="w-15 pa1 mr2">

				<div class="fl w-100 w-40-ns ">
					<fieldset id="transitivita" class="bn">

						<div class="flex items-center mb2">
							<input class="mr2 f6" type="radio" id="transitivo"
								value="Transitivo" name="Transitivita"> <label
								for="transitivo" class="lh-copy">Transitivo</label>
						</div>
						<div class="flex items-center mb2">
							<input class="mr2 f6" type="radio" id="intransitivo"
								value="Intransitivo" name="Transitivita"> <label
								for="intransitivo" class="lh-copy">Intransitivo</label>
						</div>
					</fieldset>
				</div>

			</div>

			<div class=" w-15 pa1 mr2">
				<fieldset id="genere" class="bn">

					<div class="flex items-center mb2">
						<input class="mr2 f6" type="radio" id="femminile"
							value="Femminile" name="Genere"> <label for="femminile"
							class="lh-copy">Femminile</label>
					</div>
					<div class="flex items-center mb2">
						<input class="mr2 f6" type="radio" id="maschile" value="Maschile"
							name="Genere"> <label for="maschile" class="lh-copy">Maschile</label>
					</div>
				</fieldset>
			</div>
			<div class=" w-15 pa1 mr2">
				<fieldset id="numero" class="bn">

					<div class="flex items-center mb2">
						<input class="mr2 f6" type="radio" id="singolare"
							value="Singolare" name="Numero"> <label for=""
							singolare"" class="lh-copy">Singolare</label>
					</div>
					<div class="flex items-center mb2">
						<input class="mr2 f6" type="radio" id="plurale" value="Plurale"
							name="Numero"> <label for="plurale" class="lh-copy">Plurale</label>
					</div>
				</fieldset>
			</div>
			<div class=" w-15 pa1 mr2">
				<div class="fl w-100 w-40-ns ">
					<fieldset id="riflpers" class="bn">
						<div class="flex items-center mb2">
							<input class="mr2" type="checkbox" id="impersonale"
								value="Impersonale" name="Pers"> <label
								for="impersonale" class="lh-copy">Impersonale</label>
						</div>
						<div class="flex items-center mb2">
							<input class="mr2" type="checkbox" id="riflessivo"
								value="Riflessivo" name="Rifl"> <label for="riflessivo"
								class="lh-copy">Riflessivo</label>
						</div>
					</fieldset>

				</div>


			</div>
			<div class=" w-15 pa2 mr2">

				<select id="coniug"
					class="w-100 db h2 f6 bg-near-white ba b--sliver gray"
					name="Coniugazione" onchange="" title="Coniugazione">
					<option value="">Qualsiasi coniugazione</option>
					<option value="Prima coniugazione">Prima</option>
					<option value="Seconda coniugazione">Seconda</option>
					<option value="Terza coniugazione">Terza</option>
					<option value="Essere coniugazione">Essere</option>
					<option value="Avere coniugazione">Avere</option>
				</select>


			</div>
			<div class=" w-15 pa2">
				<select id="tempi"
					class="w-100 db h2 f6 bg-near-white ba b--sliver gray" name="Tempi"
					onchange="" title="Macro categoria">
					<option value="">Qualsiasi tempo verbale</option>
					<option value="Indicativo presente">Indicativo presente</option>
					<option value="Indicativo passato prossimo">Indicativo
						passato prossimo</option>
					<option value="Indicativo imperfetto">Indicativo
						imperfetto</option>
					<option value="Indicativo passato remoto">Indicativo
						passato remoto</option>
					<option value="Indicativo trapassato prossimo">Indicativo
						trapassato prossimo</option>
					<option value="Indicativo trapassato remoto">Indicativo
						trapassato remoto</option>
					<option value="Indicativo futuro semplice">Indicativo
						futuro semplice</option>
					<option value="Indicativo futuro anteriore">Indicativo
						futuro anteriore</option>
					<option value="Congiuntivo presente">Congiuntivo presente</option>
					<option value="Congiuntivo imperfetto">Congiuntivo
						imperfetto</option>
					<option value="Congiuntivo passato">Congiuntivo passato</option>
					<option value="Congiuntivo trapassato">Congiuntivo
						trapassato</option>
					<option value="Condizionale presente">Condizionale
						presente</option>
					<option value="Condizionale passato">Condizionale passato</option>
					<option value="Imperativo presente">Imperativo presente</option>
					<option value="Infinito presente">Infinito presente</option>
					<option value="Infinito passato">Infinito passato</option>
					<option value="Participio presente">Participio presente</option>
					<option value="Participio passato">Participio passato</option>
					<option value="Gerundio presente">Gerundio presente</option>
					<option value="Gerundio passato">Gerundio passato</option>
				</select>
			</div>

			<div class=" w-15 pa2">
				<select id="Persona"
					class="w-100 db h2 f6 bg-near-white ba b--sliver gray"
					name="persona" onchange="" title="Macro categoria">

					<option value="">Qualsiasi persona</option>
					<option value="1ª persona singolare">1ª singolare</option>
					<option value="2ª persona singolare">2ª singolare</option>
					<option value="3ª persona singolare">3ª singolare</option>
					<option value="1ª persona plurale">1ª plurale</option>
					<option value="2ª persona plurale">2ª plurale</option>
					<option value="3ª persona plurale">3ª plurale</option>
				</select>
			</div>
			<div class=" w-15 pa2 mr2">
				<select id="funz"
					class="w-100 db h2 f6 bg-near-white ba b--sliver gray"
					name="Funzione" onchange="" title="Funzione">
					<option value="">Tutte le funzioni</option>
					<option value="Aggettivo">Aggettivo</option>
					<option value="Sostantivo maschile">Sostantivo maschile</option>
					<option value="Sostantivo femminile">Sostantivo femminile</option>
				</select>
			</div>
			<div class=" w-15 pa2 mr2">
				<select id="decl"
					class="w-100 db h2 f6 bg-near-white ba b--sliver gray"
					name="Declinazione" onchange="" title="Declinazione">
					<option value="">Tutte le declinazioni</option>
					<option value="Prima declinazione">Prima</option>
					<option value="Seconda declinazione">Seconda</option>
					<option value="Terza declinazione">Terza</option>
				</select>

			</div>

		</div>


		<!-- CONDIZIONE GRAMMATICALE -->

		<div style="display: none;">
			<table id="gramm_table">
				<tr id="">


					<td class="pa3">
						<!--  
          	<select id="types" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" name="oggetto" value="oggetto">
  							  <option label= "Forma" value="forma">Forma</option>
							  <option label="Lemma" value="lemma">Lemma
							  </option>
						</select>
						-->
						<fieldset id="lemma_forma" class="bn">

							<div class="flex items-center mb2">
								<input class="mr2 f6" type="radio" id="lemma" value="lemma"
									name="oggetto"> <label for="lemma" class="lh-copy">Lemma</label>
							</div>
							<div class="flex items-center mb2">
								<input class="mr2 f6" type="radio" id="forma" value="forma"
									name="oggetto"> <label for="forma" class="lh-copy">Forma</label>
							</div>
						</fieldset>
					</td>
					<td class="pa3"><input id="name"
						class="input-reset ba b--black-20 pa2 mb2 db w-100" type="text"
						aria-describedby="name-desc" name="query" value=""></td>
					<td class="pa3"><select id="types"
						class="w-100 db h2 f6 bg-near-white ba b--sliver gray" name="tipo"
						title="Tipo di ricerca">
							<option value="parola" onclick="">Parola</option>
							<option value="sottostringa" onclick="">Sottostringa</option>
							<option value="prefisso" onclick="">Prefisso</option>
							<option value="suffisso" onclick="">Suffisso</option>
							<option value="espressione" onclick="">Espressione
								regolare</option>
							<option value="occorrenze" onclick="">Tutte le
								occorrenze</option>
					</select></td>
					<td class="pa3"><select id="types"
						class="w-100 db h2 f6 bg-near-white ba b--sliver gray"
						name="categoria" onchange="" title="Macro categoria">
							<option value="all">Tutte le categorie</option>
							<optgroup label="Volgare">
								<option value="verbovolgare">Verbo volgare</option>
								<option value="sostantivovolgare">Sostantivo volgare</option>
								<option value="aggettivovolgare">Aggettivo volgare</option>
								<option value="pronomevolgare">Pronome volgare</option>
								<option value="articolovolgare">Articolo volgare</option>
								<option value="avverbiovolgare">Avverbio volgare</option>
								<option value="preposizionevolgare">Preposizione
									volgare</option>
								<option value="congiunzionevolgare">Congiunzione
									volgare</option>
								<option value="interiezionevolgare">Interiezione
									volgare</option>
								<option value="onomasticavolgare">Onomastica volgare</option>
								<option value="citazionevolgare">Citazione volgare</option>
							</optgroup>
							<optgroup label="Latino">
								<option value="verbo_latino_v">Verbo latino</option>
								<option value="sostantivo_latino_s">Sostantivo latino</option>
								<option value="aggettivo_latino_a">Aggettivo latino</option>
								<option value="pronome_latino_p">Pronome latino</option>
								<option value="avverbio_latino_r">Avverbio latino</option>
								<option value="preposizione_latino_e">Preposizione
									latino</option>
								<option value="congiunzione_latino_c">Congiunzione
									latino</option>
								<option value="interiezione_latino_i">Interiezione
									latino</option>
								<option value="enclitica_latino_9">Enclitica latino</option>
								<option value="citazione_latino_zi">Citazione latino</option>
								<option value="simbolo_latino_yy">Simbolo latino</option>
							</optgroup>
					</select></td>
					<td><input class="delete-record" type="submit" value="Rimuovi"
						data-id="0"></td>


				</tr>
			</table>
		</div>






		<!-- Vecchio codice -->



		<!-- End form -->

		<hr>

		<!-- submit event listener  -->
		<!-- 
	<script type="module">
import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";
import notebook from "https://api.observablehq.com/@cesare/d3search/2.js?v=3&api_key=a05c55ad119cc37428496af43d692d30cbc35546";
document.querySelector('#grammarbutton').addEventListener('click', () => {
    
const display1 = document.querySelector("#tick1");
 const displayres = document.querySelector("#result");
const displaysvgres = document.querySelector("#svgresult");
const displaysprql = document.querySelector("#sparqlquery");
  const mform = document.querySelector("#myform");
  //alert('pippone');
const spq=gimmespqfromjson(mform);

const runtime = new Runtime();
const main = runtime.module(notebook, name => {
  if (name === "pppp") {
    return new Inspector(display1);
    
  }
 if (name === "showmytable") {
    return new Inspector(displayres);
  }
  if (name === "svg_v1") {
    return new Inspector(displaysvgres);
  }
  displaysprql.innerHTML =writesparqlquery(spq);
});

main.redefine("querytxt", writesearchValue(mform));
//alert(spq)
main.redefine("completeq", gimmespqfromjson(mform));
//alert(executeSparqlQuery(gimmespqfromjson(mform)));
});
</script>


 -->
		<!-- partial 
  <script  src="./script.js"></script>
  -->
		<!-- 
	<script type="module">

import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";
import notebook from "https://api.observablehq.com/@cesare/d3search/2.js?v=3&api_key=a05c55ad119cc37428496af43d692d30cbc35546";
//https://api.observablehq.com/d/[NOTEBOOK_ID][@VERSION].[FORMAT]?v=3&api_key=xxxx
// Select the element into which we’ll show the observed value.
const display1 = document.querySelector("#tick1");
const mform = document.querySelector("#myform");
//alert (mform.elements);
// Load the notebook, observing the “tick” cell with a custom Inspector that
// renders any fulfilled value into the previously-selected element.
const runtime = new Runtime();
const main = runtime.module(notebook, name => {
  if (name === "pppp") {
    return new Inspector(display1);
  }
});
// Redefine the cell “data” as the contents of the local file population.json;
// this will affect the chart embedded above.
main.redefine("querytxt", writesearchValue(mform));

</script>
 -->


		<!-- Da index_Luk_Q_.html -->


		<div class="container p-2 my-3 border bg-light">
			<div class="row">
				<div class="col-md-12">
					<ul class="nav nav-tabs" id="result-list" role="tablist">
						<li class="nav-item active" role="presentation"><a
							class="nav-link active" id="result1-tab" data-toggle="tab"
							href="#result1" role="tab" aria-controls="result1"
							aria-selected="true"><span class="small text-secondary"><ion-icon
										name="archive"></ion-icon></span><span
								class="text-dark font-weight-bold">&nbsp;&nbsp;Risultati</span></a>
						</li>
						<li class="nav-item" role="presentation"><a class="nav-link"
							id="result2-tab" data-toggle="tab" href="#result2" role="tab"
							aria-controls="result2" aria-selected="true"><span
								class="small text-dark font-weight-bold">Testo</span></a></li>
						<li class="nav-item" role="presentation"><a class="nav-link"
							id="result3-tab" data-toggle="tab" href="#result3" role="tab"
							aria-controls="result3" aria-selected="true"><span
								class="small text-dark font-weight-bold">Query Sparql</span></a></li>
					</ul>
					<div class="tab-content border-right border-left border-bottom"
						id="result-TabContent">
						<div class="tab-pane fade show active p-2 bg-white" id="result1"
							role="tabpanel" aria-labelledby="result1-tab">
							<div class="form-outline text-muted font-weight-normal p-1"
								id="showrisultati">
								<div class=" text-muted table-responsive" id="resultsId1">
									<div class="p-2 border">Nessun risultato</div>
								</div>
							</div>
						</div>
						<div class="tab-pane fade p-2 bg-white" id="result2"
							role="tabpanel" aria-labelledby="result2-tab">

							<div class="row p-1">
								<div
									class="col-sm-12 col-md-6 text-muted font-weight-normal align-text-bottom">
									<label class="form-label m-0 mt-2" for="risultatitesto">Risultati
										testuali della ricerca:</label>
								</div>
								<div class="col-sm-12 col-md-6 text-right float-right">
									<div class="btn-group text-right float-right" role="group"
										aria-label="Tasto copia testo">
										<label class="input-group-text"><ion-icon name="copy"></ion-icon></label>
										<button
											class="btn  btn-outline-danger btn-sm text-right float-right"
											tabindex="0" id="copiaTesto" aria-controls="resultQuery"
											type="button">Copia</button>
									</div>
								</div>
							</div>

							<div
								class="form-outline small text-muted font-weight-normal p-1 pt-2"
								id="showtext">
								<textarea class="form-control small text-muted bg-white"
									id="risultatitesto" rows="4" placeholder="Nessun risultato"
									readonly></textarea>
							</div>
						</div>
						<div class="tab-pane fade p-2 bg-white" id="result3"
							role="tabpanel" aria-labelledby="result3-tab">
							<div class="row p-1">
								<div
									class="col-sm-12 col-md-6 text-muted font-weight-normal align-text-bottom">
									<label class="form-label m-0 mt-2" for="sparqlquery">La
										query SPARQL è:</label>
								</div>
								<div class="col-sm-12 col-md-6 text-right float-right">
									<div class="btn-group text-right float-right" role="group"
										aria-label="Tasto copia query">
										<label class="input-group-text"><ion-icon name="copy"></ion-icon></label>
										<button
											class="btn  btn-outline-danger btn-sm text-right float-right"
											tabindex="0" id="copiaQuery" aria-controls="resultQuery"
											type="button">Copia</button>
									</div>
								</div>
							</div>
							<div
								class="form-outline small text-muted font-weight-normal p-1 pt-2"
								id="showsparqlquery">
								<textarea class="form-control small text-muted bg-white"
									id="sparqlquery" rows="4" placeholder="Nessuna query" readonly></textarea>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="container pb-3 px-3 my-3 border bg-lidaBG1">
			<div class="row align-items-end p-2 halfOpacity">
				<div class="col shadow bg-lida8">&nbsp;</div>
				<div class="col shadow bg-lida9">&nbsp;</div>
				<div class="col shadow bg-lida3">&nbsp;</div>
				<div class="col shadow bg-lida4">&nbsp;</div>
				<div class="col shadow bg-lida5">&nbsp;</div>
			</div>
			<p class="text-right">
				<cite class="font-italic text-lida5">Info &amp; Copyright</cite> <cite
					class="font-italic text-secondary font-weight-lighter">(idem)</cite>
			</p>
		</div>
	</div>

	<script type="module"
		src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
	<script nomodule
		src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>



	<!-- Da index_Luk_Q_.html -->

</body>
<div class="modal-busy" id="loader" style="display: none">
	<div class="center-busy" id="test-git">
		<img alt="" src="lida-loader.gif" />
	</div>
</div>
</html>