import{a as y}from"./Utilities-CQhZFhp5.js";function z(e){const i=e.inErrore?"inail-input-error hint-number":"";return e.inErrore,`<div class="col-sm-4 noPaddingLeft">
    <label class="control-label inail-label" for="label-number_1" id="form-input-1">${e.etichetta}</label>
    ${e.info?`<span role="button" aria-label="Etichetta del campo" tabindex="0" 
        class="fa fa-question-circle fa-lg" 
        data-toggle="popover" 
        data-original-title="Etichetta del campo" 
        data-trigger="focus" 
        aria-labelledby='form-input-1'
        data-content="Inserire un suggerimento o una descrizione relativa a questo campo.">
      </span>`:""} 
    <input type="number"
      class="${i} form-control inail-input"
      id="label-number_1" 
      placeholder="Placeholder" 
      value="" 
      ${e.disabilitato?"disabled":""}
	  oninput="validateInput(this)">
    
    <span id="error-message" class="inail-span-error" style="display: ${e.inErrore?"inline":"none"};">
      <i class="fa-solid fa-circle-exclamation"></i> Messaggio d'errore
    </span>
  </div>
	`}function v(e){return`<div class="col-sm-4 noPaddingLeft">
	 <label class="control-label inail-label" for="form-input-1-disabled">${e.etichetta}</label>
	 <input type="number" class="form-control inail-input" id="form-input-1-disabled" ${e.disabilitato?"disabled":""}
 placeholder="Placeholder">
  </div>`}function I(e){const i=e.inErrore?"inail-input-error hint-number":"";return`<div class="form-group col-sm-4 noPaddingLeft">
    <label class="control-label inail-label" id="label-number" for="form-input-2" id="form-input_2">${e.etichetta}</label>
    ${e.info?`<span role="button" aria-label="Etichetta del campo" tabindex="0" 
        class="fa fa-question-circle fa-lg" 
        aria-invalid="true"
        data-toggle="popover" 
        aria-labelledby="form-input_2"
        data-trigger="focus" 
        data-content="Inserire un suggerimento o una descrizione relativa a questo campo.">
      </span>`:""} 
    <input type="number"
    aria-describedby="errore1"
      class="${i} form-control inail-input"
      id="form-input-2" 
      placeholder="Placeholder" 
      value="" 
      ${e.disabilitato?"disabled":""}>
    
    <span id="errore1" class="inail-span-error" style="display: ${e.inErrore?"inline":"none"};">
      <i class="fa-solid fa-circle-exclamation" aria-hidden="true"></i> ${e.messaggioErrore}
    </span>
    ${e.info?`<span class="inail-span-ht" id="hint-number">${e.messaggioHelper}</span>`:""}
  </div>`}function V(e){return`<div class="col-sm-4 noPaddingLeft">
		<label class="control-label inail-label" id="label-number-info" for="form-input-info">${e.etichetta}</label>
		${e.info?`<span role="button" aria-labelledby="label-number-info" tabindex="0" 
        class="fa fa-question-circle fa-lg" 
        data-toggle="popover" 
        data-trigger="focus" 
        data-content="${e.tooltipMessage}">
      </span>`:""} 
		
		<input type="number" aria-describedby="${e.inErrore?"error-message hint-number":"hint-number"}"
		  class="form-control inail-input ${e.inErrore?"inail-input-error":""}" 
		  id="form-input-info" 
		  placeholder="Placeholder" 
		  value="" 
		  oninput="validateInput(this)">
	
			<div class="inail-div-message">
		<span id="error-message" class="inail-span-error" style="display: ${e.inErrore?"inline":"none"};">
		  <i class="fa-solid fa-circle-exclamation"></i>  Messaggio d'errore
		</span>
	${e.info?`<span class="inail-span-ht" id="hint-number">${e.messaggioHelper}</span>`:""}		
	<span class="sr-only" id="input-error">Messaggio d'errore</span>
	
			</div>
	  </div>
	  `}const $={title:"Componenti/Form Items/Input number",decorators:[(e,i)=>y(e,i,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.js"],!0),e=>`<main id="contenutoPrincipale">${e()}</main>`],parameters:{docs:{showAccessibility:!0}}},a={name:"Campo di input numerico",argTypes:{etichetta:{control:"text",description:"Specifica l'etichetta visualizzata sopra il  input numerico",defaultValue:{summary:"Label"}}},args:{etichetta:"Label"},render:e=>z(e)},t={name:"Campo di input numerico disabilitato",argTypes:{etichetta:{control:"text",description:"Specifica l'etichetta visualizzata sopra il  input numerico",defaultValue:{summary:"Label"}},disabilitato:{control:"boolean",description:"Imposta il input numerico come disabilitato",defaultValue:{summary:!0}}},args:{etichetta:"Label",disabilitato:!0},render:e=>v(e)},r={name:"Campo di input numerico con errore",argTypes:{etichetta:{control:"text",description:"Specifica l'etichetta visualizzata sopra il  input numerico",defaultValue:{summary:"Label"}},inErrore:{control:"boolean",description:"Imposta il input numerico con uno stato di errore",defaultValue:{summary:!0}},messaggioErrore:{control:"text",description:"Visualizza un messaggio di errore sotto il input numerico",defaultValue:{summary:"Messaggio d'errore"}}},args:{etichetta:"Label",inErrore:!0,messaggioErrore:"Messaggio d'errore"},render:e=>I(e)},o={name:"Campo di input numerico con tasto di info",argTypes:{etichetta:{control:"text",description:"Specifica l'etichetta visualizzata sopra il  input numerico",defaultValue:{summary:"Label"}},info:{control:"boolean",description:"Mostra un'icona di informazioni accanto al input numerico",defaultValue:{summary:!1}},messaggioHelper:{control:"text",description:"Visualizza un messaggio di supporto sotto il input numerico",defaultValue:{summary:"*Testo di aiuto"}},tooltipTitle:{control:"text",description:"Visualizza il titolo del tooltip",defaultValue:{summary:"Etichetta del campo"}},tooltipMessage:{control:"text",description:"Visualizza il messaggio nel tooltip",defaultValue:{summary:"Inserire un suggerimento o una descrizione relativa a questo campo."}}},args:{etichetta:"Label",info:!0,messaggioHelper:"Testo di aiuto",tooltipTitle:"Etichetta del campo",tooltipMessage:"Inserire un suggerimento o una descrizione relativa a questo campo."},render:e=>V(e)};var n,l,s;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`{
  name: "Campo di input numerico",
  argTypes: {
    etichetta: {
      control: "text",
      description: "Specifica l'etichetta visualizzata sopra il  input numerico",
      defaultValue: {
        summary: "Label"
      }
    }
  },
  args: {
    etichetta: "Label"
  },
  render: args => CreateInputNumber(args)
}`,...(s=(l=a.parameters)==null?void 0:l.docs)==null?void 0:s.source}}};var u,c,p;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
  name: "Campo di input numerico disabilitato",
  argTypes: {
    etichetta: {
      control: "text",
      description: "Specifica l'etichetta visualizzata sopra il  input numerico",
      defaultValue: {
        summary: "Label"
      }
    },
    disabilitato: {
      control: "boolean",
      description: "Imposta il input numerico come disabilitato",
      defaultValue: {
        summary: true
      }
    }
  },
  args: {
    etichetta: "Label",
    disabilitato: true
  },
  render: args => createInputNumberDisabled(args)
}`,...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var d,m,b;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
  name: "Campo di input numerico con errore",
  argTypes: {
    etichetta: {
      control: "text",
      description: "Specifica l'etichetta visualizzata sopra il  input numerico",
      defaultValue: {
        summary: "Label"
      }
    },
    inErrore: {
      control: "boolean",
      description: "Imposta il input numerico con uno stato di errore",
      defaultValue: {
        summary: true
      }
    },
    messaggioErrore: {
      control: "text",
      description: "Visualizza un messaggio di errore sotto il input numerico",
      defaultValue: {
        summary: "Messaggio d'errore"
      }
    }
  },
  args: {
    etichetta: "Label",
    inErrore: true,
    messaggioErrore: "Messaggio d'errore"
  },
  render: args => createInputNumberError(args)
}`,...(b=(m=r.parameters)==null?void 0:m.docs)==null?void 0:b.source}}};var g,f,h;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{
  name: "Campo di input numerico con tasto di info",
  argTypes: {
    etichetta: {
      control: "text",
      description: "Specifica l'etichetta visualizzata sopra il  input numerico",
      defaultValue: {
        summary: "Label"
      }
    },
    info: {
      control: "boolean",
      description: "Mostra un'icona di informazioni accanto al input numerico",
      defaultValue: {
        summary: false
      }
    },
    messaggioHelper: {
      control: "text",
      description: "Visualizza un messaggio di supporto sotto il input numerico",
      defaultValue: {
        summary: "*Testo di aiuto"
      }
    },
    tooltipTitle: {
      control: "text",
      description: "Visualizza il titolo del tooltip",
      defaultValue: {
        summary: "Etichetta del campo"
      }
    },
    tooltipMessage: {
      control: "text",
      description: "Visualizza il messaggio nel tooltip",
      defaultValue: {
        summary: "Inserire un suggerimento o una descrizione relativa a questo campo."
      }
    }
  },
  args: {
    etichetta: "Label",
    info: true,
    messaggioHelper: "Testo di aiuto",
    tooltipTitle: "Etichetta del campo",
    tooltipMessage: "Inserire un suggerimento o una descrizione relativa a questo campo."
  },
  render: args => createInputNumberInfo(args)
}`,...(h=(f=o.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};const x=["CampiInputNumber","CampiInputNumberDisabled","CampiInputNumberError","CampiInputNumberTooltip"];export{a as CampiInputNumber,t as CampiInputNumberDisabled,r as CampiInputNumberError,o as CampiInputNumberTooltip,x as __namedExportsOrder,$ as default};
