import{b as T}from"./Utilities-Jli9PXBn.js";function D(){return`<form action="#" class="form-grey inail-form" id="form-base" name="Form 1">
	<h2 class="inail-title-h2 inail-h2-with-msg">Titolo Form</h2>
	<fieldset class="row">
		<legend class="sr-only">Prima sezione</legend>
		<div class="row">
			<div class="col-md-12 inail-form-info-message">
        		* I campi contrassegnati con l'asterisco  sono obbligatori.
      		</div>
		</div>
		<div class="row">
		

			<div class="form-group col-xs-12 col-sm-6 col-md-4 col-lg-4">
				<label class="control-label inail-label" for="input-1-1">Input 1</label>
                <input type="text" class="form-control inail-input " id="input-1-1" placeholder="Inserisci testo" value="">
			</div>
     			<div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
				<label class="control-label inail-label" for="input-1-2">Input 2*</label>
				<input type="text" class="form-control inail-input " id="input-1-2" placeholder="Inserisci testo" value=""  aria-required="true" required>
			</div>

			<div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
				<label class="control-label inail-label" for="input-1-3">Input 3</label>
                <input type="text" class="form-control inail-input " id="input-1-3" placeholder="Inserisci testo" value="">
			</div>

			<div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 inail-select-wrapper">
				<label for="select-1-1" class="inail-label label-select noPaddingLeft">Select 1 </label>
				<select class="form-control inail-input" id="select-1-1">
					<option value="">- seleziona opzione -</option>
					<option value="">Opzione 1</option>
					<option value="">Opzione 2</option>
					<option value="">Opzione 3</option>
				</select>
			</div>
			<div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
				<label class="control-label inail-label" for="input-1-4">Input 4</label>
				    <input type="text" class="form-control inail-input " id="input-1-4" placeholder="Inserisci testo" value="">

			</div>
			<div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
				<label class="control-label inail-label" for="input-1-5">Input 5</label>
				    <input type="text" class="form-control inail-input " id="input-1-5" placeholder="Inserisci testo" value="">

			</div>
		</div>
		<legend class="sr-only">Seconda sezione</legend>
		<div class="row">
			<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
				<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-lg-4 col-md-4 col-sm-6 col-xs-12">
				<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>
	</fieldset>
		<div class="row">

		  <div class="col-12  d-flex justify-content-end  marginTop inail-button-wrapper">
            <div class="inail-button-container">
			<button type="button" class="inail-button inail-button-secondary" aria-label="Indietro">Indietro</button>
			<button type="button" class="inail-button inail-button-primary" aria-label="Conferma">Conferma</button>
			</div>
			</div>
		</div>
</form>`}function j(){return`<form action="#" class="form-grey inail-form" id="form-base" name="Form 1">
	<h2 class="inail-title-h2 inail-h2-with-msg">Titolo Form</h2>
	<fieldset class="row">
		<legend class="sr-only">Prima sezione</legend>
		<div class="row">
			<div class="col-md-12 inail-form-info-message">
        		* I campi contrassegnati con l'asterisco sono obbligatori.
      		</div>
		</div>
		
			 <div class="form-group col-lg-4 col-sm-6 col-xs-12">
    <label class="control-label inail-label" for="form-input-1-disabled">Input 1</label>
    <input type="text" class="form-control disabled inail-input" id="form-input-1-disabled" placeholder="Inserisci testo" disabled="">
  				</div>
     		 <div class="form-group col-lg-4 col-sm-6 col-xs-12">
    <label class="control-label inail-label" for="form-input-2-disabled">Input 2*</label>
    <input type="text" class="form-control disabled inail-input" id="form-input-2-disabled" placeholder="Inserisci testo" disabled="">
  </div>
			 <div class="form-group col-lg-4 col-sm-6 col-xs-12">
    <label class="control-label inail-label" for="form-input-3-disabled">Input 3</label>
    <input type="text" class="form-control disabled inail-input" id="form-input-3-disabled" placeholder="Inserisci testo" disabled="">
  </div>
		
		
			<div class="form-group col-lg-4 col-sm-6 col-xs-12 inail-select-wrapper">
				<label for="select-1-1" class="inail-label label-select noPaddingLeft">Select 1 </label>
				<select class="form-control inail-input" id="select-1-1"  disabled="" >
					<option value="" aria-label="Select">- seleziona opzione -</option>
					<option value="" aria-label="Opzione 2">Opzione 1</option>
					<option value="" aria-label="Opzione 3">Opzione 2</option>
					<option value="" aria-label="Opzione 1">Opzione 3</option>
				</select>
			</div>
		 <div class="form-group col-lg-4 col-sm-6 col-xs-12">
    <label class="control-label inail-label" for="form-input-4-disabled">Input 4</label>
    <input type="text" class="form-control disabled inail-input" id="form-input-4-disabled" placeholder="Inserisci testo" disabled="">
  </div>
			 <div class="form-group col-lg-4 col-sm-6 col-xs-12">
    <label class="control-label inail-label" for="form-input-5-disabled">Input 5</label>
    <input type="text" class="form-control disabled inail-input" id="form-input-5-disabled" placeholder="Inserisci testo" disabled="">
  </div>
		</div>
		<legend class="sr-only">Seconda sezione</legend>
		<div class="row">
			<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-2">PERIODO DAL</label>
						<input id="form-data-2" class="form-control inail-input" title="GG/MM/AAAA" placeholder="gg / mm / aaaa" type="text" disabled>
						<button title="Calendario" class="inail-button-calendar" type="button" disabled>
							<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" disabled>
						<button title="Calendario" class="inail-button-calendar" type="button" disabled>
							<em class="fa-regular fa-calendar"  aria-hidden="true"></em>
						</button>
					</div>
				</div>
			</div>
		</div>
	</fieldset>
		<div class="row">
		  <div class="col-12  d-flex justify-content-end  marginTop inail-button-wrapper">
            <div class="inail-button-container">
			<button type="button" class="inail-button inail-button-secondary" aria-label="Indietro" disabled>Indietro</button>
			<button type="button" class="inail-button inail-button-primary" aria-label="Conferma" disabled>Conferma</button>
			</div>
			</div>
		</div>
</form>`}function M(){return`<form action="#" class="form-grey inail-form" id="form-base" name="Form 1">
				<h2 class="inail-title-h2 inail-h2-with-msg">Ricerca</h2>
				<fieldset class="row">
					<legend class="sr-only">Prima sezione</legend>
					<div class="row">
						<div class="col-md-12 inail-form-info-message">
							* I campi contrassegnati con l'asterisco  sono obbligatori.
						</div>
					</div>

					<div class="row">
						<div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
							<label class="control-label inail-label" id="label-number" for="form-input-1">Nome</label>
							<input type="text" class="form-control inail-input " id="form-input-1" placeholder="Inserisci Nome" value="">
						</div>

						<div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
						 <label class="control-label inail-label" for="form-input-2">Cognome</label>
						 <input type="text" class="form-control inail-input" id="form-input-2" placeholder="Inserisci Cognome" value="">
						</div>

						<div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
							<label class="control-label inail-label" id="label-number-info" for="form-input-info">Email*</label>
							<span role="button" aria-label="Info" tabindex="0" class="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>
							<input type="text" class="form-control inail-input " id="form-input-info" placeholder="Inserisci Email" value="">
							<span id="error-message" class="inail-span-error" style="display: none;">
							<i class="fa-solid fa-circle-exclamation"></i> Messaggio d'errore
							</span>
						</div>
					

				   
						<div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12 inail-select-wrapper">
							<label for="select-1-1" class="inail-label label-select noPaddingLeft">Nazione</label>
							<select class="form-control inail-input" id="select-1-1">
								<option value="">- seleziona opzione -</option>
								<option value="">Opzione 1</option>
								<option value="">Opzione 2</option>
								<option value="">Opzione 3</option>
							</select>
						</div>

						<div class="form-group col-lg-4 col-md-4 col-sm-6 col-xs-12">
							<label class="control-label inail-label" id="label-number" for="form-input-3">Luogo di Nascita</label>
							<input type="text" class="form-control inail-input " id="form-input-3" placeholder="Inserisci Luogo" value="">
						</div>

						
						<div class="form-group date datePicker col-lg-4 col-md-4 col-sm-6 col-xs-12">
							<div class="input-relative">
							<label class="control-label inail-label" for="form-data-2">Data di nascita</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 ="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 button-option inail-button-link ml-0" aria-label="Altre opzioni/Nascondi opzioni">
												<span class="m-0 fa fa-minus fa-lg minus"></span>	
										        <span class="m-0 fa fa-plus fa-lg plus"></span>
													<strong class="inail-button-show-more"></strong>
												</button>
									</div>
								</div>
							</div>
							<div class="row  collapse" id ="form-option-panel" role="region">

							<div class="row">
							<div class="form-group col-lg-4 col-sm-6 col-xs-12 inail-select-wrapper">
								<label for="select-1-2" class="inail-label label-select noPaddingLeft">Nazione</label>
								<select class="form-control inail-input" id="select-1-2">
									<option value="">- seleziona opzione -</option>
									<option value="">Opzione 1</option>
									<option value="">Opzione 2</option>
									<option value="">Opzione 3</option>
								</select>
				            </div>
					<div class="form-group col-lg-4 col-sm-6 col-xs-12">
					   <label class="control-label inail-label" id="label-number" for="form-input-4">Numero di Telefono</label>
					   <input type="text" class="form-control inail-input " id="form-input-4" placeholder="Inserisci Numero" value="">
					</div>

					<div class ="row">

                      <div class="form-group col-xs-12 col-sm-8 col-md-6 col-lg-6  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>Abilita selezione multipla nazioni</span>
							</label>
					    </div>

                    </div>

</div>
</div>

<div class="row">
		  <div class="col-12  d-flex justify-content-end  marginTop inail-button-wrapper">
            <div class="inail-button-container">
			<button type="button" class="inail-button inail-button-secondary" aria-label="Indietro">Indietro</button>
			<button type="button" class="inail-button inail-button-primary" aria-label="Conferma">Conferma</button>
			</div>
			</div>
		</div>
</form>`}function L(){return`
	<div class="row accordion-gray inail-accordion-container">
    <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="#area-collaborazione-panel-modale" aria-expanded="false">
                <h2 class=" inail-title-h2">Titolo form accordion</h2>
                <span class="fa fa-solid fa-chevron-down fa-lg"></span>
            </button>
        </div>
	</div>
        <div id="area-collaborazione-panel-modale" class="row collapse panel-body" role="region">
            <form action="#" class="row form-grey">
                <fieldset>
                    <legend class="sr-only">Prima sezione</legend>
                        <div class="form-group col-lg-4 col-sm-6 col-xs-12">
                            <label class="control-label inail-label" id="label-input" for="form-input-1">Input 1</label>
                            <input type="text" class="form-control inail-input " id="form-input-1"
                                placeholder="Placeholder" value="">
                        </div>
                        <div class="form-group col-lg-4 col-sm-6 col-xs-12">
                            <label class="inail-label" for="form-select-1">Select 1</label>
                            <select class="form-control inail-input form-select" id="form-select-1">
                                <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 class="form-group col-lg-4 col-sm-6 col-xs-12">
                            <label class="control-label inail-label" id="label-input" for="form-input-2">Input 2</label>
                            <input type="text" class="form-control inail-input " id="form-input-2"
                                placeholder="Placeholder" value="">
                        </div>
                        <div class="form-group col-lg-4 col-sm-6 col-xs-12">
                            <label class="control-label inail-label" id="label-input" for="form-input-3">Input 3</label>
                            <input type="text" class="form-control inail-input " id="form-input-3"
                                placeholder="Placeholder" value="">
                        </div>
                        <div class="form-group col-lg-4 col-sm-6 col-xs-12">
                            <label class="control-label inail-label" id="label-input" id="form-input-4" for="form-input-4">Input 4</label>
                            <input type="text" class="form-control inail-input " id="form-input-4"
                                placeholder="Placeholder" value="">
                        </div>
                        <div class="form-group col-lg-4 col-sm-6 col-xs-12">
                            <label class="control-label inail-label" id="label-input" for="form-input-5">Input 5</label>
                            <input type="text" class="form-control inail-input " id="form-input-5"
                                placeholder="Placeholder" value="">
                        </div>
                        <div class="form-group col-lg-4 col-sm-6 col-xs-12">
                            <label class="control-label inail-label" id="label-input-info" for="form-input-info">Input 6</label>
                            <span role="button" aria-label="Etichetta del campo" tabindex="0"
                                class="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>
                            <input type="text"
                                class="form-control inail-input" id="form-input-info" placeholder="Placeholder"
                                value="">
                        </div>
                        <div class="form-group col-lg-4 col-sm-6 col-xs-12">
                            <label class="control-label inail-label" id="label-input" for="form-input-7">Input 7</label>
                            <input type="text" class="form-control inail-input " id="form-input-7"
                                placeholder="Placeholder" value="">
                        </div>
                        <div class="form-group col-lg-4 col-sm-6 col-xs-12">
                            <label class="inail-label" for="form-select-2">Select 2</label>
                            <select class="form-control inail-input form-select" id="form-select-2">
                                <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>
                    
                </fieldset>
                <fieldset class="row">
                    <legend class="sr-only">Seconda sezione</legend>
                    <h3 class=" inail-title-h3">Sottotitolo</h3>
                    <div class="row">
                        <div class="form-group col-lg-4 col-sm-6 col-xs-12">
                            <label class="inail-label" for="form-select-3">Select 3</label>
                            <select class="form-control inail-input form-select" id="form-select-3">
                                <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>
                            </label>
                        </div>
                    </div>
                    <div class="row">
                        <div
                            class="form-group col-lg-4 col-sm-6 col-xs-12 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>Checkbox 1</span>
                            </label>
                        </div>
                    </div>
                </fieldset>
                <div class="row pull-right">
                    <div>
					    <button class="inail-button inail-button-secondary mr-4" type="button">Indietro</button>
                        <button class="inail-button inail-button-primary" type="button">Conferma</button>
                    </div>
                </div>
            </form>
        </div>
</div>
	`}function q(){return`<form class="row form-grey form-tabellare inail-form" action="#" id="form-tabellare" name="Nome form" method="post"
  onsubmit="this.reset(); return false;">
  <h2 class=" inail-title-h2 mt-0 ml-0 mr-0">Titolo Form Tabellare</h2>
  <div class="container-fluid">
    <!-- Row 1-->
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 inail-col-form-tabellare">&nbsp;</div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare text-center"><span class="py-3">Colonna
            1</span></div>
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare text-center"><span class="py-3">Colonna
            2</span></div>
      </div>
    </div>
    <!-- Row 2 -->
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 inail-col-form-tabellare">
        <div>
          Riga numero 1 <span class="fa fa-question-circle fa-lg" data-trigger="focus" data-toggle="popover"
            aria-label="Riga numero 1" role="button"
            data-content="Inserire qua un suggerimento od una descrizione relativa a questo campo."
            data-original-title="Riga numero 1" tabindex="0"></span>
        </div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 p-0">
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare"> 
            <input  type="text" id="Row1Col1" aria-label="Riga 1 Colonna 1" class="inail-input form-control inputNumber">
          </div>
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row1Col2" aria-label="Riga 1 Colonna 2" class="inail-input form-control inputNumber">
          </div>
      </div>
    </div>
    <!--Row 3-->
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 inail-col-form-tabellare">
        <div>
          Riga numero 2
        </div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 p-0">
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row2Col1" aria-label="Riga 2 Colonna 1" class="inail-input form-control inputNumber">
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row2Col2" aria-label="Riga 2 Colonna 2" class="inail-input form-control inputNumber">
        </div>
      </div>
    </div>
    <!--Row 4-->
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 inail-col-form-tabellare">
        <div>
          Riga numero 3 <span class="fa fa-question-circle fa-lg" data-trigger="focus" data-toggle="popover"
            aria-label="Riga numero 1" role="button"
            data-content="Inserire qua un suggerimento od una descrizione relativa a questo campo."
            data-original-title="Riga numero 1" tabindex="0"></span>
        </div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 p-0">
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row3Col1" aria-label="Riga 3 Colonna 1" class="inail-input form-control inputNumber">
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row3Col2" aria-label="Riga 3 Colonna 2" class="inail-input form-control inputNumber">
        </div>
      </div>
    </div>
    <!--Row 5-->
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 inail-col-form-tabellare">
        <div>
          Riga numero 4
        </div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 p-0">
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row1Col4" aria-label="Riga 4 Colonna 1" class="inail-input form-control inputNumber">
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row4Col2" aria-label="Riga 4 Colonna 2" class="inail-input form-control inputNumber">
        </div>
      </div>
    </div>
    <!--Row 6-->
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 inail-col-form-tabellare">
        <div>
          Riga numero 5
        </div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 p-0">
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row5Col1" aria-label="Riga 5 Colonna 1" class="inail-input form-control inputNumber">
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row5Col2" aria-label="Riga 5 Colonna 2" class="inail-input form-control inputNumber">
        </div>
      </div>
    </div>
    <!--Row 7-->
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 inail-col-form-tabellare">
        <div>
          Riga numero 6
        </div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 p-0">
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row6Col1" aria-label="Riga 6 Colonna 1" class="inail-input form-control inputNumber">
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row6Col2" aria-label="Riga 6 Colonna 2" class="inail-input form-control inputNumber">
        </div>
      </div>
    </div>
    <!--Row 8-->
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 inail-col-form-tabellare">
        <div>
          Riga numero 7
        </div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 p-0">
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row7Col1" aria-label="Riga 7 Colonna 1" class="inail-input form-control inputNumber">
        </div>
        <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
            <input  type="text" id="Row7Col2" aria-label="Riga 7 Colonna 2" class="inail-input form-control inputNumber">
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12 col-md-12">
        <div class="pull-right pt-4">
          <button type="submit" class="inail-button inail-button-secondary" aria-label="Annulla">
            Annulla 
          </button>
          <button type="submit" class="inail-button inail-button-primary ml-4" aria-label="Bottone destro">Bottone
            destro</button>
        </div>
      </div>
    </div>
  </div>
</form>`}function E(){return`<form class="row form form-tabellare form-grey inail-form" action="#" id="form-2-tabellare" name="Nome form"
  method="post" onsubmit="this.reset(); return false;">
  <h2 class=" inail-title-h2 mt-0 ml-0 mr-0">Titolo Form Tabellare</h2>
  <div class="container-fluid">
    <!-- Row 1-->
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 ">&nbsp;</div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 px-0">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 px-0    inail-b-right-grey">
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center inail-b-bottom  py-2">
            Colonna 1
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-b-left inail-b-right text-center py-2">
            Colonna A</div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-center py-2  ">Colonna B</div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 px-0  inail-b-right-grey">
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 inail-b-bottom  text-center py-2">
            Colonna 2
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-center py-2  inail-b-right">
            Colonna A</div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-center py-2 ">Colonna B</div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 px-0  ">
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 inail-b-bottom  text-center py-2">
            Colonna 3
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-center py-2  inail-b-right">
            Colonna A</div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-center py-2">Colonna B</div>
        </div>
      </div>
    </div>
    <!-- Row 2 -->
    <div class="row inail-b-top">
      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 inail-b-bottom inail-bg-white inail-col-form-tabellare">
        <div>Riga numero 1</div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 px-0 ">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 px-0 inail-b-bottom inail-bg-white inail-b-right-grey">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-b-left inail-b-right inail-col-form-tabellare ">
              <input  type="text" id="Row1Col1a-2" aria-label="Riga 1 Colonna 1 A" class="inail-input form-control inputNumber">
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare  ">
              <input type="text" id="Row1Col1b-2" aria-label="Riga 1 Colonna 1 B" class="inail-input form-control inputNumber">
          </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 px-0 inail-b-bottom inail-bg-white  inail-b-right-grey">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-b-right inail-col-form-tabellare">
            
              <input type="text" id="Row1Col2a-2" aria-label="Riga 1 Colonna 2 A" class="inail-input form-control inputNumber">
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare ">
            
              <input type="text" id="Row1Col2b-2" aria-label="Riga 1 Colonna 2 B" class="inail-input form-control inputNumber">
          </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 px-0 inail-b-bottom inail-bg-white ">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  inail-b-right inail-col-form-tabellare ">
            
              <input type="text" id="Row1Col3a-2" aria-label="Riga 1 Colonna 3 A" class="inail-input form-control inputNumber">
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare ">
            
              <input type="text" id="Row1Col3a-2" aria-label="Riga 1 Colonna 3 B" class="inail-input form-control inputNumber">
          </div>
        </div>
      </div>
    </div>
    <!--Row 3-->
    <div class="row ">
      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 inail-b-bottom inail-bg-white inail-col-form-tabellare">
        <div>Riga numero 2</div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 px-0 ">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 px-0 inail-b-bottom inail-bg-white inail-b-right-grey">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-b-left inail-b-right inail-col-form-tabellare  ">
            
              <input type="text" id="Row2Col1a-2" aria-label="Riga 2 Colonna 1 A" class="inail-input form-control inputNumber">
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  inail-col-form-tabellare ">
            
              <input type="text" id="Row2Col1B-2" aria-label="Riga 2 Colonna 1 B" class="inail-input form-control inputNumber">
          </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 px-0 inail-b-bottom inail-bg-white  inail-b-right">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-b-right inail-col-form-tabellare  ">
              <input type="text" id="Row2Col2a-2" aria-label="Riga 2 Colonna 2 A" class="inail-input form-control inputNumber">
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare  ">
            
              <input type="text" id="Row2Col2b-2" aria-label="Riga 2 Colonna 2 B" class="inail-input form-control inputNumber">
          </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 px-0  ">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  inail-col-form-tabellare ">
            &nbsp;
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare ">
            &nbsp;
          </div>
        </div>
      </div>
    </div>
    <!--Row 4-->
    <div class="row">
      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 inail-b-bottom inail-bg-white inail-col-form-tabellare">
        <div>Riga numero 3</div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 px-0">
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 px-0 inail-b-bottom inail-bg-white inail-b-right-grey">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6   inail-b-left  inail-b-right inail-col-form-tabellare  ">
              <input type="text" id="Row3Col1a-2" aria-label="Riga 3 Colonna 1 A" class="inail-input form-control inputNumber">
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare ">
              <input type="text" id="Row3Col1a-2" aria-label="Riga 3 Colonna 1 B" class="inail-input form-control inputNumber">
          </div>
        </div>
        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 px-0 inail-b-bottom inail-bg-white inail-b-right">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  inail-b-right inail-col-form-tabellare ">
              <input type="text" id="Row3Col2a-2" aria-label="Riga 3 Colonna 2 A" class="inail-input form-control inputNumber"> 
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare  ">
              <input type="text" id="Row3Col2a-2" aria-label="Riga 3 Colonna 2 B" class="inail-input form-control inputNumber">
          </div>
        </div>

        <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 px-0  ">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  inail-background-col inail-col-form-tabellare ">
            &nbsp;
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare ">
            &nbsp;
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12 col-md-12">
        <div class="pull-right pt-4">
		<button type="submit" class="inail-button inail-button-secondary" aria-label="Annulla">
            Annulla 
          </button>
          <button type="submit" class="inail-button inail-button-primary ml-4" aria-label="Bottone destro">Bottone
            destro</button>
        </div>
      </div>
    </div>
  </div>
</form>`}function G(){return`<form class="row form form-tabellare form-grey inail-form" action="#" id="form-3-tabellare" name="Nome form" method="post"
  onsubmit="this.reset(); return false;">
  <h2 class=" inail-title-h2 mt-0 ml-0 mr-0">Titolo Form Tabellare</h2>
  <div class="container-fluid">
    <!-- Row 1-->
    <div class="row">
      <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 ">&nbsp;</div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 px-0">
         <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0    inail-b-right-grey">
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center inail-b-bottom  py-2">
            Colonna 1
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-b-left inail-b-right text-center py-2">
            Colonna A</div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-center py-2  ">Colonna B</div>
        </div>
         <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 ">
          <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 inail-b-bottom  text-center py-2">
            Colonna 2
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-center py-2  inail-b-right">
            Colonna A</div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 text-center py-2 ">Colonna B</div>
        </div>
      </div>
    </div>
    <!-- Row 2 -->
    <div class="row inail-b-top">
      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 inail-b-bottom inail-bg-white inail-col-form-tabellare">
        <div>Riga numero 1</div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 px-0 ">
         <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 inail-b-bottom inail-bg-white inail-b-right-grey">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-b-left inail-b-right inail-col-form-tabellare ">
              <input type="text" value="5" class="inail-input form-control inputNumber completeInput" id="Row1Col1a-3" aria-label="Riga 1 Colonna 1 A Campo selezionato">
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare  ">
              <input type="text" value="5" class="inail-input form-control inputNumber completeInput" id="Row1Col1b-3" aria-label="Riga 1 Colonna 1 B Campo selezionato">
          </div>
        </div>
         <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 inail-b-bottom inail-bg-white">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-b-right inail-col-form-tabellare  ">
              <input type="text" value="7" class="inail-input form-control inputNumber completeInput" id="Row1Col2a-3" aria-label="Riga 1 Colonna 2 A Campo selezionato">
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare ">
              <input type="text" id="Row1Col2b-3" aria-label="Riga 1 Colonna 2 B" class="inail-input form-control inputNumber">
          </div>
        </div>
      </div>
    </div>
    <!--Row 3-->
    <div class="row ">
      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 inail-b-bottom inail-bg-white inail-col-form-tabellare">
        <div>Riga numero 2</div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 px-0 ">
         <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 inail-b-bottom inail-bg-white inail-b-right-grey">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-b-left inail-b-right inail-col-form-tabellare  ">
              <input type="text" id="Row2Col1a-3" aria-label="Riga 2 Colonna 1 A" class="inail-input form-control inputNumber">
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  inail-col-form-tabellare ">
              <input type="text" id="Row2Col1b-3" aria-label="Riga 2 Colonna 1 B" class="inail-input form-control inputNumber">
          </div>
        </div>
         <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 inail-b-bottom inail-bg-white">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-b-right inail-col-form-tabellare  ">
              <input type="text" id="Row2Col2a-3" aria-label="Riga 2 Colonna 2 A" class="inail-input form-control inputNumber">
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
              <input type="text" id="Row2Col2a-3" aria-label="Riga 2 Colonna 2 B" class="inail-input form-control inputNumber">
          </div>
        </div>
      </div>
    </div>
    <!--Row 4-->
    <div class="row">
      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 inail-b-bottom inail-bg-white inail-col-form-tabellare">
        <div>Riga numero 3</div>
      </div>
      <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 px-0">
         <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 inail-b-bottom inail-bg-white inail-b-right-grey">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6   inail-b-left  inail-b-right inail-col-form-tabellare  ">
              <input type="text" id="Row3Col1a-3" aria-label="Riga 3 Colonna 1 A" class="inail-input form-control inputNumber">
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare ">
              <input type="text" id="Row3Col1b-3" aria-label="Riga 3 Colonna 1 B" class="inail-input form-control inputNumber">
          </div>
        </div>
         <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 inail-b-bottom inail-bg-white">
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  inail-b-right inail-col-form-tabellare ">
              <input type="text" id="Row3Col2a-3" aria-label="Riga 3 Colonna 2 A" class="inail-input form-control inputNumber">
          </div>
          <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
              <input type="text" id="Row3Col2b-3" aria-label="Riga 3 Colonna 2 B" class="inail-input form-control inputNumber">
          </div>
        </div>
      </div>
    </div>
<!--Row 5-->
<div class="row">
  <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 inail-b-bottom inail-bg-white inail-col-form-tabellare">
    <div>Riga numero 4</div>
  </div>
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 px-0">
     <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 inail-b-bottom inail-bg-white inail-b-right-grey">
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6   inail-b-left  inail-b-right inail-col-form-tabellare  ">
          <input type="text" value="8" id="Row4Col1a-3" aria-label="Riga 4 Colonna 1 A Campo selezionato" class="inail-input form-control inputNumber completeInput">
      </div>
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare ">
          <input type="text" value="2" id="Row4Col1b-3" aria-label="Riga 4 Colonna 1 B Campo selezionato" class="inail-input form-control inputNumber completeInput">
      </div>
    </div>
     <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 inail-b-bottom inail-bg-white">
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  inail-b-right inail-col-form-tabellare ">
          <input type="text" id="Row4Col2a-3" aria-label="Riga 4 Colonna 2 A" class="inail-input form-control inputNumber">
      </div>
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
          <input type="text" value="9" id="Row4Col2b-3" aria-label="Riga 4 Colonna 2 B Campo selezionato" class="inail-input form-control inputNumber completeInput">
      </div>
    </div>
  </div>
</div>
<!--Row 6-->
<div class="row">
  <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 inail-b-bottom inail-bg-white inail-col-form-tabellare">
    <div>Riga numero 5</div>
  </div>
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 px-0">
     <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 inail-b-bottom inail-bg-white inail-b-right-grey">
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6   inail-b-left  inail-b-right inail-col-form-tabellare  ">
          <input type="text" id="Row5Col1a-3" aria-label="Riga 5 Colonna 1 A" class="inail-input form-control inputNumber">
      </div>
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare ">
          <input type="text" value="7" id="Row5Col1b-3" aria-label="Riga 5 Colonna 1 B Campo selezionato" class="inail-input form-control inputNumber completeInput">
      </div>
    </div>
     <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 inail-b-bottom inail-bg-white">
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  inail-b-right inail-col-form-tabellare ">
          <input type="text" value="6" id="Row5Col2a-3" aria-label="Riga 5 Colonna 2 A Campo selezionato" class="inail-input form-control inputNumber completeInput">
      </div>
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
          <input type="text" id="Row5Col2b-3" aria-label="Riga 5 Colonna 2 B" class="inail-input form-control inputNumber">
      </div>
    </div>
  </div>
</div>
<!--Row 7-->
<div class="row">
  <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 inail-b-bottom inail-bg-white inail-col-form-tabellare">
    <div>Riga numero 6</div>
  </div>
  <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 px-0">
     <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 inail-b-bottom inail-bg-white inail-b-right-grey">
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6   inail-b-left  inail-b-right inail-col-form-tabellare  ">
          <input type="text" id="Row6Col1a-3" aria-label="Riga 6 Colonna 1 A" class="inail-input form-control inputNumber">
      </div>
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare ">
          <input type="text" id="Row6Col1b-3" aria-label="Riga 6 Colonna 1 B" class="inail-input form-control inputNumber">
      </div>
    </div>
     <div class="col-xs-4 col-sm-4 col-md-6 col-lg-6 px-0 inail-b-bottom inail-bg-white">
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6  inail-b-right inail-col-form-tabellare ">
          <input type="text" value="6" id="Row6Col2a-3" aria-label="Riga 6 Colonna 2 A Campo selezionato" class="inail-input form-control inputNumber completeInput">
      </div>
      <div class="col-xs-6 col-sm-6 col-md-6 col-lg-6 inail-col-form-tabellare">
          <input type="text" id="Row6Col2b-3" aria-label="Riga 6 Colonna 2 B" class="inail-input form-control inputNumber">
      </div>
    </div>
  </div>
</div>
  </div>
     <div class="row">
      <div class="col-lg-12 col-md-12 pt-4 d-flex align-items-center justify-content-between">
        <div class="inail-text-campi-inseriti">
          <div>Campi inseriti:<strong class="ncampi"> 9 su 24</strong></div>
        </div>
        <div>
		 <button type="submit" class="inail-button inail-button-secondary" aria-label="Annulla">
            Annulla 
          </button>
          <button type="submit" class="inail-button inail-button-primary ml-4" aria-label="Bottone destro">Bottone
            destro</button>
        </div>
      </div>
    </div>
</form>`}function _(){return`
	<div class="inail-form-complesso-container">

		<form class="inail-form-complesso-1 form-grey inail-form">

			<div>
				<h2 class="inail-title-h2 inail-h2-with-msg">Dati personali</h2>
				<span class="inail-form-info-message">
          			* I campi contrassegnati con l'asterisco (*) sono obbligatori.
        		</span>
			</div>

			<div>

				<div class="row">

					<div class="form-group col-md-4 col-lg-4 col-sm-6 col-xs-12">
    					<label class="control-label inail-label" id="label-input" for="form-input-1">Nome*</label>
    					<input type="text" class="form-control inail-input " id="form-input-1" placeholder="Placeholder" value="">
  					</div>

					<div class="form-group col-md-4 col-lg-4 col-sm-6 col-xs-12">
    					<label class="control-label inail-label" id="label-input" for="form-input-2">Cognome*</label>
    					<input type="text" class="form-control inail-input " id="form-input-2" placeholder="Placeholder" value="">
  					</div>

					<div class="form-group col-md-4 col-lg-4 col-sm-6 col-xs-12">
						<label class="control-label inail-label" id="label-input-info">Email*</label>
						<span role="button" aria-label="Etichetta del campo" tabindex="0" class="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>
						<input type="text" aria-labelledby="label-input-info hint-input-info" class="form-control inail-input" id="form-input-info" placeholder="Placeholder" value="">
					</div>

					<div class="form-group col-md-4 col-sm-6 col-xs-12 mb-md-3 mb-lg-0 mb-xl-0">
						<label class="inail-label" for="form-select-1">Sesso</label>
						<select class="form-control inail-input form-select" id="form-select-1">
							<option value="..." aria-label="seleziona opzione">Seleziona opzione</option>
							<option value="Maschio" aria-label="Maschio">Maschio</option>
							<option value="Femmina" aria-label="Femmina">Femmina</option>
						</select>
					</div>

					<div class="form-group date datePicker col-md-4 col-lg-4 col-sm-6 col-xs-12">
						<div class="input-relative">
							<label class="control-label inail-label" for="form-data-2">Data di nascita</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 class="form-group col-md-4 col-lg-4 col-sm-6 col-xs-12">
						<label class="control-label inail-label" id="numero-label">Numero di telefono</label>
						<input type="text" class="form-control inail-input " id="form-input-3" placeholder="Placeholder" value=""aria-labelledby="numero-label hint-prefisso">
						<span id="error-message" class="inail-span-error" style="display: none;">
							<i class="fa-solid fa-circle-exclamation"></i> Messaggio d'errore
						</span>
						<span class="inail-span-ht" id="hint-prefisso">Inserire il prefisso</span>
					</div>

					<div class="form-group combobox combobox-wrapper col-md-4 col-lg-4 col-sm-6 col-xs-12">
						<label class="control-label inail-label" id="label-1">Città</label>
						<div class="inail-combobox-input-container">
							<input type="text" id="combobox-input" class="inail-input form-control inail-combobox" placeholder="Digita per filtrare..." aria-labelledby="label-1 combo_info">
							<div class="options inail-combobox-panel" id="combobox-options">
								<div class="option" tabindex="0" value="">- seleziona opzione -</div>
								<div class="option" tabindex="0" value="Opzione 1">Opzione 1</div>
								<div class="option" tabindex="0" value="Opzione 2">Opzione 2</div>
								<div class="option" tabindex="0" value="Opzione 3">Opzione 3</div>
								<div class="option" tabindex="0" value="Opzione 4">Opzione 4</div>
								<div class="option" tabindex="0" value="Opzione 5">Opzione 5</div>
								<div class="option" tabindex="0" value="Opzione 6">Opzione 6</div>
							</div>
						</div>
						<span class="inail-span-ht" id="combo_info">Selezionare la città</span>
					</div>

					<div class="form-group col-md-4 col-sm-6 col-xs-12 mb-md-5 mb-lg-0 mb-xl-0">
    					<label class="control-label inail-label" id="label-input" for="form-input-4">Indirizzo*</label>
    					<input type="text" class="form-control inail-input" id="form-input-4" placeholder="Placeholder" value="">
  					</div>

					<div class="form-group col-md-4 col-lg-4 col-sm-6 col-xs-12">
						<label class="control-label inail-label" id="label-number" for="form-input-5">CAP*</label>
						<input type="text"  class="form-control inail-input " id="form-input-5" placeholder="Placeholder" value="">
						<span id="error-message" class="inail-span-error" style="display: none;">
							<i class="fa-solid fa-circle-exclamation"></i> Messaggio d'errore
						</span>
					</div>

				</div>

				<div class="row">

					<div class="col-sm-12 col-md-8">
						<div>
							<p class="pull-right inail-textarea-counter" id="charCounter">0/600</p>
							<label class="control-label inail-label pull-left" for="form-text-area-1">Biografia</label>
						</div>
						<textarea class="form-control inail-input" id="form-text-area-1" placeholder="Inserisci qui il tuo testo" rows="6" maxlength="600" title="Textarea" type="text" oninput="updateCounter()"></textarea>
					</div>

				</div>

			</div>

			<hr>

			<div>

				<h4 class=" inail-title-h4" role="heading" aria-level="3">Stato civile</h4>

				<div class="row">

					<div class="inail-custom-radio-group col-12">

						<label class="inail-radio-button">
						<input type="radio" name="radio-group" class="inail-radio-input">
						<div class="inail-radio-background">
							<div class="inail-radio-inner-circle"></div>
						</div>
						Celibe/Nubile
						</label>

						<label class="inail-radio-button">
						<input type="radio" name="radio-group" class="inail-radio-input">
						<div class="inail-radio-background">
							<div class="inail-radio-inner-circle"></div>
						</div>
						Sposato/a
						</label>

						<label class="inail-radio-button">
						<input type="radio" name="radio-group" class="inail-radio-input">
						<div class="inail-radio-background">
							<div class="inail-radio-inner-circle"></div>
						</div>
						Divorzato/a
						</label>

						<label class="inail-radio-button">
						<input type="radio" name="radio-group" class="inail-radio-input">
						<div class="inail-radio-background">
							<div class="inail-radio-inner-circle"></div>
						</div>
						Vedovo/a
						</label>

					</div>

				</div>

			</div>

			<hr>
			
			<div>

				<h4 class="inail-title-h4" role="heading" aria-level="3">Familiari a carico</h4>

				<button class="inail-button-link" type="button"><span class="fa fa-plus inail-left-icon" title="Inserisci un familiare a carico"></span>Inserisci un familiare a carico</button>

			</div>

		</form>

		<form class="inail-form-complesso-2 form-grey inail-form">

			<h2 class="inail-title-h2">Documenti</h2>

			<h4 class="inail-title-h4" role="heading" aria-level="3">Filtri</h4>

			<div class="row">

				<div class="inail-container-filter-documents col-lg-6 col-md-12 col-sm-12 col-xs-12 form-group">

					<label class="inail-label">Tipo di documento:</label>

					<div class="inail-filter-documents-checkbox">
						<div class="custom-checkbox-container inail-checkbox col-12">
							<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>Carta d'identità</span>
							</label>
						</div>

						<div class="custom-checkbox-container inail-checkbox col-12">
							<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>Patente</span>
							</label>
						</div>

						<div class="custom-checkbox-container inail-checkbox col-12">
							<input type="checkbox" id="check-3" class="custom-checkbox option-checkbox">
							<label for="check-3">
							<span class="custom-checkbox-background">
								<i class="fa inail-checkbox-icon"></i>
							</span>
							<span>Tessera sanitaria</span>
							</label>
						</div>
					</div>

				</div>

				<div class="form-group col-lg-6 col-md-12 col-sm-12 col-xs-12">
					<label class="inail-label" for="patenti-guida-select">Patenti di guida:</label>
					<select class="form-control inail-input form-select" id="patenti-guida-select">
						<option value="..." aria-label="seleziona opzione">Seleziona opzione</option>
						<option value="A" aria-label="A">A</option>
						<option value="B" aria-label="B">B</option>
					</select>
				</div>

			</div>

			<h4 class="inail-title-h4" role="heading" aria-level="3">Risultati</h4>

			<div>

				<div class="tabella table-responsive inail-table">
					<table id="tabella-base" class="table display tabella-base">
						<caption class="sr-only">Descrizione lorem ispum dolor sit amet massa vitae lacus, gravida tortor. vehicula, eu non urna. ac dui. odio dui malesuada amet, libero, Lorem urna viverra leo.</caption>
						<thead>
							<tr>
							<th>
								<span class="thLabel">Nome documento</span>
							</th>
							<th>
								<span class="thLabel">Documenti allegati</span>
							</th>
							<th>
								<span class="thLabel">Stato</span>
							</th>
							</tr>
						</thead>
						<tbody>
							<tr>
							<td>Carta d'identità</td>
							<td><i class="fa-regular fa-file-lines"></i> <a data-original-title="Nome file" class="inail-text-link-1 m-0" tabindex="0" href="javascript:void(0)">Nome-file-01-jpg</a></td>
							<td>
								<span class="tag-info inail-tag-default" aria-label="tag info">
									<span class="sr-only">tag info</span>
									<span class="inail-tag-text">Lorem ipsum</span>
								</span>
							</td>
							</tr>
							<tr>
							<td>Carta d'identità</td>
							<td><i class="fa-regular fa-file-lines"></i> <a data-original-title="Nome file" class="inail-text-link-1 m-0" tabindex="0" href="javascript:void(0)">Nome-file-01-jpg</a></td>
							<td>
								<span class="inail-tag-default tag-primary">
									<span class="sr-only">tag info</span>
									<span class="inail-tag-text">Lorem ipsum</span>
								</span>
							</td>
							</tr>
							<tr>
							<td>Patente</td>
							<td><i class="fa-regular fa-file-lines"></i> <a data-original-title="Nome file" class="inail-text-link-1 m-0" tabindex="0" href="javascript:void(0)">Nome-file-01-jpg</a></td>
							<td>
								<span class="tag-danger inail-tag-default" aria-label="tag errore">
									<span class="sr-only">tag errore</span>
									<span class="inail-tag-text">Lorem ipsum</span>
								</span>
							</td>
							</tr>
							<tr>
							<td>Patente</td>
							<td><i class="fa-regular fa-file-lines"></i> <a data-original-title="Nome file" class="inail-text-link-1 m-0" tabindex="0" href="javascript:void(0)">Nome-file-01-jpg</a></td>
							<td>
								<span class="tag-success inail-tag-default">
									<span class="sr-only">tag successo</span>
									<span class="inail-tag-text">Lorem ipsum</span>
								</span>
							</td>
							</tr>
							<tr>
							<td>Patente</td>
							<td><i class="fa-regular fa-file-lines"></i> <a data-original-title="Nome file" class="inail-text-link-1 m-0" tabindex="0" href="javascript:void(0)">Nome-file-01-jpg</a></td>
							<td>
								<span class="tag-warning inail-tag-default" aria-label="tag avviso">
									<span class="sr-only">tag avviso</span>
									<span class="inail-tag-text">Lorem ipsum</span>
								</span>
							</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>

		</form>

		<form class="inail-form-complesso-3 form-grey inail-form">

		<div>
			<h2 class="inail-title-h2 inail-h2-with-msg">Esperienza di lavoro</h2>
			<span class="inail-form-info-message">
          		* I campi contrassegnati con l'asterisco (*) sono obbligatori.
        	</span>
		</div>

		<div>

			<div>

				<div class="row">

					<div class="form-group col-md-3 col-sm-12 col-xs-12">
    					<label class="control-label inail-label" id="label-input" for="form-input-datore-lavoro">Datore di lavoro*</label>
    					<input type="text" class="form-control inail-input " id="form-input-datore-lavoro" placeholder="Placeholder" value="">
  					</div>

					<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
						<div class="form-group date datePicker ">
							<div class="input-relative">
								<label class="control-label inail-label" for="form-data-inizio">DAta inizio</label>
								<input id="form-data-inizio" 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-4 col-md-3 col-lg-3">
						<div class="date datePicker ">
							<div class="input-relative">
								<label class="control-label inail-label" for="form-data-3">Data fine</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 class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
						<button class="inail-button-link-danger" type="button"><span class="fa fa-trash-alt inail-left-icon" title="Rimuovi elemento"></span>Rimuovi</button>
					</div>

				</div>

				<hr>

			</div>

			<div class="row col-12">
				<button class="inail-button-link" type="button"><span class="fa fa-plus inail-left-icon" title="Inserisci nuova occupazione"></span>Inserisci nuova occupazione</button>
			</div>

		</div>

		</form>

	</div>
	`}const H="N.D.",V={title:"Patterns/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:[(c,r)=>T(c,r,8,["static-webkit/js/custom-webkit.js","static/js/main.js","assets/js/custom-input-combobox.js","assets/js/custom-input-number.js","assets/js/custom-input-textarea.js"],!0),c=>`<main id="contenutoPrincipale">${c()}</main>`]},l={name:"Form base",render:()=>D()},i={name:"Form disabilitato",render:()=>j()},o={name:"Form con opzioni collassabili",render:()=>M()},a={name:"Form Accordion",render:()=>L()},e={name:"Form tabellare 1",render:()=>q()},t={name:"Form tabellare 2",render:()=>E()},s={name:"Form tabellare 3",render:()=>G()},n={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 b,u,v;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`{
  name: "Form disabilitato",
  render: () => {
    return createDisabledForm();
  }
}`,...(v=(u=i.parameters)==null?void 0:u.docs)==null?void 0:v.source}}};var g,f,x;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{
  name: "Form con opzioni collassabili",
  render: () => {
    return createCollapsibleForm();
  }
}`,...(x=(f=o.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};var h,y,w;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`{
  name: "Form Accordion",
  render: () => {
    return createaccordionForm();
  }
}`,...(w=(y=a.parameters)==null?void 0:y.docs)==null?void 0:w.source}}};var C,R,z;e.parameters={...e.parameters,docs:{...(C=e.parameters)==null?void 0:C.docs,source:{originalSource:`{
  name: "Form tabellare 1",
  render: () => {
    return createFormTabelare1();
  }
}`,...(z=(R=e.parameters)==null?void 0:R.docs)==null?void 0:z.source}}};var N,A,k;t.parameters={...t.parameters,docs:{...(N=t.parameters)==null?void 0:N.docs,source:{originalSource:`{
  name: "Form tabellare 2",
  render: () => {
    return createFormTabelare2();
  }
}`,...(k=(A=t.parameters)==null?void 0:A.docs)==null?void 0:k.source}}};var I,F,O;s.parameters={...s.parameters,docs:{...(I=s.parameters)==null?void 0:I.docs,source:{originalSource:`{
  name: "Form tabellare 3",
  render: () => {
    return createFormTabelare3();
  }
}`,...(O=(F=s.parameters)==null?void 0:F.docs)==null?void 0:O.source}}};var P,B,S;n.parameters={...n.parameters,docs:{...(P=n.parameters)==null?void 0:P.docs,source:{originalSource:`{
  name: "Form complesso",
  render: () => {
    return complexForm();
  }
}`,...(S=(B=n.parameters)==null?void 0:B.docs)==null?void 0:S.source}}};const $=["BaseForm","DisabledForm","CollapsibleForm","AccordionForm","TableForm1","TableForm2","TableForm3","ComplexForm"];export{a as AccordionForm,l as BaseForm,o as CollapsibleForm,n as ComplexForm,i as DisabledForm,e as TableForm1,t as TableForm2,s as TableForm3,$ as __namedExportsOrder,V as default};
