import{m as l}from"./iframe-I4S6H_qo.js";import"./preload-helper-PPVm8Dsz.js";function n(e){return`
	  <fieldset class="row" aria-describedby="errorMessage">
	  <legend class="sr-only">Intervallo numerico</legend>
		<div class="col-sm-4 noPaddingLeft">
			<div class="form-group">
				<label class="control-label inail-label" for="label-from_1">${e.etichettaDa}</label>
				<input 
				data-input-type="number-interval-from"
					type="number"
					class="form-control inail-input" 
					id="label-from_1" 
					placeholder="Placeholder" 
					value="" 
				>
					 <span id="span-from" class="error-message"></span>
			</div>
		</div>
		<div class="col-sm-4 noPaddingLeft">
			<div class="form-group">
				<label class="control-label inail-label" for="label-TO_1">${e.etichettaA}</label>
				<input 
				data-input-type="number-interval-to"
				type="number"
					class="form-control inail-input" 
					id="label-TO_1" 
					placeholder="Placeholder" 
					value=""
				>
					<span id="span-to" class="error-message"></span>
			</div>
		</div>
		<div class="col-sm-12 noPaddingLeft">
		<span id="errorMessage" class="inail-span-error" role="alert" style="display:inline">
		</span>
		</div>
	</fieldset>
	`}function s(e){return`
	<fieldset class="row" aria-describedby="errorMessage">
	<legend class="sr-only">Intervallo numerico</legend>
		<div class="col-sm-4 noPaddingLeft">
		<div class="form-group">
		  <label class="control-label inail-label" for="label-from_2">${e.etichettaDa}</label>
		  <input type="number" class="form-control inail-input" data-input-type="number-interval-from" ${e.disabilitato?"disabled":""} inail-input" id="label-from_2" placeholder="Placeholder">
	   <span id="span-from" class="error-message"></span>
	  </div>
		</div>
	
		<div class="col-sm-4 noPaddingLeft">
		<div class="form-group">
		  <label class="control-label inail-label" for="label-TO_2">${e.etichettaA}</label>
		  <input type="number" class="form-control inail-input" data-input-type="number-interval-to" ${e.disabilitato?"disabled":""} inail-input" id="label-TO_2" placeholder="Placeholder">
	   <span id="span-to" class="error-message"></span>
	  </div>
	  </div>
	  <div class="col-sm-12 noPaddingLeft">
		<span id="errorMessage" class="inail-span-error" role="alert" style="display:inline">
	  </span>
	  </div>
	</fieldset>`}function c(e){return`
	 <fieldset class="row" aria-describedby="errorMessage">
    <legend class="sr-only">Intervallo numerico</legend>
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 noPaddingLeft">
        <div>
            <label class="control-label inail-label" for="label-from_3" id="from_3">${e.etichettaDa}</label>
            ${e.info?`<span role="button" aria-labelledby="from_3" tabindex="0"
                class="fa fa-question-circle fa-lg" data-toggle="popover"
                 data-trigger="focus"
                data-content="${e.descrizioneTooltip}">
            </span>`:""}
            <input aria-describedby="info-hint-number-range-1" type="number" class="form-control inail-input"
                id="label-from_3" placeholder="Placeholder" value="" data-input-type="number-interval-from">
            ${e.info?`<span class="inail-span-ht" id="info-hint-number-range-1">${e.messaggioHelper}</span>`:""}
        </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 noPaddingLeft">
        <div class="form-group">
            <label class="control-label inail-label" for="label-TO_3" id="to_3">${e.etichettaA}</label>
            ${e.info?`<span role="button" aria-labelledby="to_3" tabindex="0"
                class="fa fa-question-circle fa-lg" data-toggle="popover" data-trigger="focus"
                data-content="${e.descrizioneTooltip}">
            </span> `:""}
            <input aria-describedby="info-hint-number-range-2" type="number" class="form-control inail-input"
                id="label-TO_3" placeholder="Placeholder" value="" data-input-type="number-interval-to">

            ${e.info?`<span class="inail-span-ht" id="info-hint-number-range-2">${e.messaggioHelper}</span>`:""}
        </div>
    </div>
    <div class="col-sm-12 noPaddingLeft">
		<span id="errorMessage" class="inail-span-error" role="alert" style="display:inline">
	  </span>
</fieldset>
	`}function d(e){const a=e.inErrore?"inail-input-error hint-number":"";return`
	 <fieldset class="row" aria-describedby="range-error">
	 <legend class="sr-only">Intervallo numerico</legend>
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 noPaddingLeft">
        <div class="form-group">
            <label class="control-label inail-label" for="label-from_4">${e.etichettaDa}</label>
            <input aria-describedby="error-from" type="number" data-input-type="number-interval-from"
                class="form-control inail-input ${a}" id="label-from_4" placeholder="Placeholder" value="">
            <span id="error-from" class="inail-span-error" style="display: ${e.inErrore?" inline":"none"};">
                <i class="fa-solid fa-circle-exclamation"></i> ${e.messaggioErrore}
            </span>
        </div>
    </div>
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 noPaddingLeft">
        <div class="form-group">
            <label class="control-label inail-label" for="label-TO_4">${e.etichettaA}</label>
            <input aria-describedby="error-to" type="number" data-input-type="number-interval-to"
                class="form-control inail-input ${a}" id="label-TO_4" placeholder="Placeholder" value="">
            <span id="error-to" class="inail-span-error" style="display: ${e.inErrore?" inline":"none"};">
                <i class="fa-solid fa-circle-exclamation"></i> ${e.messaggioErrore}
            </span>
        </div>
    </div>
    <div class="col-sm-12 noPaddingLeft">
        <span id="range-error" class="inail-span-error" style="display: ${e.inErrore?" inline":"none"};">
            <i class="fa-solid fa-circle-exclamation"></i> ${e.messaggioErroreGenerale}
        </span>
    </div>
</fieldset>
	`}const p={title:"Componenti/Form Items/Range di input numerico",decorators:[(e,a)=>l(e,a,4,["https://cdn.inailcloud.it/assets/inail/u.1.0/static-webkit/js/custom-webkit.js","https://cdn.inailcloud.it/assets/inail/u.1.0/static-webkit/js/custom-input-number-range.js"],!0),e=>`<main id="contenutoPrincipale">${e()}</main>`],parameters:{docs:{showAccessibility:!0}}},r={name:"Range di input numerico",argTypes:{etichettaDa:{control:"text",description:"Etichetta visualizzata sopra il campo 'Da' del range numerico",defaultValue:{summary:"Da"}},etichettaA:{control:"text",description:"Etichetta visualizzata sopra il campo 'A' del range numerico",defaultValue:{summary:"A"}}},args:{etichettaDa:"Da",etichettaA:"A"},render:({...e})=>n(e)},t={name:"Range di input numerico disabilitato",argTypes:{etichettaDa:{control:"text",description:"Etichetta visualizzata sopra il campo 'Da' del range numerico",defaultValue:{summary:"Da"}},etichettaA:{control:"text",description:"Etichetta visualizzata sopra il campo 'A' del range numerico",defaultValue:{summary:"A"}},disabilitato:{control:"boolean",description:"Disabilita i campi",defaultValue:{summary:!0}}},args:{etichettaDa:"Da",etichettaA:"A",disabilitato:!0},render:e=>s(e)},i={name:"Range di input numerico con tasto di info",argTypes:{etichettaDa:{control:"text",description:"Etichetta visualizzata sopra il campo 'Da' del range numerico",defaultValue:{summary:"Da"}},etichettaA:{control:"text",description:"Etichetta visualizzata sopra il campo 'A' del range numerico",defaultValue:{summary:"A"}},info:{control:"boolean",description:"Abilita i info e tooltip",defaultValue:{summary:!0}},messaggioHelper:{control:"text",description:"Messaggio di supporto visualizzato sotto il range numerico",defaultValue:{summary:"*Testo di aiuto"}},descrizioneTooltip:{control:"text",description:"La descrizione del tootip.",defaultValue:{summary:"Inserire un suggerimento o una descrizione relativa a questo campo."}}},args:{etichettaDa:"Da",etichettaA:"A",info:!0,messaggioHelper:"Testo di aiuto",descrizioneTooltip:"Inserire un suggerimento o una descrizione relativa a questo campo."},render:e=>c(e)},o={name:"Range di input numerico con errore",argTypes:{etichettaDa:{control:"text",description:"Etichetta visualizzata sopra il campo 'Da' del range numerico",defaultValue:{summary:"Da"}},etichettaA:{control:"text",description:"Etichetta visualizzata sopra il campo 'A' del range numerico",defaultValue:{summary:"A"}},inErrore:{control:"boolean",description:"Imposta il range numerico in stato di errore",defaultValue:{summary:!0}},messaggioErrore:{control:"text",description:"Messaggio di errore visualizzato sotto il range numerico",defaultValue:{summary:"Errore: Campo obbligatorio"}},messaggioErroreGenerale:{control:"text",description:"Messaggio di errore visualizzato sotto il range numerico",defaultValue:{summary:"Errore: Intervallo non corretto"}}},args:{etichettaDa:"Da",etichettaA:"A",inErrore:!0,messaggioErrore:"Errore: Campo obbligatorio",messaggioErroreGenerale:"Errore: Intervallo non corretto"},render:e=>d(e)};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
  name: "Range di input numerico",
  argTypes: {
    etichettaDa: {
      control: 'text',
      description: "Etichetta visualizzata sopra il campo 'Da' del range numerico",
      defaultValue: {
        summary: "Da"
      }
    },
    etichettaA: {
      control: 'text',
      description: "Etichetta visualizzata sopra il campo 'A' del range numerico",
      defaultValue: {
        summary: "A"
      }
    }
  },
  args: {
    etichettaDa: 'Da',
    etichettaA: 'A'
  },
  render: ({
    ...args
  }) => CreateInputNumberRange(args)
}`,...r.parameters?.docs?.source}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
  name: "Range di input numerico disabilitato",
  argTypes: {
    etichettaDa: {
      control: 'text',
      description: "Etichetta visualizzata sopra il campo 'Da' del range numerico",
      defaultValue: {
        summary: "Da"
      }
    },
    etichettaA: {
      control: 'text',
      description: "Etichetta visualizzata sopra il campo 'A' del range numerico",
      defaultValue: {
        summary: "A"
      }
    },
    disabilitato: {
      control: 'boolean',
      description: "Disabilita i campi",
      defaultValue: {
        summary: true
      }
    }
  },
  args: {
    etichettaDa: 'Da',
    etichettaA: 'A',
    disabilitato: true
  },
  render: args => createInputNumberRangeDisabled(args)
}`,...t.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
  name: "Range di input numerico con tasto di info",
  argTypes: {
    etichettaDa: {
      control: 'text',
      description: "Etichetta visualizzata sopra il campo 'Da' del range numerico",
      defaultValue: {
        summary: "Da"
      }
    },
    etichettaA: {
      control: 'text',
      description: "Etichetta visualizzata sopra il campo 'A' del range numerico",
      defaultValue: {
        summary: "A"
      }
    },
    info: {
      control: 'boolean',
      description: "Abilita i info e tooltip",
      defaultValue: {
        summary: true
      }
    },
    messaggioHelper: {
      control: 'text',
      description: "Messaggio di supporto visualizzato sotto il range numerico",
      defaultValue: {
        summary: "*Testo di aiuto"
      }
    },
    descrizioneTooltip: {
      control: 'text',
      description: "La descrizione del tootip.",
      defaultValue: {
        summary: "Inserire un suggerimento o una descrizione relativa a questo campo."
      }
    }
  },
  args: {
    etichettaDa: 'Da',
    etichettaA: 'A',
    info: true,
    messaggioHelper: "Testo di aiuto",
    descrizioneTooltip: "Inserire un suggerimento o una descrizione relativa a questo campo."
  },
  render: args => createInputNumberRangeInfo(args)
}`,...i.parameters?.docs?.source}}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
  name: "Range di input numerico con errore",
  argTypes: {
    etichettaDa: {
      control: 'text',
      description: "Etichetta visualizzata sopra il campo 'Da' del range numerico",
      defaultValue: {
        summary: "Da"
      }
    },
    etichettaA: {
      control: 'text',
      description: "Etichetta visualizzata sopra il campo 'A' del range numerico",
      defaultValue: {
        summary: "A"
      }
    },
    inErrore: {
      control: "boolean",
      description: "Imposta il range numerico in stato di errore",
      defaultValue: {
        summary: true
      }
    },
    messaggioErrore: {
      control: 'text',
      description: "Messaggio di errore visualizzato sotto il range numerico",
      defaultValue: {
        summary: "Errore: Campo obbligatorio"
      }
    },
    messaggioErroreGenerale: {
      control: 'text',
      description: "Messaggio di errore visualizzato sotto il range numerico",
      defaultValue: {
        summary: "Errore: Intervallo non corretto"
      }
    }
  },
  args: {
    etichettaDa: 'Da',
    etichettaA: 'A',
    inErrore: true,
    messaggioErrore: "Errore: Campo obbligatorio",
    messaggioErroreGenerale: "Errore: Intervallo non corretto"
  },
  render: args => createInputNumberRangeError(args)
}`,...o.parameters?.docs?.source}}};const g=["CampiInputNumberRange","CampiInputNumberRangeDisabled","CampiInputNumberRangeTooltip","CampiInputNumberRangeError"];export{r as CampiInputNumberRange,t as CampiInputNumberRangeDisabled,o as CampiInputNumberRangeError,i as CampiInputNumberRangeTooltip,g as __namedExportsOrder,p as default};
