function I({tipoFeedback:e}){return`<div class="${e==="Positivo"?"d-flex align-items-center inail-inline-feedback-header inail-border-bottom-radius":"d-flex align-items-center inail-feedback-header inail-feedback-header-error inail-border-bottom-radius"} role="alert">
	<div >
		<span class="${e==="Positivo"?" fa fa-check":"fa fa-exclamation-triangle"}"></span>
  ${e==="Positivo"?"Feedback Positivo":"Feedback Negativo"}
	</div>
</div>`}function E(){return`<div class="d-flex align-items-center inail-inline-feedback-header inail-feedback-header-error inail-border-bottom-radius" role="alert">
   <div>
   <span class="sr-only">Feedback negativo inline</span>
   <span class="fa fa-exclamation-triangle"></span>
   Feedback Negativo
   </div>
</div>`}function A(){return`<div >

		<div class="d-flex flex-row justify-content-between align-items-center inail-inline-feedback-header inail-feedback-header-error" role="alert">
	<div>
	<span class="sr-only">Feedback negativo</span>
		<span class="fa fa-exclamation-triangle"></span>
  Feedback Negativo
	</div>

	<div>
		<span>0 punti</span>		
	</div>
	</div>
	<div class="inail-feedback-body inail-border-bottom-radius">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
	</div>
</div>`}function N(){return`<div class="row pull-right" role="alert">
  <span class="col-xs-12 inail-inline-feedback-default">
  		<span class="sr-only">Feedback</span>
		<span class="fas fa-check-circle inail-feedback-default-icon"></span>
		<span class="inail-feedback-default-text">Il file è stato inserito correttamente.</span>
	</span>   
</div>`}function T({tipoFeedback:e}){return`<div >

		<div class="${e==="Positivo"?" d-flex flex-row justify-content-between align-items-center inail-inline-feedback-header":"d-flex flex-row justify-content-between align-items-center inail-inline-feedback-header inail-feedback-header-error"} role="alert">
	<div>
		<span class="${e==="Positivo"?" fa fa-check":"fa fa-exclamation-triangle"}"></span>
  ${e==="Positivo"?"Feedback Positivo":"Feedback Negativo"}
	</div>

	<div>
		<span>${e==="Positivo"?"+ 150 punti":"0 punti"}</span>		
	</div>
	</div>
	<div class="inail-feedback-body inail-border-bottom-radius">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit.
	</div>
</div>`}function w({posizione:e}){return`<div class=" ${e=="Sinistra"?"row":"row pull-right"}" role="alert">
	<span class="col-xs-12 inail-feedback-default">
		<span class="fas fa-check-circle inail-feedback-default-icon"></span>
		<span class="inail-feedback-default-text">Il file è stato inserito correttamente.</span>
	</span>
</div>`}const $=`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.`,D={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:$}},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})},i={name:"Feedback negativo o di errore",render:()=>E()},r={name:"Esito positivo",argTypes:{tipoFeedback:{control:{type:"select"},options:["Positivo","Negativo"],description:"Tipo feedback.",table:{defaultValue:{summary:"Positivo"}}}},args:{tipoFeedback:"Positivo"},render:({...e})=>T({...e})},o={name:"Esito negativo",render:()=>A()},n={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})=>w({...e})},t={name:"Azione completata nell'accordion della tabella (DX)",render:()=>N()};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;i.parameters={...i.parameters,docs:{...(p=i.parameters)==null?void 0:p.docs,source:{originalSource:`{
  name: 'Feedback negativo o di errore',
  render: () => {
    return createFeedbackNegativoInline();
  }
}`,...(u=(m=i.parameters)==null?void 0:m.docs)==null?void 0:u.source}}};var b,v,f;r.parameters={...r.parameters,docs:{...(b=r.parameters)==null?void 0:b.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
    });
  }
}`,...(f=(v=r.parameters)==null?void 0:v.docs)==null?void 0:f.source}}};var g,k,F;o.parameters={...o.parameters,docs:{...(g=o.parameters)==null?void 0:g.docs,source:{originalSource:`{
  name: 'Esito negativo',
  render: () => {
    return createEsitoNegativo();
  }
}`,...(F=(k=o.parameters)==null?void 0:k.docs)==null?void 0:F.source}}};var z,y,P;n.parameters={...n.parameters,docs:{...(z=n.parameters)==null?void 0:z.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=(y=n.parameters)==null?void 0:y.docs)==null?void 0:P.source}}};var h,S,x;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:`{
  name: "Azione completata nell'accordion della tabella (DX)",
  render: () => {
    return createAzioneDestra();
  }
}`,...(x=(S=t.parameters)==null?void 0:S.docs)==null?void 0:x.source}}};const L=["InlineFeedback","InlineFeedbackError","FeedbackWithScore","FeedbackWithScoreError","FeedbackAzioneCompletata","FeedbackAzioneCompletataDestra"];export{n as FeedbackAzioneCompletata,t as FeedbackAzioneCompletataDestra,r as FeedbackWithScore,o as FeedbackWithScoreError,a as InlineFeedback,i as InlineFeedbackError,L as __namedExportsOrder,D as default};
