import{b as e}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">
	<h3 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h3>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">Link</a>
	<table id="tabella-base" class="table display tabella-base">
		<caption class="marginBottom">Inserire descrizione tabella qui</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">
						<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">
						<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">
						<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">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
		</tbody>
	</table>
</div>`}function tt(){return`<div class="container">
	<div class="row">
		<div id="no-more-tables" class="tabella tabella-verticale table-responsive">
			<h3 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h3>
			<a href="#" class="col-xs-3 col-sm-2 linkDettagli pull-right">Link</a>
			<table class="table display tabella-base col-md-12">
				<caption class="marginBottom">Inserire descrizione tabella qui</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 at(){return`<div class="tabella table-responsive">
	<h3 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h3>
	<a href="#" class="col-xs-3 col-sm-2 linkDettagli pull-right">Link</a>
	<table id="tabella-base" class="table display tabella-base">
		<caption class="marginBottom">Inserire descrizione tabella qui</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 et(){return`<div class="tabella table-responsive">
	<h3 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h3>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">Link</a>
	<table id="tabella-1" class="table display">
		<caption class="marginBottom">Inserire descrizione tabella qui</caption>
		<thead>
			<tr>
				<th>Colonna 1</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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="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">
						<span class="fas fa-pencil-alt"></span>
					</button>
					<button type="button" class="col-xs-4" data-toggle="tooltip" data-original-title="Rimuovi elemento">
						<span class="fa fa-trash-alt"></span>
					</button>
				</td>
			</tr>
		</tbody>
	</table>
</div>`}function ot(){return`<div class="tabella table-responsive">
	<h3 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h3>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">Link</a>
	<div class="col-xs-12 caption noPaddingLeft">Inserire descrizione tabella qui</div>
	<table id="tabella-2" class="table accordionTab display">
		<caption class="sr-only">Inserire descrizione dei dati della tabella</caption>
		<thead>
			<tr>
				<th>Colonna 1</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">
					<button aria-label="Espandi/riduci riga" class="tabIndex-input col-xs-3 fa fa-angle-down details-control" aria-expanded="false"></button>
					<span tabindex="0" aria-label="Informazioni sulla riga" class="warning btn-link noPadding" 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>
				</td>
			</tr>
			<tr>
				<td>2</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button aria-label="Espandi/riduci riga" class="tabIndex-input col-xs-3 fa fa-angle-down details-control" aria-expanded="false"></button>
					<span tabindex="0" aria-label="Informazioni sulla riga" class="warning btn-link noPadding" 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>
				</td>
			</tr>
			<tr>
				<td>3</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button aria-label="Espandi/riduci riga" class="tabIndex-input col-xs-3 fa fa-angle-down details-control" aria-expanded="false"></button>
					<span tabindex="0" aria-label="Informazioni sulla riga" class="warning btn-link noPadding" 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>
				</td>
			</tr>
			<tr>
				<td>4</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<span class="noPadding"></span>
					<button aria-label="Espandi/riduci riga" class="tabIndex-input col-xs-3 fa fa-angle-down details-control" aria-expanded="false"></button>
				</td>
			</tr>
			<tr>
				<td>5</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<span class="noPadding"></span>
					<button aria-label="Espandi/riduci riga" class="tabIndex-input col-xs-3 fa fa-angle-down details-control"></button>
				</td>
			</tr>
			<tr>
				<td>6</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button aria-label="Espandi/riduci riga" class="tabIndex-input col-xs-3 fa fa-angle-down details-control" aria-expanded="false"></button>
					<span tabindex="0" aria-label="Informazioni sulla riga" class="warning btn-link noPadding" 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>
				</td>
			</tr>
			<tr>
				<td>7</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</td>
				<td class="td-icons">
					<button aria-label="Espandi/riduci riga" class="tabIndex-input col-xs-3 fa fa-angle-down details-control" aria-expanded="false"></button>
					<span tabindex="0" aria-label="Informazioni sulla riga" class="warning btn-link noPadding" 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>
				</td>
			</tr>
		</tbody>
	</table>
</div>`}function st(){return`<div class="tabella table-responsive">
	<h3 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h3>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">Link</a>
	<div class="col-xs-12 caption noPaddingLeft">Inserire descrizione tabella qui</div>
	<table id="tabella-3" class="table display">
		<caption class="sr-only">Inserire descrizione dei dati della tabella</caption>
		<thead>
			<tr>
				<th class="col-md-1 thCheckAll" aria-label="Seleziona">
					<label for="check_all">Seleziona</label>
					<input type="checkbox" id="check_all" aria-label="Seleziona tutte le righe">
					</th>
					<th class="col-md-3">Colonna 2</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">
						<input id="check_1" type="checkbox" class="checkMe primoCheck" title="Seleziona questa riga">
							<label for="check_1"></label>
						</td>
						<td>1</td>
						<td>Lorem ipsum</td>
						<td>Lorem ipsum</td>
					</tr>
					<tr>
						<td aria-hidden="false">
							<input id="check_2" type="checkbox" class="checkMe" title="Seleziona questa riga">
								<label for="check_2"></label>
							</td>
							<td>2</td>
							<td>Lorem ipsum</td>
							<td>Lorem ipsum</td>
						</tr>
						<tr>
							<td aria-hidden="false">
								<input id="check_3" type="checkbox" class="checkMe" title="Seleziona questa riga">
									<label for="check_3"></label>
								</td>
								<td>3</td>
								<td>Lorem ipsum</td>
								<td>Lorem ipsum</td>
							</tr>
							<tr>
								<td aria-hidden="false">
									<input id="check_19" type="checkbox" class="checkMe" title="Seleziona questa riga">
										<label for="check_19"></label>
									</td>
									<td>4</td>
									<td>Lorem ipsum</td>
									<td>Lorem ipsum</td>
								</tr>
								<tr>
									<td aria-hidden="false">
										<input id="check_20" type="checkbox" class="checkMe" title="Seleziona questa riga">
											<label for="check_20"></label>
										</td>
										<td>5</td>
										<td>Lorem ipsum</td>
										<td>Lorem ipsum</td>
									</tr>
									<tr>
										<td aria-hidden="false">
											<input id="check_21" type="checkbox" class="checkMe" title="Seleziona questa riga">
												<label for="check_21"></label>
											</td>
											<td>6</td>
											<td>Lorem ipsum</td>
											<td>Lorem ipsum</td>
										</tr>
										<tr>
											<td aria-hidden="false">
												<input id="check_31" type="checkbox" class="checkMe" title="Seleziona questa riga">
													<label for="check_31"></label>
												</td>
												<td>7</td>
												<td>Lorem ipsum</td>
												<td>Lorem ipsum</td>
											</tr>
											<tr>
												<td aria-hidden="false">
													<input id="check_32" type="checkbox" class="checkMe" title="Seleziona questa riga">
														<label for="check_32"></label>
													</td>
													<td>8</td>
													<td>Lorem ipsum</td>
													<td>Lorem ipsum</td>
												</tr>
												<tr>
													<td aria-hidden="false">
														<input id="check_33" type="checkbox" class="checkMe" title="Seleziona questa riga">
															<label for="check_33"></label>
														</td>
														<td>9</td>
														<td>Lorem ipsum</td>
														<td>Lorem ipsum</td>
													</tr>
													<tr>
														<td aria-hidden="false">
															<input id="check_34" type="checkbox" class="checkMe" title="Seleziona questa riga">
																<label for="check_34"></label>
															</td>
															<td>10</td>
															<td>Lorem ipsum</td>
															<td>Lorem ipsum</td>
														</tr>
														<tr>
															<td aria-hidden="false">
																<input id="check_35" type="checkbox" class="checkMe" title="Seleziona questa riga">
																	<label for="check_35"></label>
																</td>
																<td>11</td>
																<td>Lorem ipsum</td>
																<td>Lorem ipsum</td>
															</tr>
															<tr>
																<td aria-hidden="false">
																	<input id="check_45" type="checkbox" class="checkMe" title="Seleziona questa riga">
																		<label for="check_45"></label>
																	</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 btn btn-primary">Bottone</button>
														</div>
													</div>`}function lt(){return`<div class="download-tab form-grey tabella table-responsive">
	<h3 class="col-xs-9 col-sm-10 table-title pull-left">Titolo Tabella</h3>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">Link</a>
	<div class="col-xs-12 caption">Inserire descrizione tabella qui</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-3">
						<span class="thLabel">Colonna 1</span>
					</th>
					<th scope="col" class="col-xs-8">
						<span class="thLabel">Colonna 2</span>
					</th>
					<th scope="col" class="col-xs-1">
						<span class="thLabel">Download</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">
							<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">
							<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">
							<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">Scarica</a>
			</p>
		</div>
	</form>
</div>`}function it(){return`<div class="notifiche-tab tabella table-responsive">
	<h3 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h3>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">Link</a>
	<table id="tabella-notifica" class="table">
		<caption class="marginBottom">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 class="unreadMessage">
				<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="Visualizza notifiche - C'è una nuova notifica">
							<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="Visualizza pagamenti - Ci sono due nuove notifiche" class="fas fa-euro-sign icon-wrapper">
							<span class="badge" aria-hidden="true">2</span>
						</a>
					</span>
				</td>
			</tr>
			<tr class="unreadMessage">
				<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="Visualizza notifiche - C'è una nuova notifica">
							<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="Visualizza pagamenti - Ci sono due nuove notifiche" class="fas fa-euro-sign icon-wrapper">
							<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 style="cursor:default;padding-right:39px;" class="iconaNotifica">
						<a class="far fa-file-alt icon-wrapper" href="javascript:void(0)" data-toggle="tooltip" data-original-title="Visualizza notifiche - Non ci sono nuove notifiche">
							<span class="badge" aria-hidden="true" style="display:none">0</span>
						</a>
					</span>
					<span style="cursor:default" class="iconaNotifica">
						<a href="javascript:void(0)" data-toggle="tooltip" data-original-title="Visualizza pagamenti - Non ci sono nuove notifiche" class="fas fa-euro-sign icon-wrapper">
							<span class="badge" aria-hidden="true" style="display:none">0</span>
						</a>
					</span>
				</td>
			</tr>
		</tbody>
	</table>
	<!-- Modale 1-->
	<div class="modal fade" role="dialog" id="modale-1" tabindex="-1" aria-labelledby="titolo-idModalLista">
		<div class="vertical-alignment-helper">
			<div class="modal-dialog  modal-dialog-centered">
				<div class="modal-content">
					<div class="modal-header">
						<div class="modal-title" id="titolo-idModalLista">Titolo modale lista</div>
						<button type="button" class="close" data-dismiss="modal" aria-label="Chiudi finestra di dialogo">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body tabella">
						<table class="table-modal no-heading" title="Inserire descrizione qui">
							<caption class="sr-only">Inserire descrizione modale</caption>
							<thead>
								<tr>
									<th scope="col" class="col-md-6">Colonna 1</th>
									<th scope="col" class="col-md-6">Colonna 2</th>
								</tr>
							</thead>
							<tbody>
								<tr class="unreadMessage">
									<td>Lorem ipsum dolor</td>
									<td>Lorem ipsum dolor</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-link pull-right lowerText">
                  Link
                  </button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Modale 2 -->
	<div class="modal fade" role="dialog" id="modale-2" tabindex="-1" aria-labelledby="idTitoloTabella">
		<div class="vertical-alignment-helper">
			<div class="modal-dialog  modal-dialog-centered">
				<div class="modal-content">
					<div class="modal-header">
						<div class="modal-title" id="idTitoloTabella">Titolo modale tabella</div>
						<button type="button" class="close" data-dismiss="modal" aria-label="Chiudi finestra di dialogo">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body">
						<div class="tabella">
							<table class="tabella-base">
								<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 class="unreadMessage">
										<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 class="modal-footer">
							<button type="button" class="btn btn-link pull-right">
                     Link
                     </button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>`}function nt(){return`<div class="status-tab tabella table-responsive">
	<h3 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h3>
	<a href="#1" class="col-xs-3 col-sm-2 linkDettagli pull-right">Link</a>
	<div class="col-xs-12 caption marginBottom noPaddingLeft">Inserire descrizione tabella qui</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="sr-only" id="stato1">Stato avanzamento: 100%</span>
					<span class="progress" aria-describedby="stato1" aria-hidden="true">
						<span class="progress-bar progress-bar-100" role="progressbar" aria-valuenow="100"
                  aria-valuemin="0" aria-valuemax="100" style="width:100%" title="Stato avanzamento: 100%"></span>
					</span>
				</td>
				<td class="col-xs-2">
					<button title="Espandi/Riduci riga" 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="sr-only" id="stato2">Stato avanzamento: 75%</span>
					<span class="progress" aria-describedby="stato2" aria-hidden="true">
						<span class="progress-bar progress-bar-75" role="progressbar" aria-valuenow="75"
                  aria-valuemin="0" aria-valuemax="100" style="width:75%" title="Stato avanzamento: 75%"></span>
					</span>
				</td>
				<td class="col-xs-2">
					<button title="Espandi/Riduci riga" 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="sr-only" id="stato3">Stato avanzamento: 75%</span>
					<span class="progress" aria-describedby="stato3" aria-hidden="true">
						<span class="progress-bar progress-bar-75" role="progressbar" aria-valuenow="75"
                  aria-valuemin="0" aria-valuemax="100" style="width:75%" title="Stato avanzamento: 75%"></span>
					</span>
				</td>
				<td class="col-xs-2">
					<button title="Espandi/Riduci riga" 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="sr-only" id="stato4">Stato avanzamento: 25%</span>
					<span class="progress" aria-describedby="stato4" aria-hidden="true">
						<span class="progress-bar progress-bar-25" role="progressbar" aria-valuenow="25"
                  aria-valuemin="0" aria-valuemax="100" style="width:25%" title="Stato avanzamento: 15%"></span>
					</span>
				</td>
				<td class="col-xs-2">
					<button title="Espandi/Riduci riga" 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="sr-only" id="stato5">Stato avanzamento: 50%</span>
					<span class="progress" aria-describedby="stato5" aria-hidden="true">
						<span class="progress-bar progress-bar-50" role="progressbar" aria-valuenow="50"
                  aria-valuemin="0" aria-valuemax="100" style="width:50%" title="Stato avanzamento: 50%"></span>
					</span>
				</td>
				<td class="col-xs-2">
					<button title="Espandi/Riduci riga" 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="sr-only" id="stato6">Stato avanzamento: 100%</span>
					<span class="progress" aria-describedby="stato6" aria-hidden="true">
						<span class="progress-bar progress-bar-100" role="progressbar" aria-valuenow="100"
                  aria-valuemin="0" aria-valuemax="100" style="width:100%" title="Stato avanzamento: 100%"></span>
					</span>
				</td>
				<td class="col-xs-2">
					<button title="Espandi/Riduci riga" 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="sr-only" id="stato7">Stato avanzamento: 50%</span>
					<span class="progress" aria-describedby="stato7" aria-hidden="true">
						<span class="progress-bar progress-bar-50" role="progressbar" aria-valuenow="50"
                  aria-valuemin="0" aria-valuemax="100" style="width:50%" title="Stato avanzamento: 50%"></span>
					</span>
				</td>
				<td class="col-xs-2">
					<button title="Espandi/Riduci riga" class="col-xs-6 tabIndex-input fa fa-angle-down details-control" aria-expanded="false"></button>
				</td>
			</tr>
		</tbody>
	</table>
</div>`}function dt(){return`<h3 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h3>
<div class="col-xs-12 caption marginBottom noPaddingLeft">Inserire descrizione tabella qui</div>
<table id="tab-radio-button" class="table">
	<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="radio">
					<label for="input-radio-1">
						<input id="input-radio-1" type="radio" name="trRadio1" value="" title="Seleziona questa riga">
						</label>
					</div>
				</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="radio">
						<label for="input-radio-2">
							<input id="input-radio-2" type="radio" name="trRadio1" value="" title="Seleziona questa riga">
							</label>
						</div>
					</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="radio">
							<label for="input-radio-3">
								<input id="input-radio-3" type="radio" name="trRadio1" value="" title="Seleziona questa riga">
								</label>
							</div>
						</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="radio">
								<label for="input-radio-4">
									<input id="input-radio-4" type="radio" name="trRadio1" value="" title="Seleziona questa riga">
									</label>
								</div>
							</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>`}function rt(){return`<div class="tabella table-responsive">
	<h3 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h3>
	<div class="col-xs-12 caption marginBottom noPaddingLeft">Inserire descrizione tabella qui</div>
	<table class="table display">
		<thead>
			<tr>
				<th></th>
				<th class="col-md-3">Colonna 2</th>
				<th class="col-md-4">Colonna 3</th>
				<th class="col-md-4">Colonna 4</th>
				<th class="col-md-1"></th>
				<th></th>
			</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td aria-hidden="false">
				<input id="check_a1" type="checkbox" class="checkMe primoCheck" title="Seleziona questa riga">
					<label for="check_a1"></label>
				</td>
				<td>1</td>
				<td>Lorem ipsum</td>
				<td>Lorem ipsum</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>
				<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="left" title="Modifica Lorem Ipsum" aria-label="Modifica Lorem Ipsum">
							<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="left" title="Elimina Lorem Ipsum" aria-label="Elimina Lorem Ipsum">
							<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="left" title="Invia Lorem Ipsum" aria-label="Invia Lorem Ipsum">
							<i class="text-primary fas fa-envelope"></i>
						</button>
						<div class="dropdown drop-left">
							<button type="button" class="px-3 py-1 mr-2 bg-transparent border-0" data-placement="left" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Apri altre azioni">
								<i class="text-primary fas fa-ellipsis"></i>
							</button>
							<ul class="dropdown-menu">
								<li>
									<button type="button" class="px-3 py-1 mb-2 bg-transparent border-0" data-toggle="tooltip" data-placement="left" title="Scarica Lorem Ipsum" aria-label="Scarica Lorem Ipsum">
										<i class="text-primary fas fa-download"></i>
									</button>
								</li>
								<li>
									<button type="button" class="px-3 py-1 bg-transparent border-0" data-toggle="tooltip" data-placement="left" title="Stampa Lorem Ipsum" aria-label="Stampa Lorem Ipsum">
										<i class="text-primary fas fa-print"></i>
									</button>
								</li>
							</ul>
						</div>
					</div>
				</td>
			</tr>
			<tr id="collapseOne" class="panel-collapse collapse" role="tabpanel">
				<td colspan="6">
					<div class="p-4">Contenuto Collapse 1</div>
					<div class="expanded-row-ctas">
					</td>
				</td>
			</tr>
			<tr>
				<td aria-hidden="false">
					<input id="check_a2" type="checkbox" class="checkMe primoCheck" title="Seleziona questa riga">
						<label for="check_a2"></label>
					</td>
					<td>2</td>
					<td>Dolor sittamet</td>
					<td>Dolor sittamet</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>
					<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="left" title="Modifica Dolor sittamet" aria-label="Modifica Dolor sittamet">
								<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="left" title="Elimina Dolor sittamet" aria-label="Elimina Dolor sittamet">
								<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="left" title="Invia Dolor sittamet" aria-label="Invia Dolor sittamet">
								<i class="text-primary fas fa-envelope"></i>
							</button>
							<div class="dropdown drop-left">
								<button type="button" class="px-3 py-1 mr-2 bg-transparent border-0" data-placement="left" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Apri altre azioni">
									<i class="text-primary fas fa-ellipsis"></i>
								</button>
								<ul class="dropdown-menu">
									<li>
										<button type="button" class="px-3 py-1 mb-2 bg-transparent border-0" data-toggle="tooltip" data-placement="left" title="Scarica Dolor sittamet" aria-label="Scarica Dolor sittamet">
											<i class="text-primary fas fa-download"></i>
										</button>
									</li>
									<li>
										<button type="button" class="px-3 py-1 bg-transparent border-0" data-toggle="tooltip" data-placement="left" title="Stampa Dolor sittamet" aria-label="Stampa Dolor sittamet">
											<i class="text-primary fas fa-print"></i>
										</button>
									</li>
								</ul>
							</div>
						</div>
					</td>
				</tr>
				<tr id="collapseTwo" class="panel-collapse collapse" role="tabpanel">
					<td colspan="6">
						<div class="p-4">Contenuto Collapse 2</div>
						<div class="expanded-row-ctas">
						</td>
					</td>
				</tr>
			</tbody>
		</table>
	</div>`}function ct(){return`<div class="tabella table-responsive">
	<div class="col-xs-12 caption noPaddingLeft sr-only">Inserire descrizione tabella qui</div>
	<table class="table display custom-table">
		<h3 class="col-xs-9 col-sm-10 table-title pull-left noPaddingLeft">Titolo Tabella</h3>
		<div class="col-xs-12 caption marginBottom noPaddingLeft">Inserire descrizione tabella qui</div>
		<thead>
			<tr>
				<th class="col-md-1 thCheckAll no-sort" aria-label="Seleziona">
					<label for="check_all_2">Seleziona</label>
					<input type="checkbox" id="check_all_2" aria-label="Seleziona tutte le righe">
					</th>
					<th class="col-md-3">Colonna 2</th>
					<th class="col-md-4">Colonna 3</th>
					<th class="col-md-4">Colonna 4</th>
					<th class="no-sort"></th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td aria-hidden="false">
						<input id="check_b1" type="checkbox" class="checkMe primoCheck" title="Seleziona questa riga">
							<label for="check_b1"></label>
						</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="left" title="Modifica Dolor sittamet" aria-label="Modifica Dolor sittamet">
									<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="left" title="Elimina Dolor sittamet" aria-label="Elimina Dolor sittamet">
									<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="left" title="Invia Dolor sittamet" aria-label="Invia Dolor sittamet">
									<i class="text-primary fas fa-envelope"></i>
								</button>
								<div class="dropdown drop-left">
									<button type="button" class="px-3 py-1 mr-2 bg-transparent border-0" data-placement="left" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Apri altre azioni">
										<i class="text-primary fas fa-ellipsis"></i>
									</button>
									<ul class="dropdown-menu">
										<li>
											<button type="button" class="px-3 py-1 mb-2 bg-transparent border-0" data-toggle="tooltip" data-placement="left" title="Scarica Dolor sittamet" aria-label="Scarica Dolor sittamet">
												<i class="text-primary fas fa-download"></i>
											</button>
										</li>
										<li>
											<button type="button" class="px-3 py-1 bg-transparent border-0" data-toggle="tooltip" data-placement="left" title="Stampa Dolor sittamet" aria-label="Stampa Dolor sittamet">
												<i class="text-primary fas fa-print"></i>
											</button>
										</li>
									</ul>
								</div>
							</div>
						</td>
					</tr>
					<tr>
						<td aria-hidden="false">
							<input id="check_2" type="checkbox" class="checkMe primoCheck" title="Seleziona questa riga">
								<label for="check_2"></label>
							</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="left" title="Modifica Lorem ipsum" aria-label="Modifica Lorem ipsum">
										<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="left" title="Elimina Lorem ipsum" aria-label="Elimina Lorem ipsum">
										<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="left" title="Invia Lorem ipsum" aria-label="Invia Lorem ipsum">
										<i class="text-primary fas fa-envelope"></i>
									</button>
									<div class="dropdown drop-left">
										<button type="button" class="px-3 py-1 mr-2 bg-transparent border-0" data-placement="left" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Apri altre azioni">
											<i class="text-primary fas fa-ellipsis"></i>
										</button>
										<ul class="dropdown-menu">
											<li>
												<button type="button" class="px-3 py-1 mb-2 bg-transparent border-0" data-toggle="tooltip" data-placement="left" title="Scarica Lorem ipsum" aria-label="Scarica Lorem ipsum">
													<i class="text-primary fas fa-download"></i>
												</button>
											</li>
											<li>
												<button type="button" class="px-3 py-1 bg-transparent border-0" data-toggle="tooltip" data-placement="left" title="Stampa Lorem ipsum" aria-label="Stampa Lorem ipsum">
													<i class="text-primary fas fa-print"></i>
												</button>
											</li>
										</ul>
									</div>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>`}const mt={title:"Components/Griglie e strutture/Esempi strutture Tabelle",parameters:{docs:{description:{component:Y},mdxPage:X,showCode:!0,showAccessibility:!0}},decorators:[(t,a)=>`<main id="contenutoPrincipale">${t()}</main>`]},o={name:"Tabella semplice",decorators:[(t,a)=>e(t,a,4,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!0)],render:t=>Z()},s={name:"Tabella semplice responsive alternativa",render:t=>tt()},l={name:"Tabella vuota",render:t=>at()},i={name:"Tabella Uno",decorators:[(t,a)=>e(t,a,4,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!0)],render:t=>et()},n={name:"Tabella con accordion",decorators:[(t,a)=>e(t,a,4,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!0)],render:t=>ot()},d={name:"Tabella con checkbox",decorators:[(t,a)=>e(t,a,4,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!0)],render:t=>st()},r={name:"Tabella con elementi in download",decorators:[(t,a)=>e(t,a,4,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!0)],render:t=>lt()},c={name:"Tabella con icone e notifiche",decorators:[(t,a)=>e(t,a,4,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!0)],render:t=>it()},p={name:"Tabella con status",decorators:[(t,a)=>e(t,a,4,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!0)],render:t=>nt()},b={name:"Tabella con radio button",decorators:[(t,a)=>e(t,a,4,["static-webkit/js/custom-webkit.js","static-webkit/js/dataTablesEdit.js"],!0)],render:t=>dt()},m={name:"Tabella con campi collassabili e CTA",decorators:[(t,a)=>e(t,a,4,["static-webkit/js/custom-webkit.js","static-webkit/js/customTable.js"],!0)],render:t=>rt()},u={name:"Tabella con colonne ordinabili e checkboxes",decorators:[(t,a)=>e(t,a,4,["static-webkit/js/custom-webkit.js","static-webkit/js/customTable.js"],!0)],render:t=>ct()};var g,h,f;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{
  name: "Tabella semplice",
  decorators: [(story, context) => addDecorator(story, context, 4, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], true)],
  render: args => CreateSimpleTable()
}`,...(f=(h=o.parameters)==null?void 0:h.docs)==null?void 0:f.source}}};var x,y,v;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{
  name: "Tabella semplice responsive alternativa",
  render: args => CreateSimpleResponsiveAlternativeTable()
}`,...(v=(y=s.parameters)==null?void 0:y.docs)==null?void 0:v.source}}};var L,k,w;l.parameters={...l.parameters,docs:{...(L=l.parameters)==null?void 0:L.docs,source:{originalSource:`{
  name: "Tabella vuota",
  render: args => CreateEmptyTable()
}`,...(w=(k=l.parameters)==null?void 0:k.docs)==null?void 0:w.source}}};var C,T,z;i.parameters={...i.parameters,docs:{...(C=i.parameters)==null?void 0:C.docs,source:{originalSource:`{
  name: "Tabella Uno",
  decorators: [(story, context) => addDecorator(story, context, 4, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], true)],
  render: args => CreateTableOne()
}`,...(z=(T=i.parameters)==null?void 0:T.docs)==null?void 0:z.source}}};var D,S,j;n.parameters={...n.parameters,docs:{...(D=n.parameters)==null?void 0:D.docs,source:{originalSource:`{
  name: "Tabella con accordion",
  decorators: [(story, context) => addDecorator(story, context, 4, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], true)],
  render: args => CreateAccordionTable()
}`,...(j=(S=n.parameters)==null?void 0:S.docs)==null?void 0:j.source}}};var I,E,M;d.parameters={...d.parameters,docs:{...(I=d.parameters)==null?void 0:I.docs,source:{originalSource:`{
  name: "Tabella con checkbox",
  decorators: [(story, context) => addDecorator(story, context, 4, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], true)],
  render: args => CreateTableCheckbox()
}`,...(M=(E=d.parameters)==null?void 0:E.docs)==null?void 0:M.source}}};var P,q,R;r.parameters={...r.parameters,docs:{...(P=r.parameters)==null?void 0:P.docs,source:{originalSource:`{
  name: "Tabella con elementi in download",
  decorators: [(story, context) => addDecorator(story, context, 4, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], true)],
  render: args => CreateTableWithDownload()
}`,...(R=(q=r.parameters)==null?void 0:q.docs)==null?void 0:R.source}}};var _,A,W;c.parameters={...c.parameters,docs:{...(_=c.parameters)==null?void 0:_.docs,source:{originalSource:`{
  name: "Tabella con icone e notifiche",
  decorators: [(story, context) => addDecorator(story, context, 4, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], true)],
  render: args => CreateTableWithIconsNotify()
}`,...(W=(A=c.parameters)==null?void 0:A.docs)==null?void 0:W.source}}};var N,B,O;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`{
  name: "Tabella con status",
  decorators: [(story, context) => addDecorator(story, context, 4, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], true)],
  render: args => CreateTableWithStatus()
}`,...(O=(B=p.parameters)==null?void 0:B.docs)==null?void 0:O.source}}};var V,H,U;b.parameters={...b.parameters,docs:{...(V=b.parameters)==null?void 0:V.docs,source:{originalSource:`{
  name: "Tabella con radio button",
  decorators: [(story, context) => addDecorator(story, context, 4, ["static-webkit/js/custom-webkit.js", "static-webkit/js/dataTablesEdit.js"], true)],
  render: args => CreateTableWithRadio()
}`,...(U=(H=b.parameters)==null?void 0:H.docs)==null?void 0:U.source}}};var F,G,Q;m.parameters={...m.parameters,docs:{...(F=m.parameters)==null?void 0:F.docs,source:{originalSource:`{
  name: "Tabella con campi collassabili e CTA",
  decorators: [(story, context) => addDecorator(story, context, 4, ["static-webkit/js/custom-webkit.js",
  // "static-webkit/js/dataTablesEdit.js",
  "static-webkit/js/customTable.js"], true)],
  render: args => CreateTableWithCollapse()
}`,...(Q=(G=m.parameters)==null?void 0:G.docs)==null?void 0:Q.source}}};var $,J,K;u.parameters={...u.parameters,docs:{...($=u.parameters)==null?void 0:$.docs,source:{originalSource:`{
  name: "Tabella con colonne ordinabili e checkboxes",
  decorators: [(story, context) => addDecorator(story, context, 4, ["static-webkit/js/custom-webkit.js",
  // "static-webkit/js/dataTablesEdit.js",
  "static-webkit/js/customTable.js"], true)],
  render: args => CreateTableWithColumnsCheckbox()
}`,...(K=(J=u.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};const ut=["SimpleTable","AlternativeTable","EmptyTable","TableOne","AccordionTable","TableCheckbox","TableWithDownload","TableWithIconsNotify","TableWithStatus","TableWithRadio","TableWithCollapse","TableWithColumnsCheckbox"];export{n as AccordionTable,s as AlternativeTable,l as EmptyTable,o as SimpleTable,d as TableCheckbox,i as TableOne,m as TableWithCollapse,u as TableWithColumnsCheckbox,r as TableWithDownload,c as TableWithIconsNotify,b as TableWithRadio,p as TableWithStatus,ut as __namedExportsOrder,mt as default};
