const y=({tipoFeedback:e})=>{const o=document.createElement("div");o.className=e==="Positivo"?"feedback-header":"feedback-header feedback-header-error";const n=document.createElement("span");e==="Negativo"&&(n.className="feedback-text");const a=document.createElement("span");return a.className=e==="Positivo"?"fa fa-check white-check":"fa fa-times white-check",n.appendChild(a),n.appendChild(document.createTextNode(e==="Positivo"?"Feedback positivo":"Feedback negativo")),o.appendChild(n),o},S=({tipoFeedback:e})=>{const o=document.createElement("div");o.className="row riga-esito";const n=document.createElement("div");n.className="col-xs-8 noPaddingLeft";const a=document.createElement("div");a.className=e==="Positivo"?"esito-positivo pull-left col-xs-12":"esito-negativo pull-left col-xs-12",a.appendChild(document.createTextNode(e==="Positivo"?"Feedback positivo con esito.":"Feedback negativo con esito."));const t=document.createElement("span");t.className="help-block",t.appendChild(document.createTextNode("Lorem ipsum dolor sit amet")),n.appendChild(a),n.appendChild(t);const c=document.createElement("div");if(c.className="col-xs-4",e==="Positivo"){const i=document.createElement("div");i.className="row pull-right";const r=document.createElement("span");r.className="col-xs-2 fa fa-check-circle icona-esito-positivo";const s=document.createElement("div");s.className="col-xs-9 numeroPunti";const u=document.createElement("strong");u.textContent="150 punti",s.appendChild(u),i.appendChild(r),i.appendChild(s),c.appendChild(i)}else{const i=document.createElement("div");i.className="col-xs-9 col-md-9 col-lg-9 noPadding";const r=document.createElement("div");r.className="numeroPunti text-right";const s=document.createElement("strong");s.textContent="0 punti",r.appendChild(s),i.appendChild(r),c.appendChild(i)}return o.appendChild(n),o.appendChild(c),o},T=({posizione:e})=>{var o=document.createElement("div");o.className=e==="Sinistra"?"row":"row pull-right";var n=document.createElement("span");n.className="col-xs-12 form-group";var a=document.createElement("span");a.className="green-check fa fa-check-circle";var t=document.createElement("strong");return t.className="labelFeedback",t.textContent="Il file è stato inserito correttamente.",n.appendChild(a),n.appendChild(t),o.appendChild(n),o},z=({dimensione:e})=>{const o=document.createElement("div");o.className="row";const n=document.createElement("div");n.className="col-xs-2";const a=document.createElement("span");a.className=t(),n.appendChild(a),o.appendChild(n);function t(){return e==="piccolo"?"fa fa-spinner fa-pulse":e==="medio"?"fa fa-spinner fa-pulse fa-2x":"fa fa-spinner fa-pulse fa-4x"}return o},I=`L'etichetta del form deve essere sempre fuori dal campo.<br /><br />
Se il capo è "obbligatorio" deve essere inserito il simbolo "\\*" prima dell'etichetta (label) del campo.<br/><br/>
L'errore di compilazione deve esssere composto da:<br />- campo evidenziato<br />- descrizione dell'errore chiara per qualsiasi utente. Evitare quindi di scrivere frasi come "Errore Generico".<br /><br />
Si suggerisce di inserire, nei form più complessi, un tooltip per fornire maggiori indicazioni sul valore da inserire.
`,D={title:"Components/Box e Tab/Inline Feedback",tags:["autodocs"],parameters:{docs:{mdxPage:I}}},l={argTypes:{tipoFeedback:{control:{type:"select"},options:["Positivo","Negativo"],description:"Tipo di feedback.",table:{defaultValue:{summary:"Positivo"}}}},args:{tipoFeedback:"Positivo"},render:({...e})=>y({...e})},d={name:"Feedback con esito",argTypes:{tipoFeedback:{control:{type:"select"},options:["Positivo","Negativo"],description:"Tipo di feedback.",table:{defaultValue:{summary:"Positivo"}}}},args:{tipoFeedback:"Positivo"},render:({...e})=>S({...e})},p={name:"Feedback completato con azione",argTypes:{posizione:{control:{type:"select"},options:["Sinistra","Destra"],table:{defaultValue:{summary:"Sinistra"}},description:"Posizione del feedback."}},args:{posizione:"Sinistra"},render:({...e})=>T({...e})},m={name:"Rotella di caricamento",argTypes:{dimensione:{control:{type:"select"},options:["piccolo","medio","grande"],table:{defaultValue:{summary:"piccolo"}},description:"Dimensione della rotella di caricamento"}},args:{dimensione:"piccolo"},render:({...e})=>z({...e})};var b,g,v;l.parameters={...l.parameters,docs:{...(b=l.parameters)==null?void 0:b.docs,source:{originalSource:`{
  argTypes: {
    tipoFeedback: {
      control: {
        type: "select"
      },
      options: ["Positivo", "Negativo"],
      description: "Tipo di feedback.",
      table: {
        defaultValue: {
          summary: "Positivo"
        }
      }
    }
  },
  args: {
    tipoFeedback: "Positivo"
  },
  render: ({
    ...args
  }) => {
    return CreateInlineFeedback({
      ...args
    });
  }
}`,...(v=(g=l.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var f,k,h;d.parameters={...d.parameters,docs:{...(f=d.parameters)==null?void 0:f.docs,source:{originalSource:`{
  name: "Feedback con esito",
  argTypes: {
    tipoFeedback: {
      control: {
        type: "select"
      },
      options: ["Positivo", "Negativo"],
      description: "Tipo di feedback.",
      table: {
        defaultValue: {
          summary: "Positivo"
        }
      }
    }
  },
  args: {
    tipoFeedback: "Positivo"
  },
  render: ({
    ...args
  }) => {
    return CreateResultInlineFeedback({
      ...args
    });
  }
}`,...(h=(k=d.parameters)==null?void 0:k.docs)==null?void 0:h.source}}};var C,P,E;p.parameters={...p.parameters,docs:{...(C=p.parameters)==null?void 0:C.docs,source:{originalSource:`{
  name: "Feedback completato con azione",
  argTypes: {
    posizione: {
      control: {
        type: "select"
      },
      options: ["Sinistra", "Destra"],
      table: {
        defaultValue: {
          summary: "Sinistra"
        }
      },
      description: "Posizione del feedback."
    }
  },
  args: {
    posizione: "Sinistra"
  },
  render: ({
    ...args
  }) => {
    return CreateFeedbackHorizontalPosition({
      ...args
    });
  }
}`,...(E=(P=p.parameters)==null?void 0:P.docs)==null?void 0:E.source}}};var N,F,x;m.parameters={...m.parameters,docs:{...(N=m.parameters)==null?void 0:N.docs,source:{originalSource:`{
  name: "Rotella di caricamento",
  argTypes: {
    dimensione: {
      control: {
        type: "select"
      },
      options: ["piccolo", "medio", "grande"],
      table: {
        defaultValue: {
          summary: "piccolo"
        }
      },
      description: "Dimensione della rotella di caricamento"
    }
  },
  args: {
    dimensione: "piccolo"
  },
  render: ({
    ...args
  }) => {
    return CreateLoadingIcon({
      ...args
    });
  }
}`,...(x=(F=m.parameters)==null?void 0:F.docs)==null?void 0:x.source}}};const w=["InlineFeedback","ResultInlineFeedback","FeedbackHorizontalPosition","Loading"];export{p as FeedbackHorizontalPosition,l as InlineFeedback,m as Loading,d as ResultInlineFeedback,w as __namedExportsOrder,D as default};
