import{b as M}from"./Utilities-DayKp0i-.js";function q(){return`<form action="#" class="form-grey content" id="form-base" name="Form 1">
	<h3 class="title-modulo">Titolo Form</h3>
	<fieldset class="row content">
		<legend class="sr-only">Prima sezione</legend>
		<div class="row">
			<div class="col-md-12">
				<span class="custom-label p-2 mb-3">
					<em class="fa fa-exclamation-circle mr-1" aria-hidden="true"></em>I campi contrassegnati con l'asterisco (*) sono obbligatori 
				</span>
			</div>
		</div>
		<div class="row">
			<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
				<label class="control-label" for="input-1-1">Input 1</label>
				<input type="text" class="form-control" id="input-1-1" placeholder="Inserisci testo" value="">
				</div>
				<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
					<label class="control-label" for="input-1-2">Input 2 *</label>
					<input type="text" class="form-control" id="input-1-2" placeholder="Inserisci testo" value="" aria-invalid="false" aria-required="true" required>
					</div>
				</div>
				<div class="row">
					<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
						<label class="control-label" for="input-1-3">Input 3</label>
						<input type="text" class="form-control" id="input-1-3" placeholder="Inserisci testo" value="">
						</div>
						<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-3">
							<label for="select-1-1" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-12 noPaddingLeft">Select 1 
								<select class="form-control" id="select-1-1">
									<option value="">Opzione 1</option>
									<option value="">Opzione 2</option>
									<option value="">Opzione 3</option>
								</select>
							</label>
						</div>
						<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
							<label class="control-label" for="input-1-4">Input 4</label>
							<input type="text" class="form-control" id="input-1-4" placeholder="Inserisci testo" value="">
							</div>
						</div>
						<div class="row">
							<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
								<label class="control-label" for="input-1-5">Input 5</label>
								<input type="text" class="form-control" id="input-1-5" placeholder="Inserisci testo" value="">
								</div>
							</div>
						</fieldset>
						<fieldset class="row">
							<legend class="sr-only">Seconda sezione</legend>
							<div class="row">
								<div class="form-inline date-range col-xs-12">
									<p>Periodo</p>
									<div class="date datePicker col-xs-12 noPaddingLeft">
										<div class="form-group">
											<div class="input-relative">
												<label class="control-label" for="form-data-5">Dal</label>
												<input id="form-data-5" class="form-control" title="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text">
													<em class="fa fa-calendar" title="Calendario"></em>
												</div>
											</div>
											<div class="form-group">
												<div class="input-relative">
													<label class="control-label" for="form-data-6">al</label>
													<input id="form-data-6" class="form-control" title="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text">
														<em class="fa fa-calendar" title="Calendario"></em>
													</div>
												</div>
											</div>
										</div>
									</div>
								</fieldset>
								<div class="row">
									<div class="col-xs-12 marginTop">
										<button type="reset" class="btn btn-link">Annulla</button>
										<button class="btn btn-primary pull-right" type="button">Bottone destro</button>
									</div>
								</div>
							</form>`}function G(){return`<form action="#" class="row form-grey content" id="form-disabilitato" name="Nome form">
  <h3 class="title-modulo">Titolo Form 1</h3>
  <fieldset class="row">
    <legend class="sr-only">Prima sezione</legend>
    <div class="row">
      <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
        <label class="control-label" for="input-2-1">Input 1</label>
        <input type="text" class="form-control" id="input-2-1" placeholder="Inserisci testo" value="valore 1" disabled>
      </div>
      <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
        <label class="control-label" for="input-2-2">Input 2</label>
        <input type="text" class="form-control" id="input-2-2" placeholder="Inserisci testo" value="valore 2" disabled>
      </div>
      <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
        <label class="control-label" for="input-2-3">Input 3</label>
        <input type="text" class="form-control" id="input-2-3" placeholder="Inserisci testo" value="valore 3" disabled>
      </div>
    </div>
    <div class="row">
      <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-8">
        <label class="control-label" for="input-2-4">Input 4</label>
        <input type="text" class="form-control" id="input-2-4" placeholder="Inserisci testo" value="valore 4" disabled>
      </div>
      <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
        <label class="control-label" for="input-2-5">Input 5</label>
        <input type="text" class="form-control" id="input-2-5" placeholder="Inserisci testo" value="valore 5" disabled>
      </div>
      <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-3">
        <label for="select-2-1" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-12 noPaddingLeft">Select 1 <select class="form-control" id="select-2-1" disabled>
            <option value="Opzione 1">Opzione 1</option>
            <option value="Opzione 2">Opzione 2</option>
            <option value="Opzione 3">Opzione 3</option>
          </select>
        </label>
      </div>
      <div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-3">
        <label class="control-label" for="input-2-6">Input 6</label>
        <input type="text" class="form-control" id="input-2-6" placeholder="Inserisci testo" value="valore 6" disabled>
      </div>
    </div>
  </fieldset>
  <div class="col-xs-12 marginTop">
    <button type="reset" class="btn btn-link">Annulla</button>
    <button class="btn btn-primary pull-right" type="button">Bottone destro</button>
  </div>
</form>`}function O(){return`<div class="row panel panel-default form-accordion">
	<div class="row panel-heading heading-form-grey" role="region" data-toggle="collapse" data-target="#form-accordion-panel">
		<button class="search-title row panel-heading collapsed" data-target="#form-accordion-panel" data-toggle="collapse" aria-expanded="false">
      Titolo form accordion
      
			<span class="fa fa-chevron-down formAccordionBtn"></span>
		</button>
	</div>
	<div id="form-accordion-panel" class="row collapse panel-body body-form-grey" role="region">
		<form action="#" class="row form-grey">
			<fieldset class="row content">
				<legend class="sr-only">Prima sezione</legend>
				<div class="row">
					<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
						<label class="control-label" for="input-3-1a">Input 1</label>
						<input type="text" class="form-control" id="input-3-1a" placeholder="Inserisci testo" value="">
						</div>
						<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-3">
							<label for="select-3-1" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-12 noPaddingLeft">Select 1 
								<select class="form-control" id="select-3-1">
									<option value="">Opzione 1</option>
									<option value="">Opzione 2</option>
									<option value="">Opzione 3</option>
								</select>
							</label>
						</div>
						<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
							<label class="control-label" for="input-3-1">Input 1</label>
							<input type="text" class="form-control" id="input-3-1" placeholder="Inserisci testo" value="">
							</div>
						</div>
						<div class="row">
							<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
								<label class="control-label" for="input-3-2">Input 2</label>
								<input type="text" class="form-control" id="input-3-2" placeholder="Inserisci testo" value="">
								</div>
								<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
									<label class="control-label" for="input-3-3">Input 3</label>
									<input type="text" class="form-control" id="input-3-3" placeholder="Inserisci testo" value="">
									</div>
									<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
										<label class="control-label" for="input-3-4">Input 4</label>
										<input type="text" class="form-control" id="input-3-4" placeholder="Inserisci testo" value="">
										</div>
									</div>
									<div class="row">
										<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
											<label class="control-label" for="input-3-5a">Input 5</label>
											<span class="fa fa-question-circle fa-lg" data-trigger="focus" data-toggle="popover" data-content="Inserire qua un suggerimento od una descrizione relativa a questo campo." data-original-title="Input 5" tabindex="0"></span>
											<input type="text" class="form-control" id="input-3-5a" placeholder="placeholder" value="">
											</div>
											<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
												<label class="control-label" for="input-3-5">Input 5</label>
												<input type="text" class="form-control" id="input-3-5" placeholder="Inserisci testo" value="">
												</div>
												<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-3">
													<label for="select-3-2" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-12 noPaddingLeft">Select 1 
														<select class="form-control" id="select-3-2">
															<option value="">Opzione 1</option>
															<option value="">Opzione 2</option>
															<option value="">Opzione 3</option>
														</select>
													</label>
												</div>
											</div>
										</fieldset>
										<fieldset class="row">
											<legend class="sr-only">Seconda sezione</legend>
											<h4 class="title-modulo">Sottotitolo</h4>
											<div class="row">
												<div class="form-group col-xs-8 col-sm-8 col-md-8 col-lg-8">
													<label for="select-3-3" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-12 noPaddingLeft">Select 3 
														<select class="form-control" id="select-3-3">
															<option value="">Opzione 1</option>
															<option value="">Opzione 2</option>
															<option value="">Opzione 3</option>
														</select>
													</label>
												</div>
											</div>
											<div class="row">
												<div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
													<div class="checkbox">
														<label for="input-checkbox-3-1">
															<input id="input-checkbox-3-1" type="checkbox" value="" title="checkbox">Checkbox 
															</label>
														</div>
													</div>
												</div>
											</fieldset>
											<div class="row">
												<div class="col-xs-12 marginTop">
													<button type="reset" class="btn btn-link">Annulla</button>
													<button class="btn btn-primary pull-right" type="button">Bottone destro</button>
												</div>
											</div>
										</form>
									</div>
								</div>`}function E(){return`<main id="contenutoPrincipale" class ="border">
	<form action="#" class="row  content " id="form-disabilitato" name="Nome form">
		<h3 class="title-modulo">Ricerca</h3>
		<div>
			<fieldset>
				<legend class="sr-only">Prima sezione</legend>
				<div class="row">
					<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
						<label class="control-label" for="input-2-1">Nome</label>
						<input type="text" class="form-control" id="input-2-1" placeholder="Inserire Nome" value="">
						</div>
						<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
							<label class="control-label" for="input-2-2">Cognome</label>
							<input type="text" class="form-control" id="input-2-2" placeholder="Inserire Cognome" value="">
							</div>
							<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
								<label class="control-label" for="Email">* Email</label>
								<span tabindex="0" class="ml-2 fa fa-question-circle fa-lg" data-toggle="popover" data-original-title="Etichetta del campo" data-trigger="focus" data-content="Inserire un suggerimento o una descrizione relativa a questo campo."></span>
								<div class="d-flex align-items-center">
									<input type="email" class="form-control" id="Email" required placeholder="Inserire email" value="">
									</div>
								</div>
							</div>
							<div class="row">
								<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
									<label for="select-2-1" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-12 noPaddingLeft">Nazione 
        
										<select class="form-control" id="select-2-1">
											<option value="">Seleziona un valore</option>
											<option value="1">1</option>
											<option value="2">2</option>
											<option value="3">3</option>
										</select>
									</label>
								</div>
								<div class="col-xs-12 col-md-6 col-lg-4">
									<div class="date datePicker">
										<div class="form-group mb-4">
											<div class="input-relative">
												<label class="control-label" for="data-di-nascita-da">Data di nascita da:</label>
												<input id="data-di-nascita-da" class="form-control" title="Inserire la data in formato giorno/mese/anno" value="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text" style="color: rgb(0, 0, 0);">
													<em class="fa fa-calendar" title="Calendario"></em>
												</div>
											</div>
										</div>
									</div>
									<div class="col-xs-12 col-md-6 col-lg-4">
										<div class="date datePicker">
											<div class="form-group mb-4">
												<div class="input-relative">
													<label class="control-label" for="data-di-nascita-a">Data di nascita a:</label>
													<input id="data-di-nascita-a" class="form-control" title="Inserire la data in formato giorno/mese/anno" value="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text" style="color: rgb(0, 0, 0);">
														<em class="fa fa-calendar" title="Calendario"></em>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class ="row">
										<div class="col-xs-12">
											<div class="mb-2">
												<button type="button" data-target="#form-option-panel" data-toggle="collapse" aria-expanded="false" class="p-0 float-none mb-1 btn btn-link button-option">
													<em class="ml-0 fa fa-minus-circle fa-lg plus"></em>
													<em class="ml-0 fa fa-plus-circle fa-lg minus"></em>
													<strong>Opzioni</strong>
												</button>
											</div>
										</div>
									</div>
									<div class="row  collapse" id ="form-option-panel">
										<div class="checkbox form-group col-xs-6 col-sm-6 col-md-4 col-lg-4" style ="margin-top: 28px">
											<label for="identita">
												<input id="identita" type="checkbox" value="" title="checkbox">Abilita selezione multipla nazioni

							
												</label>
											</div>
											<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
												<label for="select-2-1" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-12 noPaddingLeft">Nazione 
        
													<select class="form-control" id="select-2-1" disabled></select>
												</label>
											</div>
											<div class="form-group col-xs-6 col-sm-6 col-md-4 col-lg-4">
												<label class="control-label" for="input-2-2">Numero di telefono</label>
												<input type="text" class="form-control" id="input-2-2" placeholder="Inserire Testo" value="">
												</div>
												<div>
												</fieldset>
												<div class="col-xs-12 marginTop">
													<button type="reset" class="btn btn-link pull-right">Azzera</button>
													<button class="btn btn-primary pull-right" type="button">RICERCA</button>
												</div>
											</div>
										</form>
									</main>`}function D(){return`<form class="row form-grey form-tabellare" action="#" id="form-tabellare" name="Nome form">
	<h3 class="row title-modulo">Titolo Form Tabellare</h3>
	<fieldset class="col-xs-12">
		<legend class="sr-only">Prima sezione</legend>
		<div class="row">
			<div class="col-xs-6 col-sm-5 col-md-6 col-lg-8"></div>
			<div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
				<div class="col-xs-5 col-sm-6 col-md-5 form-group"> Colonna 1 </div>
				<div class="col-xs-5 col-sm-6 col-md-5 form-group"> Colonna 2 </div>
			</div>
		</div>
		<div class="row">
			<p class="col-xs-6 col-sm-5 col-md-6 col-lg-8"> Riga numero 1 
				<span class="fa fa-question-circle fa-lg" data-trigger="focus" data-toggle="popover" data-content="Inserire qua un suggerimento od una descrizione relativa a questo campo." data-original-title="Riga numero 1" tabindex="0"></span>
			</p>
			<div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
				<div class="col-xs-5 col-sm-6 col-md-5">
					<label class="sr-only" for="Row1Col1">Riga 1 Colonna 1</label>
					<input id="Row1Col1" class="form-control inputNumber" type="text">
					</div>
					<div class="col-xs-5 col-sm-6 col-md-5">
						<label class="sr-only" for="Row1Col2">Riga 1 Colonna 2</label>
						<input id="Row1Col2" class="form-control inputNumber" type="text">
						</div>
					</div>
				</div>
				<div class="row">
					<p class="col-xs-6 col-sm-5 col-md-6 col-lg-8"> Riga numero 2 </p>
					<div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
						<div class="col-xs-5 col-sm-6 col-md-5">
							<label class="sr-only" for="Row2Col1">Riga 2 Colonna 1</label>
							<input id="Row2Col1" class="form-control inputNumber" type="text">
							</div>
							<div class="col-xs-5 col-sm-6 col-md-5">
								<label class="sr-only" for="Row2Col2">Riga 2 Colonna 2</label>
								<input id="Row2Col2" class="form-control inputNumber" type="text">
								</div>
							</div>
						</div>
						<div class="row">
							<p class="col-xs-6 col-sm-5 col-md-6 col-lg-8"> Riga numero 3 
								<span class="fa fa-question-circle fa-lg" data-trigger="focus" data-toggle="popover" data-content="Inserire qua un suggerimento od una descrizione relativa a questo campo." data-original-title="Riga numero 3" tabindex="0"></span>
							</p>
							<div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
								<div class="col-xs-5 col-sm-6 col-md-5">
									<label class="sr-only" for="Row3Col1">Riga 3 Colonna 1</label>
									<input id="Row3Col1" class="form-control inputNumber" type="text">
									</div>
									<div class="col-xs-5 col-sm-6 col-md-5">
										<label class="sr-only" for="Row3Col2">Riga 3 Colonna 2</label>
										<input id="Row3Col2" class="form-control inputNumber" type="text">
										</div>
									</div>
								</div>
								<div class="row">
									<p class="col-xs-6 col-sm-5 col-md-6 col-lg-8"> Riga numero 4 </p>
									<div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
										<div class="col-xs-5 col-sm-6 col-md-5">
											<label class="sr-only" for="Row4Col1">Riga 4 Colonna 1</label>
											<input id="Row4Col1" class="form-control inputNumber" type="text">
											</div>
											<div class="col-xs-5 col-sm-6 col-md-5">
												<label class="sr-only" for="Row4Col2">Riga 4 Colonna 2</label>
												<input id="Row4Col2" class="form-control inputNumber" type="text">
												</div>
											</div>
										</div>
										<div class="row">
											<p class="col-xs-6 col-sm-5 col-md-6 col-lg-8"> Riga numero 5 </p>
											<div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
												<div class="col-xs-5 col-sm-6 col-md-5">
													<label class="sr-only" for="Row5Col1">Riga 5 Colonna 1</label>
													<input id="Row5Col1" class="form-control inputNumber" type="text">
													</div>
													<div class="col-xs-5 col-sm-6 col-md-5">
														<label class="sr-only" for="Row5Col2">Riga 5 Colonna 2</label>
														<input id="Row5Col2" class="form-control inputNumber" type="text">
														</div>
													</div>
												</div>
												<div class="row">
													<p class="col-xs-6 col-sm-5 col-md-6 col-lg-8"> Riga numero 6 </p>
													<div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
														<div class="col-xs-5 col-sm-6 col-md-5">
															<label class="sr-only" for="Row6Col1">Riga 6 Colonna 1</label>
															<input id="Row6Col1" class="form-control inputNumber" type="text">
															</div>
															<div class="col-xs-5 col-sm-6 col-md-5">
																<label class="sr-only" for="Row6Col2">Riga 6 Colonna 2</label>
																<input id="Row6Col2" class="form-control inputNumber" type="text">
																</div>
															</div>
														</div>
														<div class="row">
															<p class="col-xs-6 col-sm-5 col-md-6 col-lg-8"> Riga numero 7 </p>
															<div class="col-xs-6 col-sm-7 col-md-6 col-lg-4">
																<div class="col-xs-5 col-sm-6 col-md-5">
																	<label class="sr-only" for="Row7Col1">Riga 7 Colonna 1</label>
																	<input id="Row7Col1" class="form-control inputNumber" type="text">
																	</div>
																	<div class="col-xs-5 col-sm-6 col-md-5">
																		<label class="sr-only" for="Row7Col2">Riga 7 Colonna 2</label>
																		<input id="Row7Col2" class="form-control inputNumber" type="text">
																		</div>
																	</div>
																</div>
															</fieldset>
															<div class="col-xs-12 marginTop">
																<button type="reset" class="btn btn-link">Annulla</button>
																<button class="btn btn-primary pull-right" type="button">Bottone destro</button>
															</div>
														</form>`}function L(){return`<form class="row form-grey form-tabellare-grey" action="#" id="form-2-tabellare" name="Nome form">
	<h3 class="row title-modulo">Titolo Form Tabellare</h3>
	<fieldset class="col-xs-12">
		<legend class="sr-only">Prima sezione</legend>
		<div class="row">
			<div class="row heading-form-grey">
				<div class="col-xs-3"></div>
				<div class="col-xs-3 rightBorder"> Colonna 1 </div>
				<div class="col-xs-3 rightBorder"> Colonna 2 </div>
				<div class="col-xs-3"> Colonna 3 </div>
			</div>
			<div class="row">
				<div class="col-xs-3"></div>
				<div class="col-xs-3 rightBorder noPadding">
					<div class="col-xs-6 labelSpace"> Col. A </div>
					<div class="col-xs-6 labelSpace"> Col. B </div>
				</div>
				<div class="col-xs-3 rightBorder noPadding">
					<div class="col-xs-6 labelSpace"> Col. A </div>
					<div class="col-xs-6 labelSpace"> Col. B </div>
				</div>
				<div class="col-xs-3 noPadding">
					<div class="col-xs-6 labelSpace"> Col. A </div>
					<div class="col-xs-6 labelSpace"> Col. B </div>
				</div>
			</div>
			<div class="row">
				<span class="col-xs-3">Riga uno</span>
				<div class="col-xs-3 rightBorder noPadding">
					<div class="col-xs-6">
						<label class="sr-only" for="Row1Col1a-1">Riga 1 Colonna 1 A</label>
						<input id="Row1Col1a-1" class="form-control inputNumber" type="text">
						</div>
						<div class="col-xs-6">
							<label class="sr-only" for="Row1Col1b-1">Riga 1 Colonna 1 B</label>
							<input id="Row1Col1b-1" class="form-control inputNumber" type="text">
							</div>
						</div>
						<div class="col-xs-3 rightBorder noPadding">
							<div class="col-xs-6">
								<label class="sr-only" for="Row1Col2a-1">Riga 1 Colonna 2 A</label>
								<input id="Row1Col2a-1" class="form-control inputNumber" type="text">
								</div>
								<div class="col-xs-6">
									<label class="sr-only" for="Row1Col2b-1">Riga 1 Colonna 2 B</label>
									<input id="Row1Col2b-1" class="form-control inputNumber" type="text">
									</div>
								</div>
								<div class="col-xs-3  noPadding">
									<div class="col-xs-6">
										<label class="sr-only" for="Row1Col3a-1">Riga 1 Colonna 3 A</label>
										<input id="Row1Col3a-1" class="form-control inputNumber" type="text">
										</div>
										<div class="col-xs-6">
											<label class="sr-only" for="Row1Col3b-1">Riga 1 Colonna 3 B</label>
											<input id="Row1Col3b-1" class="form-control inputNumber" type="text">
											</div>
										</div>
									</div>
								</div>
							</fieldset>
							<hr class="noPadding">
								<fieldset class="col-xs-12">
									<legend class="sr-only">Seconda sezione</legend>
									<div class="row heading-form-grey noPadding">
										<div class="col-xs-3"></div>
										<div class="col-xs-3 rightBorder"> Colonna 1 </div>
										<div class="col-xs-3"> Colonna 2 </div>
										<div class="col-xs-3"></div>
									</div>
									<div class="row body-form">
										<div class="row">
											<div class="col-xs-3"></div>
											<div class="col-xs-3 rightBorder noPadding">
												<div class="col-xs-6 labelSpace"> Col. A </div>
												<div class="col-xs-6 labelSpace"> Col. B </div>
											</div>
											<div class="col-xs-3 noPadding">
												<div class="col-xs-6 labelSpace"> Col. A </div>
												<div class="col-xs-6 labelSpace"> Col. B </div>
											</div>
											<div class="col-xs-3 noPadding"></div>
										</div>
										<div class="row">
											<span class="col-xs-3">Riga uno</span>
											<div class="col-xs-3 rightBorder noPadding">
												<div class="col-xs-6">
													<label class="sr-only" for="Row1Col1a-2">Riga 1 Colonna 1 A</label>
													<input id="Row1Col1a-2" class="form-control inputNumber" type="text">
													</div>
													<div class="col-xs-6">
														<label class="sr-only" for="Row1Col1b-2">Riga 1 Colonna 1 B</label>
														<input id="Row1Col1b-2" class="form-control inputNumber" type="text">
														</div>
													</div>
													<div class="col-xs-3 noPadding">
														<div class="col-xs-6">
															<label class="sr-only" for="Row1Col2a-2">Riga 1 Colonna 2 A</label>
															<input id="Row1Col2a-2" class="form-control inputNumber" type="text">
															</div>
															<div class="col-xs-6">
																<label class="sr-only" for="Row1Col2b-2">Riga 1 Colonna 2 B</label>
																<input id="Row1Col2b-2" class="form-control inputNumber" type="text">
																</div>
															</div>
															<div class="col-xs-3 noPadding"></div>
														</div>
														<div class="row">
															<span class="col-xs-3">Riga due</span>
															<div class="col-xs-3 rightBorder noPadding">
																<div class="col-xs-6">
																	<label class="sr-only" for="Row2Col1a-2">Riga 2 Colonna 1 A</label>
																	<input id="Row2Col1a-2" class="form-control inputNumber" type="text">
																	</div>
																	<div class="col-xs-6">
																		<label class="sr-only" for="Row2Col1b-2">Riga 2 Colonna 1 B</label>
																		<input id="Row2Col1b-2" class="form-control inputNumber" type="text">
																		</div>
																	</div>
																	<div class="col-xs-3 noPadding">
																		<div class="col-xs-6">
																			<label class="sr-only" for="Row2Col2a-2">Riga 2 Colonna 2 A</label>
																			<input id="Row2Col2a-2" class="form-control inputNumber" type="text">
																			</div>
																			<div class="col-xs-6">
																				<label class="sr-only" for="Row2Col2b-2">Riga 2 Colonna 2 B</label>
																				<input id="Row2Col2b-2" class="form-control inputNumber" type="text">
																				</div>
																			</div>
																			<div class="col-xs-3 noPadding"></div>
																		</div>
																	</div>
																</fieldset>
																<div class="col-xs-12 marginTop">
																	<button type="reset" class="btn btn-link">Annulla</button>
																	<button class="btn btn-primary pull-right" type="button">Bottone destro</button>
																</div>
															</form>`}function j(){return`<form class="row form-grey form-tabellare-grey" action="#" id="form-3-tabellare" name="Nome form">
	<h3 class="row title-modulo">Titolo Form Tabellare</h3>
	<fieldset class="col-xs-12">
		<legend class="sr-only">Prima sezione</legend>
		<div class="row">
			<div class="row heading-form-grey">
				<div class="col-xs-6 col-sm-4 col-md-6">ARGOMENTO</div>
				<div class="col-xs-3 col-sm-4 col-md-3 rightBorder">Colonna 1</div>
				<div class="col-xs-3 col-sm-4 col-md-3">Colonna 2</div>
			</div>
			<div class="row">
				<div class="col-xs-6 col-sm-4 col-md-6"></div>
				<div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
					<div class="col-xs-6 labelSpace"> Col. A </div>
					<div class="col-xs-6 labelSpace"> Col. B </div>
				</div>
				<div class="col-xs-3 col-sm-4 col-md-3 noPadding noPadding">
					<div class="col-xs-6 labelSpace"> Col. A </div>
					<div class="col-xs-6 labelSpace"> Col. B </div>
				</div>
			</div>
			<div class="row">
				<span class="col-xs-6 col-sm-4 col-md-6">Riga uno</span>
				<div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
					<div class="col-xs-6">
						<label class="sr-only" for="Row1Col1a-3">Riga 1 Colonna 1 A Campo evidenziato</label>
						<input id="Row1Col1a-3" class="form-control inputNumber completeInput" value="5" type="text">
						</div>
						<div class="col-xs-6">
							<label class="sr-only" for="Row1Col1b-3">Riga 1 Colonna 1 B Campo evidenziato</label>
							<input id="Row1Col1b-3" class="form-control inputNumber completeInput" value="5" type="text">
							</div>
						</div>
						<div class="col-xs-3 col-sm-4 col-md-3 noPadding">
							<div class="col-xs-6">
								<label class="sr-only" for="Row1Col2a-3">Riga 1 Colonna 2 A</label>
								<input id="Row1Col2a-3" class="form-control inputNumber" value="0" type="text">
								</div>
								<div class="col-xs-6">
									<label class="sr-only" for="Row1Col2b-3">Riga 1 Colonna 2 B Campo evidenziato</label>
									<input id="Row1Col2b-3" class="form-control inputNumber completeInput" value="7" type="text">
									</div>
								</div>
							</div>
							<div class="row">
								<span class="col-xs-6 col-sm-4 col-md-6">Riga due</span>
								<div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
									<div class="col-xs-6">
										<label class="sr-only" for="Row2Col1a-3">Riga 2 Colonna 1 A</label>
										<input id="Row2Col1a-3" class="form-control inputNumber" value="0" type="text">
										</div>
										<div class="col-xs-6">
											<label class="sr-only" for="Row2Col1b-3">Riga 2 Colonna 1 B</label>
											<input id="Row2Col1b-3" class="form-control inputNumber" value="0" type="text">
											</div>
										</div>
										<div class="col-xs-3 col-sm-4 col-md-3 noPadding">
											<div class="col-xs-6">
												<label class="sr-only" for="Row2Col2a-3">Riga 2 Colonna 2 A</label>
												<input id="Row2Col2a-3" class="form-control inputNumber" value="0" type="text">
												</div>
												<div class="col-xs-6">
													<label class="sr-only" for="Row2Col2b-3">Riga 2 Colonna 2 B</label>
													<input id="Row2Col2b-3" class="form-control inputNumber" value="0" type="text">
													</div>
												</div>
											</div>
											<div class="row">
												<span class="col-xs-6 col-sm-4 col-md-6">Riga tre</span>
												<div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
													<div class="col-xs-6">
														<label class="sr-only" for="Row3Col1a-3">Riga 3 Colonna 1 A</label>
														<input id="Row3Col1a-3" class="form-control inputNumber" value="0" type="text">
														</div>
														<div class="col-xs-6">
															<label class="sr-only" for="Row3Col1b-3">Riga 3 Colonna 1 B</label>
															<input id="Row3Col1b-3" class="form-control inputNumber" value="0" type="text">
															</div>
														</div>
														<div class="col-xs-3 col-sm-4 col-md-3 noPadding">
															<div class="col-xs-6">
																<label class="sr-only" for="Row3Col2a-3">Riga 3 Colonna 2 A</label>
																<input id="Row3Col2a-3" class="form-control inputNumber" value="0" type="text">
																</div>
																<div class="col-xs-6">
																	<label class="sr-only" for="Row3Col2b-3">Riga 3 Colonna 2 B</label>
																	<input id="Row3Col2b-3" class="form-control inputNumber" value="0" type="text">
																	</div>
																</div>
															</div>
															<div class="row">
																<span class="col-xs-6 col-sm-4 col-md-6">Riga quattro</span>
																<div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
																	<div class="col-xs-6">
																		<label class="sr-only" for="Row4Col1a-3">Riga 4 Colonna 1 A Campo evidenziato</label>
																		<input id="Row4Col1a-3" class="form-control inputNumber completeInput" value="8" type="text">
																		</div>
																		<div class="col-xs-6">
																			<label class="sr-only" for="Row4Col1b-3">Riga 4 Colonna 1 B Campo evidenziato</label>
																			<input id="Row4Col1b-3" class="form-control inputNumber completeInput" value="2" type="text">
																			</div>
																		</div>
																		<div class="col-xs-3 col-sm-4 col-md-3 noPadding">
																			<div class="col-xs-6">
																				<label class="sr-only" for="Row4Col2a-3">Riga 4 Colonna 2 A</label>
																				<input id="Row4Col2a-3" class="form-control inputNumber" value="0" type="text">
																				</div>
																				<div class="col-xs-6">
																					<label class="sr-only" for="Row4Col2b-3">Riga 4 Colonna 2 B Campo evidenziato</label>
																					<input id="Row4Col2b-3" class="form-control inputNumber completeInput" value="9" type="text">
																					</div>
																				</div>
																			</div>
																			<div class="row">
																				<span class="col-xs-6 col-sm-4 col-md-6">Riga cinque</span>
																				<div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
																					<div class="col-xs-6">
																						<label class="sr-only" for="Row5Col1a-3">Riga 5 Colonna 1 A</label>
																						<input id="Row5Col1a-3" class="form-control inputNumber" value="0" type="text">
																						</div>
																						<div class="col-xs-6">
																							<label class="sr-only" for="Row5Col1b-3">Riga 5 Colonna 1 B Campo evidenziato</label>
																							<input id="Row5Col1b-3" class="form-control inputNumber completeInput" value="7" type="text">
																							</div>
																						</div>
																						<div class="col-xs-3 col-sm-4 col-md-3 noPadding">
																							<div class="col-xs-6">
																								<label class="sr-only" for="Row5Col2a-3">Riga 5 Colonna 2 A Campo evidenziato</label>
																								<input id="Row5Col2a-3" class="form-control inputNumber completeInput" value="6" type="text">
																								</div>
																								<div class="col-xs-6">
																									<label class="sr-only" for="Row5Col2b-3">Riga 5 Colonna 2 B</label>
																									<input id="Row5Col2b-3" class="form-control inputNumber" value="0" type="text">
																									</div>
																								</div>
																							</div>
																							<div class="row">
																								<span class="col-xs-6 col-sm-4 col-md-6">Riga sei</span>
																								<div class="col-xs-3 col-sm-4 col-md-3 rightBorder noPadding">
																									<div class="col-xs-6">
																										<label class="sr-only" for="Row6Col1a-3">Riga 6 Colonna 1 A</label>
																										<input id="Row6Col1a-3" class="form-control inputNumber" value="0" type="text">
																										</div>
																										<div class="col-xs-6">
																											<label class="sr-only" for="Row6Col1b-3">Riga 6 Colonna 1 B</label>
																											<input id="Row6Col1b-3" class="form-control inputNumber" value="0" type="text">
																											</div>
																										</div>
																										<div class="col-xs-3 col-sm-4 col-md-3 noPadding">
																											<div class="col-xs-6">
																												<label class="sr-only" for="Row6Col2a-3">Riga 6 Colonna 2 A Campo evidenziato</label>
																												<input id="Row6Col2a-3" class="form-control inputNumber completeInput" value="6" type="text">
																												</div>
																												<div class="col-xs-6">
																													<label class="sr-only" for="Row6Col2b-3">Riga 6 Colonna 2 B Campo selezionato</label>
																													<input id="Row6Col2b-3" class="form-control inputNumber" value="0" type="text">
																													</div>
																												</div>
																											</div>
																											<div class="col-xs-12">
																												<p class="pull-right">hai inserito 
																													<strong class="ncampi">9</strong> campi su 
																													<strong class="ncampi">24</strong>
																												</p>
																											</div>
																										</div>
																									</fieldset>
																									<div class="col-xs-12 marginTop">
																										<button type="reset" class="btn btn-link">Annulla</button>
																										<button class="btn btn-primary pull-right" type="button">Bottone destro</button>
																									</div>
																								</form>`}function _(){return`<form action="#" id="form-nuovo-utente">
	<div class="row">
		<h3 class="text-inail-primary col-lg-12 col-md-12 col-sm-12 col-xs-12 h4 form__section-title">
			<strong>Form utente</strong>
		</h3>
		<fieldset class="border p-3">
			<legend class="sr-only">Form per l'inserimento o la modifica dell'utente</legend>
			<span class="custom-label p-2">
				<em class="fa fa-exclamation-circle mr-1" aria-hidden="true"></em>
				<!----> I campi contrassegnati con l'asterisco (*) sono obbligatori 
			</span>
			<div class="row row-normal mt-4">
				<div class="col-xs-12 col-md-6">
					<div class="form-group mb-4">
						<label class="control-label" for="nome">* Nome</label>
						<input type="text" class="form-control" id="nome"  required placeholder="Inserire Nome" value="">
						</div>
					</div>
					<div class="col-xs-12 col-md-6">
						<div class="form-group mb-4">
							<label class="control-label" for="cognome">* Cognome</label>
							<input type="text" class="form-control" id="cognome"  required placeholder="Inserire Cognome" value="">
							</div>
						</div>
					</div>
					<div class="row row-normal">
						<div class="col-xs-12 col-md-6">
							<div class="form-group mb-4">
								<label class="control-label" for="Email">* Email</label>
								<span tabindex="0" class="ml-2 fa fa-question-circle fa-lg" data-toggle="popover" data-original-title="Etichetta del campo" data-trigger="focus" data-content="Inserire un suggerimento o una descrizione relativa a questo campo."></span>
								<div class="d-flex align-items-center">
									<input type="email" class="form-control" id="Email" required placeholder="Inserire email" value="">
										<button type="button" class="button-icon p-0 ml-2" aria-label="Descrizione del bottone" data-toggle="popover" data-original-title="Etichetta del bottone" data-trigger="hover" data-content="Inserire un suggerimento o una descrizione relativa a questo bottone.">
											<em class="fa fa-envelope" aria-hidden="true"></em>
										</button>
									</div>
								</div>
							</div>
						</div>
						<div class="row row-normal">
							<div class="col-xs-12 col-md-6">
								<div class="date datePicker col-xs-12 col-md-6 noPaddingLeft">
									<div class="form-group mb-4">
										<div class="input-relative">
											<label class="control-label" for="data-di-nascita">Data di nascita</label>
											<input id="data-di-nascita" class="form-control" title="Inserire la data in formato giorno/mese/anno" value="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text" style="color: rgb(0, 0, 0);">
												<em class="fa fa-calendar" title="Calendario"></em>
											</div>
										</div>
									</div>
								</div>
								<div class="col-xs-12 col-md-6">
									<div class="form-group mb-4">
										<label for="Sesso" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-12 noPaddingLeft">Sesso
						</label>
										<select class="form-control" id="Sesso">
											<option value="...">Seleziona un valore</option>
											<option value="Maschio">Maschio</option>
											<option value="Femmina">Femmina</option>
											<option value="Altro">Altro</option>
										</select>
									</div>
								</div>
							</div>
							<div class="row row-normal">
								<div class="col-xs-12 col-md-6">
									<fieldset class="mb-4">
										<legend class="mb-1">
											<strong>Documenti allegati</strong>
											<span tabindex="0" class="ml-2 fa fa-question-circle fa-lg" data-toggle="popover" data-original-title="Etichetta del campo" data-trigger="focus" data-content="Inserire un suggerimento o una descrizione relativa a questo campo."></span>
										</legend>
										<div class="checkbox">
											<label for="identita">
												<input id="identita" type="checkbox" value="" title="checkbox">Carta d'identità
							
												</label>
											</div>
											<div class="checkbox">
												<label for="patente">
													<input id="patente" type="checkbox" value="" title="checkbox">Patente
							
													</label>
												</div>
												<div class="checkbox">
													<label for="tessera-sanitaria">
														<input id="tessera-sanitaria" type="checkbox" value="" title="checkbox">Tessera sanitaria
							
														</label>
													</div>
												</fieldset>
											</div>
											<div class="col-xs-12 col-md-6">
												<div class="form-group mb-4">
													<label for="Patentidiguida" class="label-select col-xs-12 col-sm-12 col-md-12 col-lg-12 noPaddingLeft">Patenti di guida
						</label>
													<select disabled class="form-control" id="Patentidiguida">
														<option value="...">Patenti di guida</option>
														<option value="a">a</option>
														<option value="b">b</option>
														<option value="c">c</option>
													</select>
												</div>
											</div>
										</div>
										<div class="row row-normal mb-4">
											<div class="col-xs-12">
												<table id="tabella-base2" class="table display tabella-base">
													<caption class="sr-only">Inserire descrizione tabella qui</caption>
													<thead>
														<tr>
															<th>
																<span class="thLabel">Nome</span>
															</th>
															<th>
																<span class="thLabel">Documenti Allegati</span>
															</th>
															<th>
																<span class="thLabel">Stato</span>
															</th>
														</tr>
													</thead>
													<tbody>
														<tr>
															<td colspan="3">
																<span class="no_table_record">Nessun elemento trovato
								</span>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
										<div class="row row-normal">
											<div class="col-xs-12">
												<fieldset class="mb-4">
													<legend>
														<strong>Stato civile</strong>
													</legend>
													<div class="d-flex align-items-center">
														<div class="radio-wrapper">
															<div class="radio mr-3">
																<label for="celibe">
																	<input id="celibe" type="radio" name="stato" value="" title="checkbox">Celibe/Nubile
									
																	</label>
																</div>
															</div>
															<div class="radio-wrapper">
																<div class="radio mr-3">
																	<label for="sposato">
																		<input id="sposato" type="radio" name="stato" value="" title="checkbox">Sposato/a
									
																		</label>
																	</div>
																</div>
																<div class="radio-wrapper">
																	<div class="radio mr-3">
																		<label for="divorziato">
																			<input id="divorziato" type="radio" name="stato" value="" title="checkbox">Divorziato/a
									
																			</label>
																		</div>
																	</div>
																	<div class="radio-wrapper">
																		<div class="radio mr-3">
																			<label for="vedovo">
																				<input id="vedovo" type="radio" name="stato" value="" title="checkbox">Vedovo/a
									
																				</label>
																			</div>
																		</div>
																	</div>
																</fieldset>
															</div>
														</div>
														<div class="row row-normal">
															<div class="col-xs-12">
																<fieldset class="mb-4">
																	<legend class="mb-2">
																		<strong>Inserisci familiari a carico</strong>
																	</legend>
																	<div class="checkbox">
																		<label for="familiari">
																			<input id="familiari" type="checkbox" value="" title="checkbox">Seleziona per inserire familiari a carico
							
																			</label>
																		</div>
																	</fieldset>
																</div>
															</div>
															<div class="row row-normal mb-4">
																<div class="col-xs-12">
																	<label class="control-label" for="Biografia">Biografia:</label>
																	<div class="remainingChar pull-right">
																		<strong>600</strong> caratteri disponibili
																	</div>
																	<textarea class="form-control" id="Biografia" placeholder="Inserire biografia" rows="5" maxlength="600" title="Textarea"></textarea>
																</div>
															</div>
															<div class="row row-normal mb-4 pt-4">
																<div class="col-xs-12">
																	<fieldset>
																		<legend>
																			<strong>*Esperienza di lavoro</strong>
																		</legend>
																		<div class="row row-normal px-1 py-3 mx-0 mb-2" style="background-color: #F2F2F2;">
																			<div class="col-xs-12 col-lg-5">
																				<div class="form-group mb-4">
																					<label class="control-label" for="datore">* Datore di lavoro</label>
																					<input type="text" class="form-control" id="datore"  required placeholder="Inserire Datore di lavoro" value="">
																					</div>
																				</div>
																				<div class="col-xs-12 col-lg-3">
																					<div class="date datePicker">
																						<div class="form-group mb-4">
																							<div class="input-relative">
																								<label class="control-label" for="Periodo">Periodo di occupazione da:</label>
																								<input id="Periodo" class="form-control" title="Inserire la data in formato giorno/mese/anno" value="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text" style="color: rgb(0, 0, 0);">
																									<em class="fa fa-calendar" title="Calendario"></em>
																								</div>
																							</div>
																						</div>
																					</div>
																					<div class="col-xs-12 col-lg-4">
																						<div class="d-flex align-items-center justify-content-between">
																							<div class="date datePicker">
																								<div class="form-group mb-4">
																									<div class="input-relative">
																										<label class="control-label" for="PeriodoA">Periodo di occupazione a:</label>
																										<input id="PeriodoA" class="form-control" title="Inserire la data in formato giorno/mese/anno" value="GG/MM/AAAA" placeholder="GG/MM/AAAA" type="text" style="color: rgb(0, 0, 0);">
																											<em class="fa fa-calendar" title="Calendario"></em>
																										</div>
																									</div>
																								</div>
																								<button type="button" class="button-icon pull-right p-0 ml-2" aria-label="Elimina esperienza di lavoro" data-toggle="popover" data-placement="left" data-original-title="Elimina esperienza di lavoro" data-trigger="hover" data-content="Inserire un suggerimento o una descrizione relativa a questo bottone.">
																									<em class="fa fa-trash-alt" aria-hidden="true"></em>
																								</button>
																							</div>
																						</div>
																					</div>
																					<div class="row row-normal">
																						<div class="col-xs-12">
																							<button type="button" class="btn pull-right">Aggiungi</button>
																						</div>
																					</div>
																					<div class="row row-normal">
																						<div class="col-xs-12 col-md-6 col-lg-3">
																							<div class="form-group mb-4">
																								<label class="control-label" for="telefono">Numero di telefono</label>
																								<input type="text" class="form-control" id="telefono" placeholder="Inserire numero di telefono" value="">
																									<span class="small d-block form-info mt-2">Inserire il numero completo di prefisso</span>
																								</div>
																							</div>
																							<div class="col-xs-12 col-md-6 col-lg-3">
																								<div class="form-group mb-4">
																									<label class="control-label" for="citta-lavoro">Città</label>
																									<input type="text" class="form-control" id="citta-lavoro" placeholder="Inserire città" value="">
																										<span class="small d-block  form-info mt-2">Iniziare a scrivere e selezionare la città tra quelle disponibili
									</span>
																									</div>
																								</div>
																								<div class="col-xs-12 col-md-6 col-lg-3">
																									<div class="form-group mb-4">
																										<label class="control-label" for="Indirizzo-lavoro">Indirizzo</label>
																										<input type="text" class="form-control" id="Indirizzo-lavoro" placeholder="Inserire indirizzo" value="">
																										</div>
																									</div>
																									<div class="col-xs-12 col-md-6 col-lg-3">
																										<div class="form-group mb-4">
																											<label class="control-label" for="Cap-Lavoro">Cap</label>
																											<input type="text" class="form-control" id="Cap-Lavoro" placeholder="Inserire indirizzo" value="">
																											</div>
																										</div>
																									</div>
																									<div class="row row-normal">
																										<div class="col-xs-12">
																											<div class="d-flex justify-content-end">
																												<button type="submit" class="btn pull-right">Salva</button>
																											</div>
																										</div>
																									</div>
																								</fieldset>
																							</div>
																						</div>
																					</fieldset>
																				</div>
																			</form>`}const H="N.D.",V={title:"Components/Griglie e strutture/Esempi strutture Form",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:H,showAccessibility:!0}},decorators:[(r,n)=>M(r,n,1,["static-webkit/js/custom-webkit.js","static/js/main.js"],!1),r=>`<main id="contenutoPrincipale">${r()}</main>`]},l={name:"Form base",render:()=>q()},o={name:"Form disabilitato",render:()=>G()},a={name:"Form con opzioni collassabili",render:()=>E()},s={name:"Form Accordion",render:()=>O()},e={name:"Form tabellare 1",render:()=>D()},i={name:"Form tabellare 2",render:()=>L()},t={name:"Form tabellare 3",render:()=>j()},c={name:"Form complesso",render:()=>_()};var d,m,p;l.parameters={...l.parameters,docs:{...(d=l.parameters)==null?void 0:d.docs,source:{originalSource:`{
  name: "Form base",
  render: () => {
    return createFormBase();
  }
}`,...(p=(m=l.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var v,u,b;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:`{
  name: "Form disabilitato",
  render: () => {
    return createDisabledForm();
  }
}`,...(b=(u=o.parameters)==null?void 0:u.docs)==null?void 0:b.source}}};var g,f,x;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:`{
  name: "Form con opzioni collassabili",
  render: () => {
    return createCollapsibleForm();
  }
}`,...(x=(f=a.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};var y,C,w;s.parameters={...s.parameters,docs:{...(y=s.parameters)==null?void 0:y.docs,source:{originalSource:`{
  name: "Form Accordion",
  render: () => {
    return createaccordionForm();
  }
}`,...(w=(C=s.parameters)==null?void 0:C.docs)==null?void 0:w.source}}};var R,h,A;e.parameters={...e.parameters,docs:{...(R=e.parameters)==null?void 0:R.docs,source:{originalSource:`{
  name: "Form tabellare 1",
  render: () => {
    return createFormTabelare1();
  }
}`,...(A=(h=e.parameters)==null?void 0:h.docs)==null?void 0:A.source}}};var z,I,N;i.parameters={...i.parameters,docs:{...(z=i.parameters)==null?void 0:z.docs,source:{originalSource:`{
  name: "Form tabellare 2",
  render: () => {
    return createFormTabelare2();
  }
}`,...(N=(I=i.parameters)==null?void 0:I.docs)==null?void 0:N.source}}};var P,F,B;t.parameters={...t.parameters,docs:{...(P=t.parameters)==null?void 0:P.docs,source:{originalSource:`{
  name: "Form tabellare 3",
  render: () => {
    return createFormTabelare3();
  }
}`,...(B=(F=t.parameters)==null?void 0:F.docs)==null?void 0:B.source}}};var k,S,T;c.parameters={...c.parameters,docs:{...(k=c.parameters)==null?void 0:k.docs,source:{originalSource:`{
  name: "Form complesso",
  render: () => {
    return complexForm();
  }
}`,...(T=(S=c.parameters)==null?void 0:S.docs)==null?void 0:T.source}}};const $=["BaseForm","DisabledForm","CollapsibleForm","AccordionForm","TableForm1","TableForm2","TableForm3","ComplexForm"];export{s as AccordionForm,l as BaseForm,a as CollapsibleForm,c as ComplexForm,o as DisabledForm,e as TableForm1,i as TableForm2,t as TableForm3,$ as __namedExportsOrder,V as default};
