import{b as h}from"./Utilities-Jli9PXBn.js";function y(){return`
	<form class="row panel panel-default filter-accordion widget" action="#" name="filterForm">
		<div class="row accordion-gray inail-accordion-container inail-accordion-filters">
  	  <div class="row head-accordion-gray" data-toggle="collapse" role="heading" aria-level="4">
  	    <div class="accordion-title">
  	      <button title="Espandi/riduci elemento" type="button" data-toggle="collapse"
  	        data-target="#filter-accordion-panel-1" aria-expanded="false" class="inail-filter-button">
  	        <h2 class=" inail-title-h2">Filtra per</h2>
  	        <span class="fa fa-solid fa-chevron-down fa-lg"></span>
  	      </button>
  	    </div>
			</div>
			<div id="filter-accordion-panel-1" class="row collapse panel-body body-form-grey inail-filter-body" role="region" aria-expanded="true">
				<div class="row">
  	  		<div class="form-group col-xs-8 noPaddingLeft">
						<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 noPadding">
							<div class="noPaddingLeft">
							   <label class="control-label inail-label" for="form-input-1">Label</label>
							   <input type="text" class="form-control inail-input" id="form-input-1" placeholder="Placeholder">
							</div>
						</div>
					</div>
					
					<div class="col-xs-12 py-4">
						<div class="pull-right">
							<button type="submit" class="inail-button inail-button-secondary mr-4" aria-label=Annulla">Annulla</button>
							<button type="submit" class="inail-button inail-button-primary" aria-label="Filtra">Filtra</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>`}function x(){return`
	<form class="row panel panel-default filter-accordion widget" action="#" name="filterForm">
		<div class="row accordion-gray inail-accordion-container inail-accordion-filters">

  	  <div class="row head-accordion-gray" data-toggle="collapse" role="heading" aria-level="4">
  	    <div class="accordion-title">
  	      <button title="Espandi/riduci elemento" type="button" data-toggle="collapse"
  	        data-target="#filter-accordion-panel-2" aria-expanded="false" class="inail-filter-button">
  	        <h2 class=" inail-title-h2">Filtra per</h2>
  	        <span class="fa fa-solid fa-chevron-down fa-lg"></span>
  	      </button>
  	    </div>
			</div>

			<div id="filter-accordion-panel-2" class="row collapse panel-body body-form-grey inail-filter-body" role="region" aria-expanded="true">
				<div class="row">
					<div class="form-group col-sm-4 noPaddingLeft">
						<label class="inail-label">SELECT 1</label>
						<select class="form-control inail-input form-select" aria-label="Select">
							<option value="..." aria-label="seleziona opzione">- seleziona opzione -</option>
							<option value="Opzione 1" aria-label="Opzione 1">Opzione 1</option>
							<option value="Opzione 2" aria-label="Opzione 2">Opzione 2</option>
							<option value="Opzione 3" aria-label="Opzione 3">Opzione 3</option>
						</select>
					</div>
				</div>

				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 noPaddingLeft">
						<div class="form-group date datePicker ">
						  <div class="input-relative">
						    <label class="control-label inail-label" for="form-data-2">Periodo Dal</label>
						    <input id="form-data-2" class="form-control inail-input" title="GG/MM/AAAA" placeholder="gg / mm / aaaa" type="text">
						    <button title="Calendario" class="inail-button-calendar" type="button">
						       <em class="fa-regular fa-calendar"  aria-hidden="true"></em>
						    </button>
						  </div>
						</div>
					</div>
					<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
						<div class="form-group date datePicker ">
						  <div class="input-relative">
						    <label class="control-label inail-label" for="form-data-3">Periodo Al</label>
						    <input id="form-data-3" class="form-control inail-input" title="GG/MM/AAAA" placeholder="gg / mm / aaaa" type="text">
						    <button title="Calendario" class="inail-button-calendar" type="button">
						      <em class="fa-regular fa-calendar"  aria-hidden="true"></em>
						    </button>
						  </div>
						</div>
					</div>
				</div>
				
				<div class="col-xs-12 pb-4">
					<div class="pull-right">
						<button type="submit" class="inail-button inail-button-secondary mr-4" aria-label="Annulla">Annulla</button>
						<button type="submit" class="inail-button inail-button-primary" aria-label="Filtra">Filtra</button>
					</div>
				</div>
			</div>
		</div>
	</form>`}function z(){return`
	<form class="row panel panel-default filter-accordion widget" action="#" name="filterForm">
		<div class="row accordion-gray inail-accordion-container inail-accordion-filters">

  	  <div class="row head-accordion-gray" data-toggle="collapse" role="heading" aria-level="4">
  	    <div class="accordion-title">
  	      <button title="Espandi/riduci elemento" type="button" data-toggle="collapse"
  	        data-target="#filter-accordion-panel-3" aria-expanded="false" class="inail-filter-button">
  	        <h2 class=" inail-title-h2">Filtra per</h2>
  	        <span class="fa fa-solid fa-chevron-down fa-lg"></span>
  	      </button>
  	    </div>
			</div>

			<div id="filter-accordion-panel-3" class="row collapse panel-body body-form-grey inail-filter-body" role="region" aria-expanded="true">
				<div class="row">
					<div class="form-group col-sm-4 noPaddingLeft">
						<label class="inail-label">SELECT 1</label>
						<select class="form-control inail-input form-select" aria-label="Select">
							<option value="..." aria-label="seleziona opzione">- seleziona opzione -</option>
							<option value="Opzione 1" aria-label="Opzione 1">Opzione 1</option>
							<option value="Opzione 2" aria-label="Opzione 2">Opzione 2</option>
							<option value="Opzione 3" aria-label="Opzione 3">Opzione 3</option>
						</select>
					</div>
				</div>

				<div class="row">
					<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 noPaddingLeft">
						<div class="form-group date datePicker ">
						  <div class="input-relative">
						    <label class="control-label inail-label" for="form-data-2">Periodo Dal</label>
						    <input id="form-data-2" class="form-control inail-input" title="GG/MM/AAAA" placeholder="gg / mm / aaaa" type="text">
						    <button title="Calendario" class="inail-button-calendar" type="button">
						       <em class="fa-regular fa-calendar"  aria-hidden="true"></em>
						    </button>
						  </div>
						</div>
					</div>
					<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
						<div class="form-group date datePicker ">
						  <div class="input-relative">
						    <label class="control-label inail-label" for="form-data-3">Periodo Al</label>
						    <input id="form-data-3" class="form-control inail-input" title="GG/MM/AAAA" placeholder="gg / mm / aaaa" type="text">
						    <button title="Calendario" class="inail-button-calendar" type="button">
						      <em class="fa-regular fa-calendar"  aria-hidden="true"></em>
						    </button>
						  </div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="form-group col-sm-4 noPaddingLeft">
						<label class="inail-label">SELECT 2</label>
						<select class="form-control inail-input form-select" aria-label="Select">
							<option value="..." aria-label="seleziona opzione">- seleziona opzione -</option>
							<option value="Opzione 1" aria-label="Opzione 1">Opzione 1</option>
							<option value="Opzione 2" aria-label="Opzione 2">Opzione 2</option>
							<option value="Opzione 3" aria-label="Opzione 3">Opzione 3</option>
						</select>
					</div>
				</div>
				
				<div class="col-xs-12 pb-4">
					<div class="pull-right">
						<button type="submit" class="inail-button inail-button-secondary mr-4" aria-label="Annulla">Annulla</button>
						<button type="submit" class="inail-button inail-button-primary" aria-label="Filtra">Filtra</button>
					</div>
				</div>
			</div>
		</div>
	</form>`}function F(){return` 
		<form class="row panel panel-default filter-accordion widget" action="#" name="filterForm">
		<div class="row accordion-gray inail-accordion-container inail-accordion-filters">

  	  <div class="row head-accordion-gray" data-toggle="collapse" role="heading" aria-level="4">
  	    <div class="accordion-title">
  	      <button title="Espandi/riduci elemento" type="button" data-toggle="collapse"
  	        data-target="#filter-accordion-panel-4" aria-expanded="false" class="inail-filter-button">
  	        <h2 class=" inail-title-h2">Filtra per</h2>
  	        <span class="fa fa-solid fa-chevron-down fa-lg"></span>
  	      </button>
  	    </div>
			</div>

			<div id="filter-accordion-panel-4" class="row collapse panel-body body-form-grey inail-filter-body" role="region" aria-expanded="true">
				<div class="row">
					<div class="col-sm-4 noPaddingLeft">
						<label class="inail-label">SELECT 1</label>
						<select class="form-control inail-input form-select" aria-label="Select">
							<option value="..." aria-label="seleziona opzione">- seleziona opzione -</option>
							<option value="Opzione 1" aria-label="Opzione 1">Opzione 1</option>
							<option value="Opzione 2" aria-label="Opzione 2">Opzione 2</option>
							<option value="Opzione 3" aria-label="Opzione 3">Opzione 3</option>
						</select>
					</div>
				</div>

				<div class="row">
					<div class="row form-group">
						<label class="inail-label" style="padding-left:0px !important">LABEL CHECKBOXES</label>
					</div>
					<div class="row d-flex">
						<div class="mr-2">
							<div class="form-group custom-checkbox-container inail-checkbox">
								<input type="checkbox" id="check-1" class="custom-checkbox option-checkbox">
								<label for="check-1">
									<span class="custom-checkbox-background">
										<i class="fa inail-checkbox-icon"></i>
									</span>
									<span>Lorem ipsum</span>
								</label>
							</div>
						</div>
						<div class="ml-4">
							<div class="form-group noPaddingLeft custom-checkbox-container inail-checkbox">
								<input type="checkbox" id="check-2" class="custom-checkbox option-checkbox">
								<label for="check-2">
									<span class="custom-checkbox-background">
										<i class="fa inail-checkbox-icon"></i>
									</span>
									<span>Lorem ipsum</span>
								</label>
							</div>
						</div>
					</div>
				</div>
				
				<div class="col-xs-12 pb-4">
					<div class="pull-right">
						<button type="submit" class="inail-button inail-button-secondary mr-4" aria-label="Annulla">Annulla</button>
						<button type="submit" class="inail-button inail-button-primary" aria-label="Filtra">Filtra</button>
					</div>
				</div>
			</div>
		</div>
	</form>`}const w="N.D.",k={title:"Patterns/Filtri",tags:["autodocs"],parameters:{docs:{description:{component:"I box presenti nella dashboard possono essere utilizzati come widget per l'accesso rapido a: news, applicazioni, avvisi.<br /><br />Nel caso di news ed avvisi è possibile accedere ad un approfondimento attraverso al link “Tutti i dettagli”, posto in basso a destra del box.<br /><br />Nell'esempio viene mostrato un box di ricerca a titolo esemplificativo, infatti è possibile integrare un widget di un'applicazione per una <br /> rapida ricerca interna. Es: Ricerca Pratica, Ricerca Codice Sede.<br /><br />Il Carousel Box Dashboard permette di integrare più Box Dashboard. Sono obbligatori in questo caso i controlli di navigazione: Frecce:<br /> per andare avanti e indietro nel carousel Indicatori Circolari: per esplicitare la presenza di altri elementi oltre a quelli visibili sulla pagina "},mdxPage:w}},decorators:[(o,t)=>h(o,t,4,["static-webkit/js/custom-webkit.js","static/js/main.js"],!0),o=>`<main id="contenutoPrincipale">${o()}</main>`]},a={name:"Filtri base",render:()=>y()},i={name:"Filtro con campi su una riga",render:()=>x()},e={name:"Filtro con campi su più righe",render:()=>z()},l={name:"Filtro con checkbox",render:()=>F()};var n,r,s;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`{
  name: "Filtri base",
  render: () => {
    return createBaseFilter();
  }
}`,...(s=(r=a.parameters)==null?void 0:r.docs)==null?void 0:s.source}}};var c,d,p;i.parameters={...i.parameters,docs:{...(c=i.parameters)==null?void 0:c.docs,source:{originalSource:`{
  name: "Filtro con campi su una riga",
  render: () => {
    return createComplexFilter();
  }
}`,...(p=(d=i.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var u,b,m;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`{
  name: "Filtro con campi su più righe",
  render: () => {
    return createComplexFilterMultiLine();
  }
}`,...(m=(b=e.parameters)==null?void 0:b.docs)==null?void 0:m.source}}};var v,f,g;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:`{
  name: "Filtro con checkbox",
  render: () => {
    return createFormWithCheckbox();
  }
}`,...(g=(f=l.parameters)==null?void 0:f.docs)==null?void 0:g.source}}};const A=["BaseFilter","ComplexFilterononeLine","FormwithMultiline","FormWithFilter"];export{a as BaseFilter,i as ComplexFilterononeLine,l as FormWithFilter,e as FormwithMultiline,A as __namedExportsOrder,k as default};
