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

<meta name="viewport" content="width=device-width, initial-scale=1">
<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/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="js/guimanager.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";
		  }
		
	} */
</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="cf ph2-ns">
			<div class="fl w-100 w-20-ns pa4">
				Clausole
				<div class="  bg-washed-blue pv2">

					
					
				
				<div class="flex flex-column">
				  <div class="w-45 pa1 mr1">
				    <a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record"
						href="#0" value="Categoria grammaticale" data-added="0">Categoria
						Grammaticale</a> 
				  </div>
				  <div class="w-45 pa1 mr1">
				    <a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-sint"
						href="#0" value="Tipo sintattico" data-added="0">Tipo Sintattico</a>
				  </div>
				  <div class="w-45 pa1 mr1">
				    <a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-metafora"
						href="#0" value="Metafora" data-added="0">Metafore</a>
				  </div>
				  <div class="w-45 pa1 mr1">
				    <a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-dialogo"
						href="#0" value="Dialogo" data-added="0">Dialoghi</a>
				  </div>
				  <div class="w-45 pa1 mr1">
				    <a class="f6 link dim br1 ba pa1 mb1 dib dark-green add-record-struttura"
						href="#0" value="Struttura" data-added="0">Struttura del testo</a>
				  </div>

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

					<!-- form -->

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

							<div class="flex flex-wrap" id='condizioni'>
								<div class="outline w-30 pv3 mr2">

									<div class="flex items-center">
										<div class="fl w-100 w-40-ns ">
											<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>
										</div>
										<div class="fl w-100 w-70-ns ph1">
											<input id="name"
												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>
						
						<div class="flex items-center justify-left pa2">
  						<a href="#0" class="f6 no-underline black bg-animate hover-bg-black hover-white inline-flex items-center pa3 ba border-box mr4" id="grammarbutton">
      					
    					<span class="pl1">Cerca</span>
  						</a>
  						<a href="#0" class="f6 no-underline black bg-animate hover-bg-black hover-white inline-flex items-center pa3 ba border-box" id="resetcriteria">
    					<span class="pr1">Annulla</span>
    
  						</a>
						</div>
					</p>

				</div>
			</div>
			<div class="fl w-100 w-20-ns pa4">
				<div class="bg-washed-blue pv2"  id='filtri'>
				
					Filtri
					
					
				</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 pa4 bg-lightest-blue navy" style="display: none;" id="filtrogrammaticale">
  						
  		<span class="lh-title ml3">clausola grammaticale</span>
	
	</div>
	
	<!-- DIV DETTAGLIFILTRI -->
	
	<div style="display: none;" id='dettaglifiltri'>
		<div class="flex flex-wrap" id='dettaglifiltritemplate'></div>
	</div>

	<!-- CATEGORIA GRAMMATICALE -->
	<div style="display: none;" id='categoriagrammaticale'>
	
	
	
	

		<div class="outline w-25">
		
		
		
			<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 add-details" href="#" title="More" style="display:none"><img src="./images/more-icon.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="types"
						class="w-100 db h2 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>
		</div>




	</div>


	<!-- TIPO  SINTATTICO -->


	<div style="display: none;" id='tiposintattico'>
	
		<div class="outline w-25 pv4 ph1">
		
			
		
		
			<select id="synttypes"
				class="w-100 db h2 f6 bg-near-white ba b--sliver gray"
				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>
			<br/>
			<select name="functionSyntax0" class="w-100 db h2 f6 bg-near-white ba b--sliver gray" 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>




	<!-- 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="tra"> <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="tra"> <label for="plurale" class="lh-copy">Plurale</label>
				</div>
			</fieldset>
		</div>




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

				<div class="flex items-center mb2">
					<input class="mr2 f6" type="radio" id="lemmafemminile"
						value="lemmafemminile" name="tra"> <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="lemmamaschile" name="tra"> <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="formafemminile" name="tra"> <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="formamaschile" name="tra"> <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" type="checkbox" id="inlocuzione"
							value="inlocuzione"> <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="declinazionesostantivo" onchange=""
				title="Declinazione sotantivo">
				<option value="">Tutte le declinazioni</option>
				<option value="ag">Prima</option>
				<option value="sm">Seconda</option>
				<option value="sf">Terza</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="diatesi" class="bn">

					<div class="flex items-center mb2">
						<input class="mr2 f6" type="radio" id="attivo" value="attivo"
							name="dia"> <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="dia"> <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="tra"> <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="tra"> <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="tra"> <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="tra"> <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="tra"> <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="tra"> <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"> <label for="impersonale"
							class="lh-copy">Impersonale</label>
					</div>
					<div class="flex items-center mb2">
						<input class="mr2" type="checkbox" id="riflessivo"
							value="riflessivo"> <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="pc">Prima</option>
				<option value="sc">Seconda</option>
				<option value="tc">Terza</option>
				<option value="ec">Essere</option>
				<option value="ac">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="categoria" onchange="" title="Macro categoria">
				<option value="">Qualsiasi tempo verbale</option>
				<option value="ip">Indicativo presente</option>
				<option value="ib">Indicativo passato prossimo</option>
				<option value="ii">Indicativo imperfetto</option>
				<option value="ir">Indicativo passato remoto</option>
				<option value="is">Indicativo trapassato prossimo</option>
				<option value="it">Indicativo trapassato remoto</option>
				<option value="if">Indicativo futuro semplice</option>
				<option value="ia">Indicativo futuro anteriore</option>
				<option value="cp">Congiuntivo presente</option>
				<option value="ci">Congiuntivo imperfetto</option>
				<option value="cr">Congiuntivo passato</option>
				<option value="ct">Congiuntivo trapassato</option>
				<option value="dp">Condizionale presente</option>
				<option value="dr">Condizionale passato</option>
				<option value="mp">Imperativo presente</option>
				<option value="fp">Infinito presente</option>
				<option value="fr">Infinito passato</option>
				<option value="pp">Participio presente</option>
				<option value="pr">Participio passato</option>
				<option value="gp">Gerundio presente</option>
				<option value="gr">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="categoria" onchange="" title="Macro categoria">

				<option value="">Qualsiasi persona</option>
				<option value="s1">1ª singolare</option>
				<option value="s2">2ª singolare</option>
				<option value="s3">3ª singolare</option>
				<option value="p1">1ª plurale</option>
				<option value="p2">2ª plurale</option>
				<option value="p3">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="ag">Aggettivo</option>
				<option value="sm">Sostantivo maschile</option>
				<option value="sf">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="ag">Prima</option>
				<option value="sm">Seconda</option>
				<option value="sf">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>
</body>

</html>