import{a as f}from"./Utilities-CQhZFhp5.js";function S(){return`
  
  <button type="reset" class="inail-tertiary-button ml-0">Annulla</button>
<div class="pull-right">
   <button type="submit" class="inail-tertiary-button mr-3">Salva Bozza</button>
      <button type="button" class="inail-button inail-button-primary" id="continuaButton">Continua <span class="fa fa-chevron-right inail-icon-font-button inial-right-icon"></span></button>
</div>
`}function T(){return`
  
  <button type="button" class="inail-button inail-button-secondary pull-left" id="indietroButton">
<span class="fa fa-chevron-left inail-icon-font-button inial-left-icon"></span>Indietro
</button>
<button type="reset" class="inail-tertiary-button ml-3">Annulla</button>
<div class="form-group pull-right">
   <button type="submit" class="inail-tertiary-button mr-3">Salva Bozza </button>
      <button type="button" class="inail-button inail-button-primary" id="continuaButton">Continua <span class="fa fa-chevron-right inail-icon-font-button inial-right-icon"></span></button>
</div>
`}function L(){return`
  
  <button type="button" class="inail-button inail-button-secondary pull-left" id="indietroButton">
<span class="fa fa-chevron-left inail-icon-font-button inial-left-icon"></span>Indietro
</button>
<button type="reset" class="inail-tertiary-button ml-3">Annulla</button>
<div class="pull-right">
   <span class='inail-button-feedback'>Bozza salvata alle 10.40</span>
   <button type="submit" class="inail-tertiary-button mr-3">Salva Bozza</button>
   <button type="button" class="inail-button inail-button-primary" id="continuaButton">Continua <span class="fa fa-chevron-right inail-icon-font-button inial-right-icon"></span></button>
</div>
`}function h(){return`
  
  <button type="button" class="inail-button inail-button-secondary pull-left" id="indietroButton"> 
<span class="fa fa-chevron-left inail-icon-font-button inial-left-icon"></span>Indietro
</button>
<button type="reset" class="inail-tertiary-button ml-3">Annulla</button>
<div class="pull-right">
   <button type="submit" class="inail-tertiary-button mr-3">Salva Bozza</button>
   <button type="button" class="inail-button inail-button-complete" id="terminaButton">Termina <span class="fa fa-check inail-icon-font-button inial-right-icon"></span></button>
</div>
`}const D={title:"Patterns/Buttons Group",decorators:[(n,a)=>f(n,a,1,["https://cdn.inailcloud.it/assets/inail/u.1.0/static-webkit/js/custom-webkit.js"],!1)]},r={name:"Tasti per gruppo di azioni primo step",argTypes:{onClick:{action:"onClick",description:"Evento al click del button.",table:{disable:!0}}},render:n=>{const a=S(),t=document.createElement("div");t.innerHTML=a;const i=t.querySelector("#continuaButton");i&&i.addEventListener("click",n.onClick);const e=document.createElement("main");return e.id="contenutoPrincipale",e.appendChild(t),e||""}},l={name:"Tasti per gruppo di azioni altri step",argTypes:{onClickIndietro:{action:"onClickIndietro",description:"Evento al click del button Indietro.",table:{disable:!0}},onClickContinua:{action:"onClickContinua",description:"Evento al click del button Continua.",table:{disable:!0}}},render:n=>{const a=T(),t=document.createElement("div");t.innerHTML=a;const i=t.querySelector("#indietroButton"),e=t.querySelector("#continuaButton");i&&e&&(i.addEventListener("click",n.onClickIndietro),e.addEventListener("click",n.onClickContinua));const o=document.createElement("main");return o.id="contenutoPrincipale",o.appendChild(t),o||""}},c={name:"Tasti per gruppo di azioni step salvato",argTypes:{onClickIndietro:{action:"onClickIndietro",description:"Evento al click del button Indietro.",table:{disable:!0}},onClickContinua:{action:"onClickContinua",description:"Evento al click del button Continua.",table:{disable:!0}}},render:n=>{const a=L(),t=document.createElement("div");t.innerHTML=a;const i=t.querySelector("#indietroButton"),e=t.querySelector("#continuaButton");i&&e&&(i.addEventListener("click",n.onClickIndietro),e.addEventListener("click",n.onClickContinua));const o=document.createElement("main");return o.id="contenutoPrincipale",o.appendChild(t),o||""}},u={name:"Tasti per gruppo di azioni ultimo step",argTypes:{onClickIndietro:{action:"onClickIndietro",description:"Evento al click del button Indietro.",table:{disable:!0}},onClickTermina:{action:"onClickTermina",description:"Evento al click del button Termina.",table:{disable:!0}}},render:n=>{const a=h(),t=document.createElement("div");t.innerHTML=a;const i=t.querySelector("#indietroButton"),e=t.querySelector("#terminaButton");i&&e&&(i.addEventListener("click",n.onClickIndietro),e.addEventListener("click",n.onClickTermina));const o=document.createElement("main");return o.id="contenutoPrincipale",o.appendChild(t),o||""}};var s,d,p;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`{
  name: "Tasti per gruppo di azioni primo step",
  argTypes: {
    onClick: {
      action: "onClick",
      description: "Evento al click del button.",
      table: {
        disable: true
      }
    }
  },
  render: (args: any) => {
    //---------Forzare eventi----------------//
    const buttonHTML = createPrimoStep();
    const tempDiv = document.createElement("div");
    tempDiv.innerHTML = buttonHTML;

    // Cerca il bottone dentro il div temporaneo
    const button = tempDiv.querySelector("#continuaButton");

    // Se il bottone esiste, aggiungi l'evento click
    if (button) {
      button.addEventListener("click", args.onClick);
    }

    // Crea il main e appende il bottone all'interno
    const mainElement = document.createElement("main");
    mainElement.id = "contenutoPrincipale";
    mainElement.appendChild(tempDiv);

    // Ritorna il main element con il bottone all'interno
    return mainElement || "";
  }
}`,...(p=(d=r.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var m,b,v;l.parameters={...l.parameters,docs:{...(m=l.parameters)==null?void 0:m.docs,source:{originalSource:`{
  name: "Tasti per gruppo di azioni altri step",
  argTypes: {
    onClickIndietro: {
      action: "onClickIndietro",
      description: "Evento al click del button Indietro.",
      table: {
        disable: true
      }
    },
    onClickContinua: {
      action: "onClickContinua",
      description: "Evento al click del button Continua.",
      table: {
        disable: true
      }
    }
  },
  render: (args: any) => {
    //---------Forzare eventi----------------//
    const buttonHTML = createAltriStep();
    const tempDiv = document.createElement("div");
    tempDiv.innerHTML = buttonHTML;

    // Cerca il bottone dentro il div temporaneo
    const indietroButton = tempDiv.querySelector("#indietroButton");
    const continuaButton = tempDiv.querySelector("#continuaButton");

    // Se il bottone esiste, aggiungi l'evento click
    if (indietroButton && continuaButton) {
      indietroButton.addEventListener("click", args.onClickIndietro);
      continuaButton.addEventListener("click", args.onClickContinua);
    }

    // Crea il main e appende il bottone all'interno
    const mainElement = document.createElement("main");
    mainElement.id = "contenutoPrincipale";
    mainElement.appendChild(tempDiv);

    // Ritorna il main element con il bottone all'interno
    return mainElement || "";
  }
}`,...(v=(b=l.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};var k,C,E;c.parameters={...c.parameters,docs:{...(k=c.parameters)==null?void 0:k.docs,source:{originalSource:`{
  name: "Tasti per gruppo di azioni step salvato",
  argTypes: {
    onClickIndietro: {
      action: "onClickIndietro",
      description: "Evento al click del button Indietro.",
      table: {
        disable: true
      }
    },
    onClickContinua: {
      action: "onClickContinua",
      description: "Evento al click del button Continua.",
      table: {
        disable: true
      }
    }
  },
  render: (args: any) => {
    //---------Forzare eventi----------------//
    const buttonHTML = createStepSalvato();
    const tempDiv = document.createElement("div");
    tempDiv.innerHTML = buttonHTML;

    // Cerca il bottone dentro il div temporaneo
    const indietroButton = tempDiv.querySelector("#indietroButton");
    const continuaButton = tempDiv.querySelector("#continuaButton");

    // Se il bottone esiste, aggiungi l'evento click
    if (indietroButton && continuaButton) {
      indietroButton.addEventListener("click", args.onClickIndietro);
      continuaButton.addEventListener("click", args.onClickContinua);
    }

    // Crea il main e appende il bottone all'interno
    const mainElement = document.createElement("main");
    mainElement.id = "contenutoPrincipale";
    mainElement.appendChild(tempDiv);

    // Ritorna il main element con il bottone all'interno
    return mainElement || "";
  }
}`,...(E=(C=c.parameters)==null?void 0:C.docs)==null?void 0:E.source}}};var B,y,g;u.parameters={...u.parameters,docs:{...(B=u.parameters)==null?void 0:B.docs,source:{originalSource:`{
  name: "Tasti per gruppo di azioni ultimo step",
  argTypes: {
    onClickIndietro: {
      action: "onClickIndietro",
      description: "Evento al click del button Indietro.",
      table: {
        disable: true
      }
    },
    onClickTermina: {
      action: "onClickTermina",
      description: "Evento al click del button Termina.",
      table: {
        disable: true
      }
    }
  },
  render: (args: any) => {
    //---------Forzare eventi----------------//
    const buttonHTML = createUltimoStep();
    const tempDiv = document.createElement("div");
    tempDiv.innerHTML = buttonHTML;

    // Cerca il bottone dentro il div temporaneo
    const indietroButton = tempDiv.querySelector("#indietroButton");
    const terminaButton = tempDiv.querySelector("#terminaButton");

    // Se il bottone esiste, aggiungi l'evento click
    if (indietroButton && terminaButton) {
      indietroButton.addEventListener("click", args.onClickIndietro);
      terminaButton.addEventListener("click", args.onClickTermina);
    }

    // Crea il main e appende il bottone all'interno
    const mainElement = document.createElement("main");
    mainElement.id = "contenutoPrincipale";
    mainElement.appendChild(tempDiv);

    // Ritorna il main element con il bottone all'interno
    return mainElement || "";
  }
}`,...(g=(y=u.parameters)==null?void 0:y.docs)==null?void 0:g.source}}};const z=["ButtonsPrimoStep","ButtonsAltriStep","ButtonsStepSalvato","ButtonsUltimoStep"];export{l as ButtonsAltriStep,r as ButtonsPrimoStep,c as ButtonsStepSalvato,u as ButtonsUltimoStep,z as __namedExportsOrder,D as default};
