import{a as S}from"./Utilities-CQhZFhp5.js";function I({etichettaFeedback:e}){return`
	<div class="inail-feedback-header align-items-center d-flex justify-content-between" role="status" data-type="feedback">
	<span class="inail-feedback-title">
		<span class="fa fa-check mr-2"></span>
		<span class="sr-only">Feedback positivo</span>
		${e}
	</span>
	<button class="fa fa-xmark inail-feedback-close-button bg-transparent border-0" aria-label="Chiudi messaggio di feedback" id="close-feedback-buttonA"></button>
	</div>`}function P(e){return`
		<div class="inail-feedback-header inail-feedback-header-negative align-items-center d-flex justify-content-between" role="alert" data-type="feedback">
	<span class="inail-feedback-title">
		<span class="fa fa-exclamation-triangle mr-2"></span>
		<span class="sr-only">Feedback negativo</span>
		${e.etichettaFeedback}
	</span>
	<button class="fa fa-xmark inail-feedback-close-button bg-transparent border-0" aria-label="Chiudi messaggio di feedback" id="close-feedback-buttonB"></button>
	</div>
	`}function T(e){return`
	<div role="group" aria-labelledby="feedback-title" data-type="feedback">
    <div class="inail-feedback-header inail-feedback-header-negative inail-regular-border-bottom align-items-center d-flex justify-content-between"
        role="alert">
        <span class="inail-feedback-title" id="feedback-title">
            <span class="fa fa-exclamation-triangle mr-2"></span>
            <span class="sr-only">Feedback negativo</span>
            ${e.etichettaFeedback}
        </span>
        <div class="d-flex align-items-center">
            <span class="inail-feedback-title mr-1">${e.valorePunti} punti</span>
            <button class="fa fa-xmark inail-feedback-close-button bg-transparent border-0"
                aria-label="Chiudi messaggio di feedback" id="close-feedback-buttonC"></button>
        </div>
    </div>
    <div class="inail-feedback-container">
        <p class="inail-feedback-container-text m-0">${e.descrizione}</p>
    </div>
</div>
	`}function A({etichettaFeedback:e}){return`<div class="row pull-right" role="status">
  <span class="col-xs-12 inail-inline-feedback-default">
		<span class="fas fa-check-circle inail-feedback-default-icon"></span>
		<span class="inail-body-text-2">${e}</span>
	</span>   
</div>`}function D(e){return`<div role="group" aria-labelledby="feedback-title" data-type="feedback">
			<div class="inail-feedback-header inail-regular-border-bottom align-items-center d-flex justify-content-between" role="status">
	<span class="inail-feedback-title" id="feedback-title">
		<span class="fa fa-check mr-2"></span>
		<span class="sr-only">Feedback positivo</span>
		${e.etichettaFeedback}
	</span>
	<div class="d-flex align-items-center">
	<span class="inail-feedback-title mr-1">+ ${e.valorePunti} punti</span>
	<button class="fa fa-xmark inail-feedback-close-button bg-transparent border-0" aria-label="Chiudi messaggio di feedback" id="close-feedback-buttonZ"></button>
	</div>
	</div>
	<div class="inail-feedback-container">
		<p class="inail-feedback-container-text m-0">${e.descrizione}</p>
	</div>
	</div>`}function $({posizione:e,etichettaFeedback:a}){return`<div class=" ${e=="Sinistra"?"row":"row pull-right"}" role="status">
	<span class="col-xs-12 inail-feedback-default">
		<span class="fas fa-check-circle inail-feedback-default-icon"></span>
		<span class="inail-body-text-2">${a}</span>
	</span>
</div>`}const C="Nel caso del feedback di errore, se il feedback riguarda la compilazione di un form, il messaggio deve comprendere l’elenco dei campi in errore o mancanti, ed eventuali indicazioni per la risoluzione degli errori.",N={title:"Componenti/Box e Tab/Inline Feedback",decorators:[(e,a)=>S(e,a,6,["https://cdn.inailcloud.it/assets/inail/u.1.0/static-webkit/js/custom-feedback.js"],!0),e=>`<main id="contenutoPrincipale">${e()}</main>`],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:C,showAccessibility:!0}}},t={name:"Azione completata",argTypes:{etichettaFeedback:{control:{type:"text"},description:"Tipo del feedback.",table:{defaultValue:{summary:"Tipo  feedback."}}}},args:{etichettaFeedback:"Azione completata"},render:({...e})=>I({...e})},i={name:"Feedback negativo o di errore",argTypes:{etichettaFeedback:{control:{type:"text"},description:"Etichetta del feedback",table:{defaultValue:{summary:"Feedback Negativo"}}}},args:{etichettaFeedback:"Errore nell'azione"},render:({...e})=>P(e)},n={name:"Esito positivo",argTypes:{etichettaFeedback:{control:{type:"text"},description:"Etichetta del feedback",table:{defaultValue:{summary:"Feedback Positivo"}}},valorePunti:{control:{type:"text"},table:{defaultValue:{summary:"120"}},description:"Valore numerico del feedback"},descrizione:{control:{type:"text"},description:"Descrizione del feedback",table:{defaultValue:{summary:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."}}}},args:{etichettaFeedback:"Esito positivo",valorePunti:"150",descrizione:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},render:({...e})=>D({...e})},r={name:"Esito negativo",argTypes:{etichettaFeedback:{control:{type:"text"},table:{defaultValue:{summary:"Feedback Negativo"}},description:"Etichetta del feedback"},valorePunti:{control:{type:"text"},table:{defaultValue:{summary:"0"}},description:"Valore numerico del feedback"},descrizione:{control:{type:"text"},table:{defaultValue:{summary:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."}},description:"Descrizione del feedback"}},args:{etichettaFeedback:"Esito negativo",valorePunti:"0",descrizione:"Lorem ipsum dolor sit amet, consectetur adipiscing elit."},render:({...e})=>T({...e})},o={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"},etichettaFeedback:{control:{type:"text"},table:{defaultValue:{summary:"Il file è stato inserito correttamente."}},description:"Etichetta del feedback"}},args:{posizione:"Sinistra",etichettaFeedback:"Il file è stato inserito correttamente."},render:({...e})=>$({...e})},s={name:"Azione completata nell'accordion della tabella (DX)",argTypes:{etichettaFeedback:{control:{type:"text"},table:{defaultValue:{summary:"Il file è stato inserito correttamente."}},description:"Etichetta di Feedback"}},args:{etichettaFeedback:"Il file è stato inserito correttamente."},render:({...e})=>A({...e})};var c,l,d;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`{
  name: "Azione completata",
  argTypes: {
    etichettaFeedback: {
      control: {
        type: "text"
      },
      description: "Tipo del feedback.",
      table: {
        defaultValue: {
          summary: "Tipo  feedback."
        }
      }
    }
    // tipoFeedback: {
    //   control: { type: "select" },
    //   options: ["Positivo", "Negativo"],
    //   description: "Tipo feedback.",
    //   table: {
    //     defaultValue: { summary: "Positivo" },
    //   },
    // },
  },
  args: {
    etichettaFeedback: "Azione completata"
  },
  render: ({
    ...args
  }) => {
    return createInlineFeedback({
      ...args
    });
  }
}`,...(d=(l=t.parameters)==null?void 0:l.docs)==null?void 0:d.source}}};var b,p,u;i.parameters={...i.parameters,docs:{...(b=i.parameters)==null?void 0:b.docs,source:{originalSource:`{
  name: "Feedback negativo o di errore",
  argTypes: {
    etichettaFeedback: {
      control: {
        type: "text"
      },
      description: "Etichetta del feedback",
      table: {
        defaultValue: {
          summary: "Feedback Negativo"
        }
      }
    }
  },
  args: {
    etichettaFeedback: "Errore nell'azione"
  },
  render: ({
    ...args
  }) => {
    return createFeedbackNegativoInline(args);
  }
}`,...(u=(p=i.parameters)==null?void 0:p.docs)==null?void 0:u.source}}};var m,f,k;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{
  name: "Esito positivo",
  argTypes: {
    etichettaFeedback: {
      control: {
        type: "text"
      },
      description: "Etichetta del feedback",
      table: {
        defaultValue: {
          summary: "Feedback Positivo"
        }
      }
    },
    valorePunti: {
      control: {
        type: "text"
      },
      table: {
        defaultValue: {
          summary: "120"
        }
      },
      description: "Valore numerico del feedback"
    },
    descrizione: {
      control: {
        type: "text"
      },
      description: "Descrizione del feedback",
      table: {
        defaultValue: {
          summary: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
        }
      }
    }
  },
  args: {
    etichettaFeedback: "Esito positivo",
    valorePunti: "150",
    descrizione: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
  },
  render: ({
    ...args
  }) => {
    return createResultInlineFeedback({
      ...args
    });
  }
}`,...(k=(f=n.parameters)==null?void 0:f.docs)==null?void 0:k.source}}};var g,y,v;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`{
  name: "Esito negativo",
  argTypes: {
    etichettaFeedback: {
      control: {
        type: "text"
      },
      table: {
        defaultValue: {
          summary: "Feedback Negativo"
        }
      },
      description: "Etichetta del feedback"
    },
    valorePunti: {
      control: {
        type: "text"
      },
      table: {
        defaultValue: {
          summary: "0"
        }
      },
      description: "Valore numerico del feedback"
    },
    descrizione: {
      control: {
        type: "text"
      },
      table: {
        defaultValue: {
          summary: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
        }
      },
      description: "Descrizione del feedback"
    }
  },
  args: {
    etichettaFeedback: "Esito negativo",
    valorePunti: "0",
    descrizione: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
  },
  render: ({
    ...args
  }) => {
    return createEsitoNegativo({
      ...args
    });
  }
}`,...(v=(y=r.parameters)==null?void 0:y.docs)==null?void 0:v.source}}};var F,h,z;o.parameters={...o.parameters,docs:{...(F=o.parameters)==null?void 0:F.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"
    },
    etichettaFeedback: {
      control: {
        type: "text"
      },
      table: {
        defaultValue: {
          summary: "Il file è stato inserito correttamente."
        }
      },
      description: "Etichetta del feedback"
    }
  },
  args: {
    posizione: "Sinistra",
    etichettaFeedback: "Il file è stato inserito correttamente."
  },
  render: ({
    ...args
  }) => {
    return createFeedbackHorizontalPosizione({
      ...args
    });
  }
}`,...(z=(h=o.parameters)==null?void 0:h.docs)==null?void 0:z.source}}};var x,E,V;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`{
  name: "Azione completata nell'accordion della tabella (DX)",
  argTypes: {
    etichettaFeedback: {
      control: {
        type: "text"
      },
      table: {
        defaultValue: {
          summary: "Il file è stato inserito correttamente."
        }
      },
      description: "Etichetta di Feedback"
    }
  },
  args: {
    etichettaFeedback: "Il file è stato inserito correttamente."
  },
  render: ({
    ...args
  }) => {
    return createAzioneDestra({
      ...args
    });
  }
}`,...(V=(E=s.parameters)==null?void 0:E.docs)==null?void 0:V.source}}};const w=["InlineFeedback","InlineFeedbackError","FeedbackWithScore","FeedbackWithScoreError","FeedbackAzioneCompletata","FeedbackAzioneCompletataDestra"];export{o as FeedbackAzioneCompletata,s as FeedbackAzioneCompletataDestra,n as FeedbackWithScore,r as FeedbackWithScoreError,t as InlineFeedback,i as InlineFeedbackError,w as __namedExportsOrder,N as default};
