import{a as s}from"./iframe-BaLO-W8Q.js";import"./preload-helper-PPVm8Dsz.js";function d(){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 p(){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 m(){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 b(){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 C={title:"Patterns/Buttons Group",decorators:[(n,a)=>s(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=d(),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=p(),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=m(),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=b(),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||""}};r.parameters={...r.parameters,docs:{...r.parameters?.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 || "";
  }
}`,...r.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.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 || "";
  }
}`,...l.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.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 || "";
  }
}`,...c.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.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 || "";
  }
}`,...u.parameters?.docs?.source}}};const E=["ButtonsPrimoStep","ButtonsAltriStep","ButtonsStepSalvato","ButtonsUltimoStep"];export{l as ButtonsAltriStep,r as ButtonsPrimoStep,c as ButtonsStepSalvato,u as ButtonsUltimoStep,E as __namedExportsOrder,C as default};
