import{b as o}from"./Utilities-DayKp0i-.js";const X=`Le tabelle che seguono hanno tutte un comportamento responsive con utilizzo di scrollbar. Nel caso la tabella non preveda l'utilizzo di funzioni complesse (accordion, ordinamenti di colonne, checkbox,..) é possibile scegliere se utilizzare la TABELLA SEMPLICE o TABELLA SEMPLICE RESPONSIVE ALTERNATIVA. Quest'ultima soluzione prevede un comportamento con scrollbar fino ad una definita risoluzione (punto di collasso), al di sotto della quale le colonne si dispongono in riga e i relativi valori nella seconda colonna.

Il tag \`<caption>\` deve essere nascosto aggiungendo la classe sr-only solo quando gli elementi aggiuntivi presenti nella tabella non permettono una corretta posizione della descrizione rispetto alla tabella. Solo in quel caso é da preferire il posizionamento della descrizione nel div precedente il tag \`<table>\`.
La funzione di ordinamento delle righe in ordine crescente/decrescente deve essere inserita solo quando questa funzione è realmente utile all'utente (per esempio, nel caso di una colonna "Note aggiuntive" la funzione non dovrà essere presente). La funzione di ordinamento non deve assolutamente essere inserita nelle colonne che possono contenere bottoni o elementi che permettono l'input dell'utente. `,Y="";function Z(){return`<div class="tabella table-responsive inail-table">
	<h4 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h4>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">
	<span class="">Link</span>
	<span class="fa fa-chevron-right"></span>
	</a>
	<div class="col-xs-12 caption noPaddingLeft marginBottom">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.</div>
	<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">Colonna 1</span>
				</th>
				<th>
					<span class="thLabel">Colonna 2</span>
				</th>
				<th>
					<span class="thLabel">Colonna 3</span>
				</th>
				<th>
					<span class="thLabel">Colonna 4</span>
				</th>
				<th>Azioni</th>
			</tr>
		</thead>
		<tbody >
			<tr>
				<td>Lorem ipsum 1</td>
				<td>Lorem ipsum 1</td>
				<td>Lorem ipsum 1</td>
				<td>Lorem ipsum 1</td>
				<td class="td-icons">
					<button type="button" class="col-xs-8" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>Lorem ipsum 2</td>
				<td>Lorem ipsum 2</td>
				<td>Lorem ipsum 2</td>
				<td>Lorem ipsum 2</td>
				<td class="td-icons">
					<button type="button" class="col-xs-8" data-toggle="tooltip" data-original-title="Rimuovi elemento"  aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>Lorem ipsum 3</td>
				<td>Lorem ipsum 3</td>
				<td>Lorem ipsum 3</td>
				<td>Lorem ipsum 3</td>
				<td class="td-icons">
					<button type="button" class="col-xs-8" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>Lorem ipsum 4</td>
				<td>Lorem ipsum 4</td>
				<td>Lorem ipsum 4</td>
				<td>Lorem ipsum 4</td>
				<td class="td-icons">
					<button type="button" class="col-xs-8" data-toggle="tooltip" data-original-title="Rimuovi elemento"  aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
		</tbody>
	</table>
</div>`}function aa(){return`<div class="container">
	<div class="row">
		<div id="no-more-tables" class="tabella tabella-verticale table-responsive inail-table">
			<h4 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h4>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">
	<span>Link</span>
	<span class="fa fa-chevron-right"></span>
	</a>
			<div class="col-xs-12 caption noPaddingLeft marginBottom">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.</div>

			<table class="table display tabella-base col-md-12">
				<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 class="cf">
					<tr>
						<th>Colonna 1</th>
						<th>Colonna 2</th>
						<th>Colonna 3</th>
						<th>Colonna 4</th>
						<th>Colonna 5</th>
						<th>Colonna 6</th>
						<th>Colonna 7</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td data-title="Colonna 1">Dato 1</td>
						<td data-title="Colonna 2">Dato 1</td>
						<td data-title="Colonna 3">Dato 1</td>
						<td data-title="Colonna 4">Dato 1</td>
						<td data-title="Colonna 5">Dato 1</td>
						<td data-title="Colonna 6">Dato 1</td>
						<td data-title="Colonna 7">Dato 1</td>
					</tr>
					<tr>
						<td data-title="Colonna 1">Dato 2</td>
						<td data-title="Colonna 2">Dato 2</td>
						<td data-title="Colonna 3">Dato 2</td>
						<td data-title="Colonna 4">Dato 2</td>
						<td data-title="Colonna 5">Dato 2</td>
						<td data-title="Colonna 6">Dato 2</td>
						<td data-title="Colonna 7">Dato 2</td>
					</tr>
					<tr>
						<td data-title="Colonna 1">Dato 3</td>
						<td data-title="Colonna 2">Dato 3</td>
						<td data-title="Colonna 3">Dato 3</td>
						<td data-title="Colonna 4">Dato 3</td>
						<td data-title="Colonna 5">Dato 3</td>
						<td data-title="Colonna 6">Dato 3</td>
						<td data-title="Colonna 7">Dato 3</td>
					</tr>
					<tr>
						<td data-title="Colonna 1">Dato 4</td>
						<td data-title="Colonna 2">Dato 4</td>
						<td data-title="Colonna 3">Dato 4</td>
						<td data-title="Colonna 4">Dato 4</td>
						<td data-title="Colonna 5">Dato 4</td>
						<td data-title="Colonna 6">Dato 4</td>
						<td data-title="Colonna 7">Dato 4</td>
					</tr>
					<tr>
						<td data-title="Colonna 1">Dato 5</td>
						<td data-title="Colonna 2">Dato 5</td>
						<td data-title="Colonna 3">Dato 5</td>
						<td data-title="Colonna 4">Dato 5</td>
						<td data-title="Colonna 5">Dato 5</td>
						<td data-title="Colonna 6">Dato 5</td>
						<td data-title="Colonna 7">Dato 5</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>`}function ta(){return`<div class="tabella table-responsive inail-table">
	<h4 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h4>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">
	<span class="">Link</span>
	<span class="fa fa-chevron-right"></span>
	</a>
	<div class="col-xs-12 caption noPaddingLeft marginBottom">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.</div>
	<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">Colonna 1</span>
				</th>
				<th>
					<span class="thLabel">Colonna 2</span>
				</th>
				<th>
					<span class="thLabel">Colonna 3</span>
				</th>
				<th>
					<span class="thLabel">Colonna 4</span>
				</th>
				<th></th>
			</tr>
		</thead>
		<tbody >
			<tr>
				<td colspan="5">
					<span class="no_table_record">Nessun risultato da mostrare</span>
				</td>
			</tr>
		</tbody>
	</table>
</div>`}function oa(){return`<div class="tabella table-responsive inail-table">
	<h4 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h4>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">
	<span class="">Link</span>
	<span class="fa fa-chevron-right"></span>
	</a>
	<div class="col-xs-12 caption noPaddingLeft marginBottom">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.</div>
	<table id="tabella-1" class="table display">
		<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>#</th>
				<th>Colonna 2</th>
				<th>Colonna 3</th>
				<th>Colonna 4</th>
				<th>Azioni</th>
			</tr>
		</thead>
		<tbody >
			<tr>
				<td>1</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>2</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>3</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>4</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>5</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>6</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>7</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>8</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>9</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>10</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>11</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>12</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>13</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>14</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>15</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>16</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>17</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>18</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento"> 
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
			<tr>
				<td>19</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button type="button" class="col-xs-4 noPadding" data-toggle="tooltip" data-original-title="Modifica elemento" aria-label="Modifica elemento">
						<span class="fa fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento" aria-label="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
		</tbody>
	</table>
</div>`}function ea(){return`<div class="tabella table-responsive inail-table">
	<h4 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h4>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">
	<span class="">Link</span>
	<span class="fa fa-chevron-right"></span>
	</a>
<div class="col-xs-12 caption noPaddingLeft marginBottom">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.</div>
	<table id="tabella-2" class="table accordionTab display">
		<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>#</th>
				<th>Colonna 2</th>
				<th>Colonna 3</th>
				<th>Dettaglio</th>
			</tr>
		</thead>
		<tbody role="tablist" aria-multiselectable="true">
			<tr id="headingOne">
				<td>1</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
				<span tabindex="0" role="button" aria-label="Informazioni sulla riga" class="warning btn-link" data-trigger="focus" data-toggle="popover" data-placement="left" data-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." data-original-title="" title="Spiegazione del warning">
						<span class="fa fa-exclamation-triangle" title="Spiegazione del warning"></span>
					</span>
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="tabIndex-input col-xs-3 fa fa-angle-down details-control ml-4 mt-1" aria-expanded="false"></button>
				</td>
			</tr>
			<tr>
				<td>2</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
				<span tabindex="0" role="button" aria-label="Informazioni sulla riga" class="warning btn-link" data-trigger="focus" data-toggle="popover" data-placement="left" data-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." data-original-title="" title="Spiegazione del warning">
						<span class="fa fa-exclamation-triangle" title="Spiegazione del warning"></span>
					</span>
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="tabIndex-input col-xs-3 fa fa-angle-down details-control ml-4 mt-1" aria-expanded="false"></button>
				</td>
			</tr>
			<tr>
				<td>3</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
				<span tabindex="0" role="button" aria-label="Informazioni sulla riga" class="warning btn-link" data-trigger="focus" data-toggle="popover" data-placement="left" data-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." data-original-title="" title="Spiegazione del warning">
						<span class="fa fa-exclamation-triangle" title="Spiegazione del warning"></span>
					</span>
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="tabIndex-input col-xs-3 fa fa-angle-down details-control ml-4 mt-1" aria-expanded="false"></button>
				</td>
			</tr>
			<tr>
				<td>4</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<span tabindex="0" role="button" aria-label="Informazioni sulla riga" class="warning btn-link inail-hidden" data-trigger="focus" data-toggle="popover" data-placement="left" data-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." data-original-title="" title="Spiegazione del warning">
						<span class="fa fa-exclamation-triangle" title="Spiegazione del warning"></span>
					</span>
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="tabIndex-input col-xs-3 fa fa-angle-down details-control ml-4 mt-1" aria-expanded="false"></button>
				</td>
			</tr>
			<tr>
				<td>5</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<span tabindex="0" role="button" aria-label="Informazioni sulla riga" class="warning btn-link inail-hidden" data-trigger="focus" data-toggle="popover" data-placement="left" data-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." data-original-title="" title="Spiegazione del warning">
						<span class="fa fa-exclamation-triangle" title="Spiegazione del warning"></span>
					</span>
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="tabIndex-input col-xs-3 fa fa-angle-down details-control ml-4 mt-1"></button>
				</td>
			</tr>
			<tr>
				<td>6</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
				<span tabindex="0" role="button" aria-label="Informazioni sulla riga" class="warning btn-link" data-trigger="focus" data-toggle="popover" data-placement="left" data-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." data-original-title="" title="Spiegazione del warning">
						<span class="fa fa-exclamation-triangle" title="Spiegazione del warning"></span>
					</span>
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="tabIndex-input col-xs-3 fa fa-angle-down details-control ml-4 mt-1" aria-expanded="false"></button>
				</td>
			</tr>
			<tr>
				<td>7</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
				<span tabindex="0" role="button" aria-label="Informazioni sulla riga" class="warning btn-link" data-trigger="focus" data-toggle="popover" data-placement="left" data-content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." data-original-title="" title="Spiegazione del warning">
						<span class="fa fa-exclamation-triangle" title="Spiegazione del warning"></span>
					</span>
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="tabIndex-input col-xs-3 fa fa-angle-down details-control ml-4 mt-1" aria-expanded="false"></button>
				</td>
			</tr>
		</tbody>
	</table>
</div>`}function la(){return`<div class="tabella table-responsive inail-table">
	<h4 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h4>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">
	<span class="">Link</span>
	<span class="fa fa-chevron-right"></span>
	</a>
		<div class="col-xs-12 caption noPaddingLeft">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.</div>
	<table id="tabella-3" class="table display">
		<caption class=" sr-only marginBottom"> </caption>
		<thead>
			<tr>
				<th class="col-md-1 thCheckAll" aria-label="Seleziona">
					<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona tutti">
						<input type="checkbox" id="check_all" class="custom-checkbox">
						<label for="check_all">
							<span class="custom-checkbox-background">
								<i class="fa inail-checkbox-icon"></i>
							</span>
							<span class="sr-only">Seleziona/Deseleziona tutti</span>
						</label>
						</span>
					</div>
				</th>
					<th class="col-md-3">#</th>
					<th class="col-md-4">Colonna 3</th>
					<th class="col-md-4">Colonna 4</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<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 class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
						<td>1</td>
						<td>Lorem ipsum</td>
						<td>Lorem ipsum</td>
					</tr>
					<tr>
						<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<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 class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
							<td>2</td>
							<td>Lorem ipsum</td>
							<td>Lorem ipsum</td>
						</tr>
						<tr>
							<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<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 class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
								<td>3</td>
								<td>Lorem ipsum</td>
								<td>Lorem ipsum</td>
							</tr>
							<tr>
								<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<input type="checkbox" id="check-4" class="custom-checkbox option-checkbox">
						<label for="check-4">
							<span class="custom-checkbox-background">
								<i class="fa inail-checkbox-icon"></i>
							</span>
							<span class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
									<td>4</td>
									<td>Lorem ipsum</td>
									<td>Lorem ipsum</td>
								</tr>
								<tr>
									<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<input type="checkbox" id="check-5" class="custom-checkbox option-checkbox">
						<label for="check-5">
							<span class="custom-checkbox-background">
								<i class="fa inail-checkbox-icon"></i>
							</span>
							<span class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
										<td>5</td>
										<td>Lorem ipsum</td>
										<td>Lorem ipsum</td>
									</tr>
									<tr>
										<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<input type="checkbox" id="check-6" class="custom-checkbox option-checkbox">
						<label for="check-6">
							<span class="custom-checkbox-background">
								<i class="fa inail-checkbox-icon"></i>
							</span>
							<span class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
											<td>6</td>
											<td>Lorem ipsum</td>
											<td>Lorem ipsum</td>
										</tr>
										<tr>
											<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<input type="checkbox" id="check-7" class="custom-checkbox option-checkbox">
						<label for="check-7">
							<span class="custom-checkbox-background">
								<i class="fa inail-checkbox-icon"></i>
							</span>
							<span class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
												<td>7</td>
												<td>Lorem ipsum</td>
												<td>Lorem ipsum</td>
											</tr>
											<tr>
												<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<input type="checkbox" id="check-8" class="custom-checkbox option-checkbox">
						<label for="check-8">
							<span class="custom-checkbox-background">
								<i class="fa inail-checkbox-icon"></i>
							</span>
							<span class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
													<td>8</td>
													<td>Lorem ipsum</td>
													<td>Lorem ipsum</td>
												</tr>
												<tr>
													<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<input type="checkbox" id="check-9" class="custom-checkbox option-checkbox">
						<label for="check-9">
							<span class="custom-checkbox-background">
								<i class="fa inail-checkbox-icon"></i>
							</span>
							<span class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
														<td>9</td>
														<td>Lorem ipsum</td>
														<td>Lorem ipsum</td>
													</tr>
													<tr>
														<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<input type="checkbox" id="check-10" class="custom-checkbox option-checkbox">
						<label for="check-10">
							<span class="custom-checkbox-background">
								<i class="fa inail-checkbox-icon"></i>
							</span>
							<span class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
															<td>10</td>
															<td>Lorem ipsum</td>
															<td>Lorem ipsum</td>
														</tr>
														<tr>
															<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<input type="checkbox" id="check-11" class="custom-checkbox option-checkbox">
						<label for="check-11">
							<span class="custom-checkbox-background">
								<i class="fa inail-checkbox-icon"></i>
							</span>
							<span class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
																<td>11</td>
																<td>Lorem ipsum</td>
																<td>Lorem ipsum</td>
															</tr>
															<tr>
																<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<input type="checkbox" id="check-12" class="custom-checkbox option-checkbox">
						<label for="check-12">
							<span class="custom-checkbox-background">
								<i class="fa inail-checkbox-icon"></i>
							</span>
							<span class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
																	<td>12</td>
																	<td>Lorem ipsum</td>
																	<td>Lorem ipsum</td>
																</tr>
															</tbody>
														</table>
														<div class="table-footer-action">
															<button type="submit" class="pull-right inail-button inail-button-primary">Bottone</button>
														</div>
													</div>`}function ia(){return`<div class="tabella table-responsive inail-table">
	<h4 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h4>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">
	<span class="">Link</span>
	<span class="fa fa-chevron-right"></span>
	</a>
		<div class="col-xs-12 caption noPaddingLeft marginBottom">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.</div>
	<form class="row" id="tab-form-1">
		<table class="table dataTable col-xs-12" id="download-tab-id">
			<caption class="sr-only">Inserire descrizione dei dati della tabella</caption>
			<thead>
				<tr>
					<th scope="col" class="col-xs-5">
						<span class="thLabel">Colonna 1</span>
					</th>
					<th scope="col" class="col-xs-6">
						<span class="thLabel">Colonna 2</span>
					</th>
					<th scope="col" class="col-xs-1">
						<span class="thLabel">Azioni</span>
					</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>Lorem ipsum</td>
					<td>Lorem ipsum</td>
					<td class="td-icons">
						<button type="button" data-toggle="tooltip" data-original-title="Scarica elemento" aria-label="Scarica elemento">
							<span class="fa fa-download"></span>
						</button>
					</td>
				</tr>
				<tr>
					<td>Lorem ipsum</td>
					<td>Lorem ipsum</td>
					<td class="td-icons">
						<button type="button" data-toggle="tooltip" data-original-title="Scarica elemento" aria-label="Scarica elemento">
							<span class="fa fa-download"></span>
						</button>
					</td>
				</tr>
				<tr>
					<td>Lorem ipsum</td>
					<td>Lorem ipsum</td>
					<td class="td-icons">
						<button type="button" data-toggle="tooltip" data-original-title="Scarica elemento" aria-label="Scarica elemento">
							<span class="fa fa-download"></span>
						</button>
					</td>
				</tr>
			</tbody>
		</table>
		<div class=" col-xs-12 baseFooter">
			<p>Lorem ipsum dolor sit amet 
				<a href="#1" class="inail-button-link p-0 m-0">scarica</a>
			</p>
		</div>
	</form>
</div>`}function sa(){return`<div class="notifiche-tab tabella table-responsive inail-table">
	<h4 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h4>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">
	<span class="">Link</span>
	<span class="fa fa-chevron-right"></span>
	</a>
		<div class="col-xs-12 caption noPaddingLeft marginBottom">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.</div>
	<table id="tabella-notifica" class="table">
		<caption class="sr-only">Inserire descrizione tabella qui</caption>
		<thead>
			<tr>
				<th scope="col" class="col-md-3">
					<span class="thLabel">Colonna 1</span>
				</th>
				<th scope="col" class="col-md-2">
					<span class="thLabel">Colonna 2</span>
				</th>
				<th scope="col" class="col-md-3">
					<span class="thLabel">Colonna 3</span>
				</th>
				<th scope="col" class="col-md-2">
					<span class="thLabel">Colonna 4</span>
				</th>
				<th scope="col" class="col-md-2">
					<span class="thLabel">Notifiche</span>
				</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<span class="iconaNotifica" data-toggle="modal" data-target="#modale-1">
						<a href="javascript:void(0)"  class="far fa-file-alt icon-wrapper" data-toggle="tooltip" data-original-title="Notifiche - 1 notifica">
						 <span class="sr-only">Notifiche - 1 notifica</span>	
						<span class="badge" aria-hidden="true">1</span>
						</a>
					</span>
					<span class="iconaNotifica" data-toggle="modal" data-target="#modale-2">
						<a href="javascript:void(0)" data-toggle="tooltip" data-original-title="Pagamenti - 2 notifiche" class="fas fa-euro-sign icon-wrapper">
						<span class="sr-only">Pagamenti - 2 notifiche class="fas fa-euro-sign icon-wrapper</span>	
						<span class="badge" aria-hidden="true">2</span>
						</a>
					</span>
				</td>
			</tr>
			<tr>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<span class="iconaNotifica" data-toggle="modal" data-target="#modale-1">
						<a href="javascript:void(0)"  class="far fa-file-alt icon-wrapper" data-toggle="tooltip" data-original-title="Notifiche - 1 notifica">
						 <span class="sr-only">Notifiche - 1 notifica</span>
							<span class="badge" aria-hidden="true">1</span>
						</a>
					</span>
					<span class="iconaNotifica" data-toggle="modal" data-target="#modale-2">
						<a href="javascript:void(0)" data-toggle="tooltip" data-original-title="Pagamenti - 2 notifiche" class="fas fa-euro-sign icon-wrapper">
						 <span class="sr-only">Pagamenti - 2 notifiche class="fas fa-euro-sign icon-wrapper</span>	
						<span class="badge" aria-hidden="true">2</span>
						</a>
					</span>
				</td>
			</tr>
			<tr>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<span class="iconaNotifica">
						<a class="far fa-file-alt icon-wrapper pr-4" href="javascript:void(0)" data-toggle="tooltip" data-original-title="Notifiche - 0 Notifiche">
						 <span class="sr-only">Notifiche - 0 Notifiche</span>	
						<span class="badge" aria-hidden="true" style="display:none">0</span>
						</a>
					</span>
					<span class="iconaNotifica">
						<a href="javascript:void(0)" data-toggle="tooltip" data-original-title="Pagamenti - 0 Notifiche" class="fas fa-euro-sign icon-wrapper pr-4">
						 <span class="sr-only">Pagamenti - 0 Notifiche</span>	
						<span class="badge" aria-hidden="true" style="display:none">0</span>
						</a>
					</span>
				</td>
			</tr>
		</tbody>
	</table>
	<!-- Modale 1-->
	<div class="modal fade inail-modale inail-modal-table" role="dialog" id="modale-1" tabindex="-1" aria-labelledby="modale-1">
		<div class="vertical-alignment-helper">
      <div class="modal-dialog  modal-dialog-centered">
         <div class="modal-content">
            <div class="modal-header">
					<h4 class="inail-title-h4 pull-left">Titolo modale con form</h4>
					<button type="button" class="close pull-right" data-dismiss="modal" aria-label="Chiudi finestra di dialogo">
						<span aria-hidden="true"><i class="fa-solid fa-xmark"></i></span>
					</button>
			</div>
            <div class="modal-body">
               <div class="tabella">
                  <table class="table1">
                     <caption class="sr-only">Inserire descrizione tabella qui</caption>
                     <thead>
                        <tr>
                           <th scope="col" class="col-md-3"><span class="thLabel">Colonna 1</span></th>
                           <th scope="col" class="col-md-3"><span class="thLabel">Colonna 2</span></th>
                           <th scope="col" class="col-md-3"><span class="thLabel">Colonna 3</span></th>
                        </tr>
                     </thead>
                     <tbody >
                        <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
                        <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
                        <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
						 <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
                        <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
                        <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
						 <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
						
                     </tbody>
                  </table>
               </div>
            </div>
            <div class="modal-footer">
               <button class="inail-button inail-button-primary pull-right">Bottone </button>
            </div>
         </div>
      </div>
   </div>
	</div>
	<!-- Modale 2 -->
	<div class="modal fade inail-modale inail-modal-table" role="dialog" id="modale-2" tabindex="-1" aria-labelledby="modale-2">
		<div class="vertical-alignment-helper">
      <div class="modal-dialog  modal-dialog-centered">
         <div class="modal-content">
            <div class="modal-header">
					<h4 class="inail-title-h4 pull-left">Titolo modale con form</h4>
					<button type="button" class="close pull-right" data-dismiss="modal" aria-label="Chiudi finestra di dialogo">
						<span aria-hidden="true"><i class="fa-solid fa-xmark"></i></span>
					</button>
			</div>
            <div class="modal-body">
               <div class="tabella">
                  <table class="table1">
                     <caption class="sr-only">Inserire descrizione tabella qui</caption>
                     <thead>
                        <tr>
                           <th scope="col" class="col-md-3"><span class="thLabel">Colonna 1</span></th>
                           <th scope="col" class="col-md-3"><span class="thLabel">Colonna 2</span></th>
                           <th scope="col" class="col-md-3"><span class="thLabel">Colonna 3</span></th>
                        </tr>
                     </thead>
                     <tbody >
                        <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
                        <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
                        <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
						 <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
                        <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
                        <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
						 <tr>
                           <td>Dato 1</td>
                           <td>Dato 2</td>
                           <td>Dato 3</td>
                        </tr>
						
                     </tbody>
                  </table>
               </div>
            </div>
            <div class="modal-footer">
               <button class="inail-button inail-button-primary pull-right">Bottone </button>
            </div>
         </div>
      </div>
   </div>
</div>`}function na(){return`<div class="status-tab tabella table-responsive inail-table">
	<h4 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h4>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">
	<span class="">Link</span>
	<span class="fa fa-chevron-right"></span>
	</a>
		<div class="col-xs-12 caption noPaddingLeft marginBottom">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.</div>
	<table id="tab-status" class="table accordionTab display dataTable marginTop">
		<caption class="sr-only">Inserire descrizione dei dati della tabella</caption>
		<thead>
			<tr>
				<th scope="col" class="col-xs-6">Colonna 1</th>
				<th scope="col" class="col-xs-2">Colonna 2</th>
				<th scope="col" class="col-xs-2">Colonna 3</th>
				<th scope="col" class="col-xs-2">Dettaglio</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td class="col-xs-6">Lorem ipsum</td>
				<td class="col-xs-2">Lorem ipsum</td>
				<td class="col-xs-2">Dato 1
               
					 <span class="progress" aria-labelledby="progress-label">
    <span
      class="progress-bar progress-bar-100"
      role="progressbar"
      aria-valuenow="100"
      aria-valuemin="0"
      aria-valuemax="100"
      aria-valuetext="Stato avanzamento: 100%"
      style="width:100%"
      title="Stato avanzamento: 100%"
    >
    </span>
  </span>
				</td>
				<td class="col-xs-2">
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="col-xs-6 tabIndex-input fa fa-angle-down details-control" aria-expanded="false"></button>
				</td>
			</tr>
			<tr>
				<td class="col-xs-6">Lorem ipsum</td>
				<td class="col-xs-2">Lorem ipsum</td>
				<td class="col-xs-2">Dato 2
					 <span class="progress" aria-labelledby="progress-label">
                    <span
      				class="progress-bar"
					role="progressbar"
					aria-valuenow="75"
					aria-valuemin="0"
					aria-valuemax="100"
					aria-valuetext="Stato avanzamento: 75%"
					style="width:75%"
					title="Stato avanzamento: 75%"
    				>
    </span>
  </span>
				</td>
				<td class="col-xs-2">
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="col-xs-6 tabIndex-input fa fa-angle-down details-control" aria-expanded="false"></button>
				</td>
			</tr>
			<tr>
				<td class="col-xs-6">Lorem ipsum</td>
				<td class="col-xs-2">Lorem ipsum</td>
				<td class="col-xs-2">Dato 3
               
					 <span class="progress" aria-labelledby="progress-label">
                    <span
      				class="progress-bar"
					role="progressbar"
					aria-valuenow="75"
					aria-valuemin="0"
					aria-valuemax="100"
					aria-valuetext="Stato avanzamento: 75%"
					style="width:75%"
					title="Stato avanzamento: 75%"
    				>
    </span>
  </span>
				</td>
				<td class="col-xs-2">
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="col-xs-6 tabIndex-input fa fa-angle-down details-control" aria-expanded="false"></button>
				</td>
			</tr>
			<tr>
				<td class="col-xs-6">Lorem ipsum</td>
				<td class="col-xs-2">Lorem ipsum</td>
				<td class="col-xs-2">Dato 4
               
					 <span class="progress" aria-labelledby="progress-label">
                    <span
      				class="progress-bar progress-bar-25"
					role="progressbar"
					aria-valuenow="25"
					aria-valuemin="0"
					aria-valuemax="100"
					aria-valuetext="Stato avanzamento: 25%"
					style="width:25%"
					title="Stato avanzamento: 25%"
    				>
    </span>
  </span>
				</td>
				<td class="col-xs-2">
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="col-xs-6 tabIndex-input fa fa-angle-down details-control" aria-expanded="false"></button>
				</td>
			</tr>
			<tr>
				<td class="col-xs-6">Lorem ipsum</td>
				<td class="col-xs-2">Lorem ipsum</td>
				<td class="col-xs-2">Dato 5
               
					 <span class="progress" aria-labelledby="progress-label">
                    <span
      				class="progress-bar progress-bar-50"
					role="progressbar"
					aria-valuenow="50"
					aria-valuemin="0"
					aria-valuemax="100"
					aria-valuetext="Stato avanzamento: 50%"
					style="width:50%"
					title="Stato avanzamento: 50%"
    				>
    </span>
  </span>
				</td>
				<td class="col-xs-2">
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="col-xs-6 tabIndex-input fa fa-angle-down details-control" aria-expanded="false"></button>
				</td>
			</tr>
			<tr>
				<td class="col-xs-6">Lorem ipsum</td>
				<td class="col-xs-2">Lorem ipsum</td>
				<td class="col-xs-2">Dato 6
               
					 <span class="progress" aria-labelledby="progress-label">
                    <span
      				class="progress-bar progress-bar-100"
					role="progressbar"
					aria-valuenow="100"
					aria-valuemin="0"
					aria-valuemax="100"
					aria-valuetext="Stato avanzamento: 100%"
					style="width:100%"
					title="Stato avanzamento: 100%"
    				>
    </span>
  </span>
				</td>
				<td class="col-xs-2">
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="col-xs-6 tabIndex-input fa fa-angle-down details-control" aria-expanded="false"></button>
				</td>
			</tr>
			<tr>
				<td class="col-xs-6">Lorem ipsum</td>
				<td class="col-xs-2">Lorem ipsum</td>
				<td class="col-xs-2">Dato 7
               
					 <span class="progress" aria-labelledby="progress-label">
                    <span
      				class="progress-bar progress-bar-50"
					role="progressbar"
					aria-valuenow="50"
					aria-valuemin="0"
					aria-valuemax="100"
					aria-valuetext="Stato avanzamento: 50%"
					style="width:50%"
					title="Stato avanzamento: 50%"
    				>
    </span>
  </span>
				</td>
				<td class="col-xs-2">
					<button aria-label="Espandi/riduci riga" data-toggle="tooltip" data-original-title="Apri dettagli" class="col-xs-6 tabIndex-input fa fa-angle-down details-control" aria-expanded="false"></button>
				</td>
			</tr>
		</tbody>
	</table>
</div>`}function da(){return`
	<div class="inail-table tabella">
	<h4 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h4>
	<div class="col-xs-12 caption noPaddingLeft marginBottom">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.</div>
<table id="tab-radio-button" class="table display">
	<caption class="sr-only">Inserire descrizione dei dati della tabella</caption>
	<thead>
		<tr>
			<th scope="col" class="col-xs-2">Seleziona</th>
			<th scope="col" class="col-xs-3">Colonna 1</th>
			<th scope="col" class="col-xs-3">
				<span>Colonna 2</span>
			</th>
			<th scope="col" class="col-xs-4">
				<span>Colonna 3</span>
			</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td class="col-xs-2">
					 <div class="inail-custom-radio-group">
    <label class="inail-radio-button">
      <input type="radio" name="radio-group" class="inail-radio-input">
      <div class="inail-radio-background"  data-toggle="tooltip" data-original-title="Seleziona">
        <div class="inail-radio-inner-circle"></div>
      </div>
	  <span class="sr-only">Seleziona riga 1</span>
    </label>
				</td>
				<td class="col-xs-3">Lorem ipsum</td>
				<td class="col-xs-3">Lorem ipsum</td>
				<td class="col-xs-4">Lorem ipsum</td>
			</tr>
			<tr>
				<td class="col-xs-2">
					 <div class="inail-custom-radio-group">
    <label class="inail-radio-button">
      <input type="radio" name="radio-group" class="inail-radio-input">
      <div class="inail-radio-background" data-toggle="tooltip" data-original-title="Seleziona">
        <div class="inail-radio-inner-circle"></div>
      </div>
	    <span class="sr-only">Seleziona riga 2</span>
    </label>
					</td>
					<td class="col-xs-3">Lorem ipsum</td>
					<td class="col-xs-3">Lorem ipsum</td>
					<td class="col-xs-4">Lorem ipsum</td>
				</tr>
				<tr>
					<td class="col-xs-2">
						 <div class="inail-custom-radio-group">
    <label class="inail-radio-button">
      <input type="radio" name="radio-group" class="inail-radio-input">
      <div class="inail-radio-background" data-toggle="tooltip" data-original-title="Seleziona">
        <div class="inail-radio-inner-circle"></div>
      </div>
	    <span class="sr-only">Seleziona riga 3</span>
    </label>
						</td>
						<td class="col-xs-3">Lorem ipsum</td>
						<td class="col-xs-3">Lorem ipsum</td>
						<td class="col-xs-4">Lorem ipsum</td>
					</tr>
					<tr>
						<td class="col-xs-1">
							 <div class="inail-custom-radio-group">
    <label class="inail-radio-button">
      <input type="radio" name="radio-group" class="inail-radio-input">
      <div class="inail-radio-background" data-toggle="tooltip" data-original-title="Seleziona">
        <div class="inail-radio-inner-circle"></div>
      </div>
	    <span class="sr-only">Seleziona riga 4</span>
    </label>
							</td>
							<td class="col-xs-3">Lorem ipsum</td>
							<td class="col-xs-3">Lorem ipsum</td>
							<td class="col-xs-4">Lorem ipsum</td>
						</tr>
					</tbody>
				</table>
			</section>
			</div`}function ra(){return`<div class="tabella table-responsive inail-table">
	<h4 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h4>
	<div class="col-xs-12 caption noPaddingLeft marginBottom">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.</div>
	<table class="table display">
		<thead>
			<tr>
				<th class="col-sm-1 col-md-1"></th>
				<th class="col-sm-2 col-md-2">#</th>
				<th class="col-sm-3 col-md-3">Colonna 3</th>
				<th class="col-sm-2 col-md-2">Colonna 4</th>
				<th class="col-sm-3 col-md-3">Azioni</th>
				<th class="col-sm-1 col-md-1">Dettagli</th>
			</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td aria-hidden="false">
				<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<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 class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
				</td>
				<td>1</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				
				<td>
					<div class="d-flex align-items-center table-ctas">
						<button type="button" class="px-3 py-1 mr-2 bg-transparent border-0" data-toggle="tooltip" data-placement="top" title="Modifica" aria-label="Modifica">
							<i class="text-primary fas fa-pencil-alt"></i>
						</button>
						<button type="button" class="px-3 py-1 mr-2 bg-transparent border-0" data-toggle="tooltip" data-placement="top" title="Elimina" aria-label="Elimina">
							<i class="text-primary fas fa-trash-alt"></i>
						</button>
						<button type="button" class="px-3 py-1 mr-3 bg-transparent border-0" data-toggle="tooltip" data-placement="top" title="Invia" aria-label="Invia">
							<i class="text-primary fas fa-envelope"></i>
						</button>
							<div class="d-flex align-items-center">
							<div class="dropdown">
								<button type="button"
									class="bg-transparent border-0 dropdown-toggle p-0 inail-ac"
									data-toggle="tooltip"
									data-placement="top"
									title="Altre opzioni"
									aria-label="Altre azioni"
									id="dropdownButton">
									<i class="text-primary fas fa-ellipsis"></i>
								</button>
								<ul class="dropdown-menu inail-action-dropdown">
									<li>
										<button type="button" class="bg-transparent border-0 dropdown-item">
											<i class="text-primary fas fa-download"></i> Scarica
										</button>
									</li>
									<li>
										<button type="button" class="bg-transparent border-0 dropdown-item">
											<i class="text-primary fas fa-print"></i> Stampa
										</button>
									</li>
								</ul>
							</div>
						</div>
							</div>
					</div>
				</td>
				<td>
					<button type="button" class="btn-table-collapse p-0 bg-transparent border-0" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne" aria-label="Espandi/Riduci riga">
						<i class="fa fa-chevron-down"></i>
					</button>
				</td>
			</tr>
			<tr id="collapseOne" class="panel-collapse collapse" role="tabpanel">
				<td colspan="6">
					<p class="p-4">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. 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. 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.</div>
					</p>
				</td>
			</tr>
			<tr>
				<td aria-hidden="false">
					<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<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 class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
					</td>
					<td>2</td>
					<td>Dolor sittamet</td>
					<td>Dolor sittamet</td>
					<td>
						<div class="d-flex align-items-center table-ctas">
							<button type="button" class="px-3 py-1 mr-2 bg-transparent border-0" data-toggle="tooltip" data-placement="top" title="Modifica" aria-label="Modifica">
								<i class="text-primary fas fa-pencil-alt"></i>
							</button>
							<button type="button" class="px-3 py-1 mr-2 bg-transparent border-0" data-toggle="tooltip" data-placement="top" title="Elimina" aria-label="Elimina">
								<i class="text-primary fas fa-trash-alt"></i>
							</button>
							<button type="button" class="px-3 py-1 mr-3 bg-transparent border-0" data-toggle="tooltip" data-placement="top" title="Invia" aria-label="Invia">
								<i class="text-primary fas fa-envelope"></i>
							</button>
							<div class="d-flex align-items-center">
							<div class="dropdown">
								<button type="button"
									class="bg-transparent border-0 dropdown-toggle p-0 inail-ac"
									data-toggle="tooltip"
									data-placement="top"
									title="Altre opzioni"
									aria-label="Altre azioni"
									id="dropdownButton">
									<i class="text-primary fas fa-ellipsis"></i>
								</button>
								<ul class="dropdown-menu inail-action-dropdown">
									<li>
										<button type="button" class="bg-transparent border-0 dropdown-item">
											<i class="text-primary fas fa-download"></i> Scarica
										</button>
									</li>
									<li>
										<button type="button" class="bg-transparent border-0 dropdown-item">
											<i class="text-primary fas fa-print"></i> Stampa
										</button>
									</li>
								</ul>
							</div>
						</div>
							</div>
						</div>
					</td>
					<td>
						<button type="button" class="btn-table-collapse p-0 bg-transparent border-0" data-toggle="collapse" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" aria-label="Espandi/Riduci riga">
							<i class="fa fa-chevron-down"></i>
						</button>
					</td>
				</tr>
				<tr id="collapseTwo" class="panel-collapse collapse" role="tabpanel">
					<td colspan="6">
						<p class="p-4">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. 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. 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.</div>
						</p>
					</td>
				</tr>
			</tbody>
		</table>
	</div>`}function ca(){return`<div class="tabella table-responsive inail-table">
	<h4 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h4>
	<div class="col-xs-12 caption noPaddingLeft marginBottom">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.</div>
	<table class="table display custom-table">
		<div class="sr-only">Inserire descrizione tabella qui</div>
		<thead>
			<tr>
				<th class="col-md-1 thCheckAll no-sort" aria-label="Seleziona">
					<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona tutti">
						<input type="checkbox" id="check_all" class="custom-checkbox">
						<label for="check_all">
							<span class="custom-checkbox-background">
								<i class="fa inail-checkbox-icon"></i>
							</span>
							<span class="sr-only">Seleziona/Deseleziona tutti</span>
						</label>
						</span>
					</div>
					</th>
					<th class="col-md-3">#</th>
					<th class="col-md-4">Colonna 3</th>
					<th class="col-md-4">Colonna 4</th>
					<th class="no-sort">Azioni</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td aria-hidden="false">
						<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<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 class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
						</td>
						<td>1</td>
						<td>Dolor sittamet</td>
						<td>Dolor sittamet</td>
						<td>
							<div class="d-flex align-items-center">
								<button type="button" class="px-3 py-1 mr-2 bg-transparent border-0" data-toggle="tooltip" data-placement="top" title="Modifica" aria-label="Modifica">
									<i class="text-primary fas fa-pencil-alt"></i>
								</button>
								<button type="button" class="px-3 py-1 mr-2 bg-transparent border-0" data-toggle="tooltip" data-placement="top" title="Elimina" aria-label="Elimina">
									<i class="text-primary fas fa-trash-alt"></i>
								</button>
								<button type="button" class="px-3 py-1 mr-3 bg-transparent border-0" data-toggle="tooltip" data-placement="top" title="Invia" aria-label="Invia">
									<i class="text-primary fas fa-envelope"></i>
								</button>
							<div class="d-flex align-items-center">
							<div class="d-flex align-items-center">
							<div class="dropdown">
								<button type="button"
									class="bg-transparent border-0 dropdown-toggle p-0 inail-ac"
									data-toggle="tooltip"
									data-placement="top"
									title="Altre opzioni"
									aria-label="Altre azioni"
									id="dropdownButton">
									<i class="text-primary fas fa-ellipsis"></i>
								</button>
								<ul class="dropdown-menu inail-action-dropdown">
									<li>
										<button type="button" class="bg-transparent border-0 dropdown-item">
											<i class="text-primary fas fa-download"></i> Scarica
										</button>
									</li>
									<li>
										<button type="button" class="bg-transparent border-0 dropdown-item">
											<i class="text-primary fas fa-print"></i> Stampa
										</button>
									</li>
								</ul>
							</div>
						</div>
							</div>
							</div>
						</td>
					</tr>
					<tr>
						<td aria-hidden="false">
							<div class="custom-checkbox-container inail-checkbox">
						<span data-toggle="tooltip" data-original-title="Seleziona">
						<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 class="sr-only">Seleziona riga</span>
						</label>
						</span>
					</div>
							</td>
							<td>2</td>
							<td>Lorem ipsum</td>
							<td>Lorem ipsum</td>
							<td>
								<div class="d-flex align-items-center">
									<button type="button" class="px-3 py-1 mr-2 bg-transparent border-0" data-toggle="tooltip" data-placement="top" title="Modifica" aria-label="Modifica">
										<i class="text-primary fas fa-pencil-alt"></i>
									</button>
									<button type="button" class="px-3 py-1 mr-2 bg-transparent border-0" data-toggle="tooltip" data-placement="top" title="Elimina" aria-label="Elimina">
										<i class="text-primary fas fa-trash-alt"></i>
									</button>
									<button type="button" class="px-3 py-1 mr-3 bg-transparent border-0" data-toggle="tooltip" data-placement="top" title="Invia" aria-label="Invia">
										<i class="text-primary fas fa-envelope"></i>
									</button>
							<div class="d-flex align-items-center">
							<div class="d-flex align-items-center">
							<div class="dropdown">
								<button type="button"
									class="bg-transparent border-0 dropdown-toggle p-0 inail-ac"
									data-toggle="tooltip"
									data-placement="top"
									title="Altre opzioni"
									aria-label="Altre azioni"
									id="dropdownButton">
									<i class="text-primary fas fa-ellipsis"></i>
								</button>
								<ul class="dropdown-menu inail-action-dropdown">
									<li>
										<button type="button" class="bg-transparent border-0 dropdown-item">
											<i class="text-primary fas fa-download"></i> Scarica
										</button>
									</li>
									<li>
										<button type="button" class="bg-transparent border-0 dropdown-item">
											<i class="text-primary fas fa-print"></i> Stampa
										</button>
									</li>
								</ul>
							</div>
						</div>
							</div>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>`}const ua={title:"Componenti/Tabelle",parameters:{docs:{description:{component:Y},mdxPage:X,showCode:!0,showAccessibility:!0}},decorators:[(a,t)=>`<main id="contenutoPrincipale">${a()}</main>`]},e={name:"Tabella semplice",decorators:[(a,t)=>o(a,t,10,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!1)],render:a=>Z()},l={name:"Tabella semplice responsive alternativa",render:a=>aa()},i={name:"Tabella vuota",render:a=>ta()},s={name:"Tabella Uno",decorators:[(a,t)=>o(a,t,10,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!1)],render:a=>oa()},n={name:"Tabella con accordion",decorators:[(a,t)=>o(a,t,10,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js","static/js/main.js"],!1)],render:a=>ea()},d={name:"Tabella con checkbox",decorators:[(a,t)=>o(a,t,10,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!1)],render:a=>la()},r={name:"Tabella con elementi in download",decorators:[(a,t)=>o(a,t,10,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!1)],render:a=>ia()},c={name:"Tabella con icone e notifiche",decorators:[(a,t)=>o(a,t,10,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js","assets/js/custom-modal.js"],!1)],parameters:{docs:{story:{inline:!1,iframeHeight:500}}},render:a=>sa()},p={name:"Tabella con status",decorators:[(a,t)=>o(a,t,10,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!1)],render:a=>na()},m={name:"Tabella con radio button",decorators:[(a,t)=>o(a,t,10,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!1)],render:a=>da()},u={name:"Tabella con campi collassabili e CTA",decorators:[(a,t)=>o(a,t,10,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js","static-webkit/js/customTable.js","assets/js/custom-action-dropdown.js"],!1)],render:a=>ra()},b={name:"Tabella con colonne ordinabili e checkboxes",decorators:[(a,t)=>o(a,t,10,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js","static-webkit/js/customTable.js","assets/js/custom-action-dropdown.js"],!0)],render:a=>ca()};var g,h,f;e.parameters={...e.parameters,docs:{...(g=e.parameters)==null?void 0:g.docs,source:{originalSource:`{
  name: "Tabella semplice",
  decorators: [(story, context) => addDecorator(story, context, 10, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], false)],
  render: args => CreateSimpleTable()
}`,...(f=(h=e.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};var v,x,k;l.parameters={...l.parameters,docs:{...(v=l.parameters)==null?void 0:v.docs,source:{originalSource:`{
  name: "Tabella semplice responsive alternativa",
  render: args => CreateSimpleResponsiveAlternativeTable()
}`,...(k=(x=l.parameters)==null?void 0:x.docs)==null?void 0:k.source}}};var y,L,w;i.parameters={...i.parameters,docs:{...(y=i.parameters)==null?void 0:y.docs,source:{originalSource:`{
  name: "Tabella vuota",
  render: args => CreateEmptyTable()
}`,...(w=(L=i.parameters)==null?void 0:L.docs)==null?void 0:w.source}}};var z,D,T;s.parameters={...s.parameters,docs:{...(z=s.parameters)==null?void 0:z.docs,source:{originalSource:`{
  name: "Tabella Uno",
  decorators: [(story, context) => addDecorator(story, context, 10, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], false)],
  render: args => CreateTableOne()
}`,...(T=(D=s.parameters)==null?void 0:D.docs)==null?void 0:T.source}}};var C,S,j;n.parameters={...n.parameters,docs:{...(C=n.parameters)==null?void 0:C.docs,source:{originalSource:`{
  name: "Tabella con accordion",
  decorators: [(story, context) => addDecorator(story, context, 10, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js", "static/js/main.js"], false)],
  render: args => CreateAccordionTable()
}`,...(j=(S=n.parameters)==null?void 0:S.docs)==null?void 0:j.source}}};var E,R,P;d.parameters={...d.parameters,docs:{...(E=d.parameters)==null?void 0:E.docs,source:{originalSource:`{
  name: "Tabella con checkbox",
  decorators: [(story, context) => addDecorator(story, context, 10, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], false)],
  render: args => CreateTableCheckbox()
}`,...(P=(R=d.parameters)==null?void 0:R.docs)==null?void 0:P.source}}};var M,A,I;r.parameters={...r.parameters,docs:{...(M=r.parameters)==null?void 0:M.docs,source:{originalSource:`{
  name: "Tabella con elementi in download",
  decorators: [(story, context) => addDecorator(story, context, 10, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], false)],
  render: args => CreateTableWithDownload()
}`,...(I=(A=r.parameters)==null?void 0:A.docs)==null?void 0:I.source}}};var N,W,B;c.parameters={...c.parameters,docs:{...(N=c.parameters)==null?void 0:N.docs,source:{originalSource:`{
  name: "Tabella con icone e notifiche",
  decorators: [(story, context) => addDecorator(story, context, 10, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js", "assets/js/custom-modal.js"], false)],
  parameters: {
    docs: {
      story: {
        inline: false,
        iframeHeight: 500
      }
    }
  },
  render: args => CreateTableWithIconsNotify()
}`,...(B=(W=c.parameters)==null?void 0:W.docs)==null?void 0:B.source}}};var q,O,_;p.parameters={...p.parameters,docs:{...(q=p.parameters)==null?void 0:q.docs,source:{originalSource:`{
  name: "Tabella con status",
  decorators: [(story, context) => addDecorator(story, context, 10, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], false)],
  render: args => CreateTableWithStatus()
}`,...(_=(O=p.parameters)==null?void 0:O.docs)==null?void 0:_.source}}};var H,U,V;m.parameters={...m.parameters,docs:{...(H=m.parameters)==null?void 0:H.docs,source:{originalSource:`{
  name: "Tabella con radio button",
  decorators: [(story, context) => addDecorator(story, context, 10, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], false)],
  render: args => CreateTableWithRadio()
}`,...(V=(U=m.parameters)==null?void 0:U.docs)==null?void 0:V.source}}};var F,Q,$;u.parameters={...u.parameters,docs:{...(F=u.parameters)==null?void 0:F.docs,source:{originalSource:`{
  name: "Tabella con campi collassabili e CTA",
  decorators: [(story, context) => addDecorator(story, context, 10, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js", "static-webkit/js/customTable.js", "assets/js/custom-action-dropdown.js"], false)],
  render: args => CreateTableWithCollapse()
}`,...($=(Q=u.parameters)==null?void 0:Q.docs)==null?void 0:$.source}}};var G,J,K;b.parameters={...b.parameters,docs:{...(G=b.parameters)==null?void 0:G.docs,source:{originalSource:`{
  name: "Tabella con colonne ordinabili e checkboxes",
  decorators: [(story, context) => addDecorator(story, context, 10, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js", "static-webkit/js/customTable.js", "assets/js/custom-action-dropdown.js"], true)],
  render: args => CreateTableWithColumnsCheckbox()
}`,...(K=(J=b.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};const ba=["SimpleTable","AlternativeTable","EmptyTable","TableOne","AccordionTable","TableCheckbox","TableWithDownload","TableWithIconsNotify","TableWithStatus","TableWithRadio","TableWithCollapse","TableWithColumnsCheckbox"];export{n as AccordionTable,l as AlternativeTable,i as EmptyTable,e as SimpleTable,d as TableCheckbox,s as TableOne,u as TableWithCollapse,b as TableWithColumnsCheckbox,r as TableWithDownload,c as TableWithIconsNotify,m as TableWithRadio,p as TableWithStatus,ba as __namedExportsOrder,ua as default};
