function I({tipoFeedback:e}){return`<div class="${e==="Positivo"?" feedback-header":"feedback-header feedback-header-error"} role="alert">
	<span>
		<span class="${e==="Positivo"?" fas fa-check white-check":" fa fa-exclamation-circle"}"></span>
  ${e==="Positivo"?"Feedback Positivo":"Feedback Negativo"}
	</span>
</div>`}function E(){return`<div class="feedback-header feedback-header-error" role="alert">
   <span class="feedback-text">
   <span class="fa fa-exclamation-circle"></span>
   Feedback negativo
   </span>
</div>`}function A(){return`<div class="row riga-esito">
   <div class="col-xs-8 noPaddingLeft">
      <div class="esito-negativo pull-left col-xs-12" role="alert">Feedback negativo con esito.</div>
      <span class="help-block">Lorem ipsum dolor sit amet</span>
   </div>
   <div class="col-xs-4">
      <div class="col-xs-9 col-md-9 col-lg-9 noPadding">
         <div class="numeroPunti text-right">
            <strong>0 punti</strong>
         </div>
      </div>
   </div>
</div>`}function T(){return`<div class="row pull-right" role="alert">
   <span class="col-xs-12 form-group">
      <span class="green-check fas fa-check-circle"></span>
      <strong class="labelFeedback">Il file è stato inserito correttamente. </strong>
   </span>    
</div>`}function N({tipoFeedback:e}){return`<div class="row riga-esito">
	<div class="col-xs-8 noPaddingLeft">
		<div
      class="${e==="Positivo"?"esito-positivo pull-left col-xs-12":"esito-negativo pull-left col-xs-12"}"
       role="alert">Feedback positivo con esito.</div>
		<span class="help-block">Lorem ipsum dolor sit amet</span>
	</div>
	<div class="col-xs-4">
		<div class="row pull-right">
			<span class="${e==="Positivo"?"col-xs-2 fas fa-check-circle icona-esito-positivo":"text-right"}"></span>
			<div class="col-xs-9 numeroPunti">
				<strong>${e==="Positivo"?"150 punti":"0 punti"}</strong>
			</div>
		</div>
	</div>
</div>`}function D({posizione:e}){return`<div class=" ${e=="Sinistra"?"row":"row pull-right"}" role="alert">
	<span class="col-xs-12 form-group">
		<span class="green-check fas fa-check-circle"></span>
		<strong class="labelFeedback">Il file è stato inserito correttamente.</strong>
	</span>
</div>`}const L=`L'etichetta del form deve essere sempre fuori dal campo.

Se il campo è "obbligatorio" devono essere inseriti: il simbolo "*" dopo dell'etichetta (label) del campo, un aria-required=”true” nel TAG \`<input>\` e, prima del form, la leggenda "I campi contrassegnati con l’asterisco (*) sono obbligatori.".

L'errore di compilazione deve esssere composto da:
- campo evidenziato
- descrizione dell'errore chiara per qualsiasi utente. Evitare quindi di scrivere frasi come "Errore Generico".

Si suggerisce di inserire, nei form più complessi, un tooltip per fornire maggiori indicazioni sul valore da inserire.`,$={title:"Componenti/Box e Tab/Inline Feedback",tags:["autodocs"],parameters:{docs:{description:{component:`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.`},mdxPage:L}},decorators:[e=>`<main id="contenutoPrincipale">${e()}</main>`]},a={name:"Azione completata",argTypes:{tipoFeedback:{control:{type:"select"},options:["Positivo","Negativo"],description:"Tipo feedback.",table:{defaultValue:{summary:"Positivo"}}}},args:{tipoFeedback:"Positivo"},render:({...e})=>I({...e})},r={name:"Feedback negativo o di errore",render:()=>E()},o={name:"Esito positivo",argTypes:{tipoFeedback:{control:{type:"select"},options:["Positivo","Negativo"],description:"Tipo feedback.",table:{defaultValue:{summary:"Positivo"}}}},args:{tipoFeedback:"Positivo"},render:({...e})=>N({...e})},i={name:"Esito negativo",render:()=>A()},s={name:"Azione completata nell'accordion della tabella (SX)",argTypes:{posizione:{control:{type:"select"},options:["Sinistra","Destra"],table:{defaultValue:{summary:"Sinistra"}},description:"Posiziona a sinistra o destra il feedback"}},args:{posizione:"Sinistra"},render:({...e})=>D({...e})},t={name:"Azione completata nell'accordion della tabella (DX)",render:()=>T()};var c,l,d;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`{
  name: "Azione completata",
  argTypes: {
    tipoFeedback: {
      control: {
        type: "select"
      },
      options: ["Positivo", "Negativo"],
      description: "Tipo feedback.",
      table: {
        defaultValue: {
          summary: "Positivo"
        }
      }
    }
  },
  args: {
    tipoFeedback: "Positivo"
  },
  render: ({
    ...args
  }) => {
    return createInlineFeedback({
      ...args
    });
  }
}`,...(d=(l=a.parameters)==null?void 0:l.docs)==null?void 0:d.source}}};var p,m,u;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
  name: 'Feedback negativo o di errore',
  render: () => {
    return createFeedbackNegativoInline();
  }
}`,...(u=(m=r.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var v,b,g;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:`{
  name: 'Esito positivo',
  argTypes: {
    tipoFeedback: {
      control: {
        type: "select"
      },
      options: ["Positivo", "Negativo"],
      description: "Tipo feedback.",
      table: {
        defaultValue: {
          summary: "Positivo"
        }
      }
    }
  },
  args: {
    tipoFeedback: "Positivo"
  },
  render: ({
    ...args
  }) => {
    return createResultInlineFeedback({
      ...args
    });
  }
}`,...(g=(b=o.parameters)==null?void 0:b.docs)==null?void 0:g.source}}};var k,f,F;i.parameters={...i.parameters,docs:{...(k=i.parameters)==null?void 0:k.docs,source:{originalSource:`{
  name: 'Esito negativo',
  render: () => {
    return createEsitoNegativo();
  }
}`,...(F=(f=i.parameters)==null?void 0:f.docs)==null?void 0:F.source}}};var h,z,P;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{
  name: "Azione completata nell'accordion della tabella (SX)",
  argTypes: {
    posizione: {
      control: {
        type: "select"
      },
      options: ["Sinistra", "Destra"],
      table: {
        defaultValue: {
          summary: "Sinistra"
        }
      },
      description: "Posiziona a sinistra o destra il feedback"
    }
  },
  args: {
    posizione: "Sinistra"
  },
  render: ({
    ...args
  }) => {
    return createFeedbackHorizontalPosizione({
      ...args
    });
  }
}`,...(P=(z=s.parameters)==null?void 0:z.docs)==null?void 0:P.source}}};var S,x,y;t.parameters={...t.parameters,docs:{...(S=t.parameters)==null?void 0:S.docs,source:{originalSource:`{
  name: "Azione completata nell'accordion della tabella (DX)",
  render: () => {
    return createAzioneDestra();
  }
}`,...(y=(x=t.parameters)==null?void 0:x.docs)==null?void 0:y.source}}};const w=["InlineFeedback","InlineFeedbackError","FeedbackWithScore","FeedbackWithScoreError","FeedbackAzioneCompletata","FeedbackAzioneCompletataDestra"];export{s as FeedbackAzioneCompletata,t as FeedbackAzioneCompletataDestra,o as FeedbackWithScore,i as FeedbackWithScoreError,a as InlineFeedback,r as InlineFeedbackError,w as __namedExportsOrder,$ as default};
