import{B as V,a as A,k as O,l as $,m as _,n as G,o as J,p as K,q as N,r as Q}from"./Button-CiL67AYH.js";import{a}from"./Utilities-CQhZFhp5.js";import{S as p}from"./Icons-CfeYRmMx.js";import"./index-DXUtcUWc.js";import"./iframe-CjdkmPo9.js";import"./index-C__6K5js.js";import"./index-DrFu-skq.js";const nt={title:"Componenti/Button e Link/Buttons/Secondario",parameters:{docs:{description:{component:A},mdxPage:V,showAccessibility:!0}}},r={name:"Secondario",decorators:[(t,e)=>a(t,e,1,["static-webkit/js/custom-webkit.js"],!1)],argTypes:{align:{control:"radio",options:["pull-left","pull-right"],description:"Specifica l'allineamento"},onClick:{action:"onClick",description:"Evento al click del button.",table:{disable:!0}},disabilitato:{control:"boolean",description:"Disabilita il button",table:{defaultValue:{summary:"False"}}},iconaSinistra:{control:{type:"select"},options:[...Object.keys(p),"none"],description:"Icona prima del button",table:{defaultValue:{summary:"-"}}},iconaDestra:{control:{type:"select"},options:[...Object.keys(p),"none"],description:"Icona dopo il button",table:{defaultValue:{summary:"-"}}}},args:{disabilitato:!1,iconaSinistra:"",iconaDestra:"",buttonLabel:"Indietro",align:"pull-left"},render:t=>{const e=O(t),i=document.createElement("div");i.innerHTML=e;const n=i.querySelector("button");n&&n.addEventListener("click",t.onClick);const o=document.createElement("main");return o.id="contenutoPrincipale",n&&o.appendChild(n),o||""}},c={name:"Secondario disabilitato",decorators:[(t,e)=>a(t,e,1,["static-webkit/js/custom-webkit.js"],!1),t=>`<main id="contenutoPrincipale">${t()}</main>`],render:()=>$()},l={name:"Icona",decorators:[(t,e)=>a(t,e,1,["static-webkit/js/custom-webkit.js"],!1)],argTypes:{onClick:{action:"onClick",description:"Evento al click del button.",table:{disable:!0}}},render:t=>{const e=_(t),i=document.createElement("div");i.innerHTML=e;const n=i.querySelector("button");n&&n.addEventListener("click",t.onClick);const o=document.createElement("main");return o.id="contenutoPrincipale",n&&o.appendChild(n),o||""}},s={name:"Icona allineata a Sinistra",decorators:[(t,e)=>a(t,e,1,["static-webkit/js/custom-webkit.js"],!1)],argTypes:{onClick:{action:"onClick",description:"Evento al click del button.",table:{disable:!0}}},render:t=>{const e=G(t),i=document.createElement("div");i.innerHTML=e;const n=i.querySelector("button");n&&n.addEventListener("click",t.onClick);const o=document.createElement("main");return o.id="contenutoPrincipale",n&&o.appendChild(n),o||""}},d={name:"Icona allineata a Destra",decorators:[(t,e)=>a(t,e,1,["static-webkit/js/custom-webkit.js"],!1)],argTypes:{onClick:{action:"onClick",description:"Evento al click del button.",table:{disable:!0}}},render:t=>{const e=J(t),i=document.createElement("div");i.innerHTML=e;const n=i.querySelector("button");n&&n.addEventListener("click",t.onClick);const o=document.createElement("main");return o.id="contenutoPrincipale",n&&o.appendChild(n),o||""}},m={name:"Icona Disabilitato",decorators:[(t,e)=>a(t,e,1,["static-webkit/js/custom-webkit.js"],!1),t=>`<main id="contenutoPrincipale">${t()}</main>`],render:()=>K()},u={name:"Allineato Sinistra",decorators:[(t,e)=>a(t,e,1,["static-webkit/js/custom-webkit.js"],!1)],argTypes:{onClick:{action:"onClick",description:"Evento al click del button.",table:{disable:!0}}},render:t=>{const e=N(t),i=document.createElement("div");i.innerHTML=e;const n=i.querySelector("button");n&&n.addEventListener("click",t.onClick);const o=document.createElement("main");return o.id="contenutoPrincipale",n&&o.appendChild(n),o||""}},b={name:"Allineato Destra",decorators:[(t,e)=>a(t,e,1,["static-webkit/js/custom-webkit.js"],!1)],argTypes:{onClick:{action:"onClick",description:"Evento al click del button.",table:{disable:!0}}},render:t=>{const e=Q(t),i=document.createElement("div");i.innerHTML=e;const n=i.querySelector("button");n&&n.addEventListener("click",t.onClick);const o=document.createElement("main");return o.id="contenutoPrincipale",n&&o.appendChild(n),o||""}};var k,y,E;r.parameters={...r.parameters,docs:{...(k=r.parameters)==null?void 0:k.docs,source:{originalSource:`{
  name: "Secondario",
  decorators: [(story, context) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false)],
  argTypes: {
    align: {
      control: 'radio',
      options: ['pull-left', 'pull-right'],
      description: 'Specifica l\\'allineamento'
    },
    onClick: {
      action: "onClick",
      description: "Evento al click del button.",
      table: {
        disable: true
      }
    },
    disabilitato: {
      control: "boolean",
      description: "Disabilita il button",
      table: {
        defaultValue: {
          summary: "False"
        }
      }
    },
    iconaSinistra: {
      control: {
        type: "select"
      },
      options: [...Object.keys(ShowIcons), "none"],
      description: "Icona prima del button",
      table: {
        defaultValue: {
          summary: "-"
        }
      }
    },
    iconaDestra: {
      control: {
        type: "select"
      },
      options: [...Object.keys(ShowIcons), "none"],
      description: "Icona dopo il button",
      table: {
        defaultValue: {
          summary: "-"
        }
      }
    }
  },
  args: {
    disabilitato: false,
    iconaSinistra: "",
    iconaDestra: "",
    buttonLabel: 'Indietro',
    align: 'pull-left'
  },
  render: args => {
    //---------Forzare eventi----------------//
    const buttonHTML = createButtonSecondario(args);
    const tempDiv = document.createElement("div");
    tempDiv.innerHTML = buttonHTML;

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

    // 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";
    if (button) {
      mainElement.appendChild(button);
    }

    // Ritorna il main element con il bottone all'interno
    return mainElement || "";
  }
}`,...(E=(y=r.parameters)==null?void 0:y.docs)==null?void 0:E.source}}};var v,S,g;c.parameters={...c.parameters,docs:{...(v=c.parameters)==null?void 0:v.docs,source:{originalSource:`{
  name: "Secondario disabilitato",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false), (Story: any) => {
    const storyHtml = Story();
    return \`<main id="contenutoPrincipale">\${storyHtml}</main>\`;
  }],
  render: () => {
    return createButtonSecondarioDisabilitato();
  }
}`,...(g=(S=c.parameters)==null?void 0:S.docs)==null?void 0:g.source}}};var f,C,D;l.parameters={...l.parameters,docs:{...(f=l.parameters)==null?void 0:f.docs,source:{originalSource:`{
  name: "Icona",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false)],
  argTypes: {
    onClick: {
      action: "onClick",
      description: "Evento al click del button.",
      table: {
        disable: true
      }
    }
  },
  render: args => {
    //---------Forzare eventi----------------//
    const buttonHTML = createButtonSecondarioIcon(args);
    const tempDiv = document.createElement("div");
    tempDiv.innerHTML = buttonHTML;

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

    // 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";
    if (button) {
      mainElement.appendChild(button);
    }

    // Ritorna il main element con il bottone all'interno
    return mainElement || "";
  }
}`,...(D=(C=l.parameters)==null?void 0:C.docs)==null?void 0:D.source}}};var L,T,H;s.parameters={...s.parameters,docs:{...(L=s.parameters)==null?void 0:L.docs,source:{originalSource:`{
  name: "Icona allineata a Sinistra",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false)],
  argTypes: {
    onClick: {
      action: "onClick",
      description: "Evento al click del button.",
      table: {
        disable: true
      }
    }
  },
  render: args => {
    //---------Forzare eventi----------------//
    const buttonHTML = createButtonIconLeftSecondary(args);
    const tempDiv = document.createElement("div");
    tempDiv.innerHTML = buttonHTML;

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

    // 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";
    if (button) {
      mainElement.appendChild(button);
    }

    // Ritorna il main element con il bottone all'interno
    return mainElement || "";
  }
}`,...(H=(T=s.parameters)==null?void 0:T.docs)==null?void 0:H.source}}};var B,j,w;d.parameters={...d.parameters,docs:{...(B=d.parameters)==null?void 0:B.docs,source:{originalSource:`{
  name: "Icona allineata a Destra",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false)],
  argTypes: {
    onClick: {
      action: "onClick",
      description: "Evento al click del button.",
      table: {
        disable: true
      }
    }
  },
  render: args => {
    //---------Forzare eventi----------------//
    const buttonHTML = createButtonIconRightSecondary(args);
    const tempDiv = document.createElement("div");
    tempDiv.innerHTML = buttonHTML;

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

    // 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";
    if (button) {
      mainElement.appendChild(button);
    }

    // Ritorna il main element con il bottone all'interno
    return mainElement || "";
  }
}`,...(w=(j=d.parameters)==null?void 0:j.docs)==null?void 0:w.source}}};var I,M,h;m.parameters={...m.parameters,docs:{...(I=m.parameters)==null?void 0:I.docs,source:{originalSource:`{
  name: "Icona Disabilitato",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false), (Story: any) => {
    const storyHtml = Story();
    return \`<main id="contenutoPrincipale">\${storyHtml}</main>\`;
  }],
  render: () => {
    return createButtonSecondarioIconDisabled();
  }
}`,...(h=(M=m.parameters)==null?void 0:M.docs)==null?void 0:h.source}}};var x,P,R;u.parameters={...u.parameters,docs:{...(x=u.parameters)==null?void 0:x.docs,source:{originalSource:`{
  name: "Allineato Sinistra",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false)],
  argTypes: {
    onClick: {
      action: "onClick",
      description: "Evento al click del button.",
      table: {
        disable: true
      }
    }
  },
  render: args => {
    //---------Forzare eventi----------------//
    const buttonHTML = createButtonLeftSecondary(args);
    const tempDiv = document.createElement("div");
    tempDiv.innerHTML = buttonHTML;

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

    // 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";
    if (button) {
      mainElement.appendChild(button);
    }

    // Ritorna il main element con il bottone all'interno
    return mainElement || "";
  }
}`,...(R=(P=u.parameters)==null?void 0:P.docs)==null?void 0:R.source}}};var q,F,z;b.parameters={...b.parameters,docs:{...(q=b.parameters)==null?void 0:q.docs,source:{originalSource:`{
  name: "Allineato Destra",
  decorators: [(story: any, context: any) => addDecorator(story, context, 1, ["static-webkit/js/custom-webkit.js"], false)],
  argTypes: {
    onClick: {
      action: "onClick",
      description: "Evento al click del button.",
      table: {
        disable: true
      }
    }
  },
  render: args => {
    //---------Forzare eventi----------------//
    const buttonHTML = createButtonRightSecondary(args);
    const tempDiv = document.createElement("div");
    tempDiv.innerHTML = buttonHTML;

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

    // 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";
    if (button) {
      mainElement.appendChild(button);
    }

    // Ritorna il main element con il bottone all'interno
    return mainElement || "";
  }
}`,...(z=(F=b.parameters)==null?void 0:F.docs)==null?void 0:z.source}}};const ot=["ButtonSecondario","ButtonSecondarioDisabilitato","ButtonIcona","ButtonIconLeftSecondario","ButtonIconRightSecondario","ButtonIconaDisabilitato","ButtonLeftSecondario","ButtonRightSecondario"];export{s as ButtonIconLeftSecondario,d as ButtonIconRightSecondario,l as ButtonIcona,m as ButtonIconaDisabilitato,u as ButtonLeftSecondario,b as ButtonRightSecondario,r as ButtonSecondario,c as ButtonSecondarioDisabilitato,ot as __namedExportsOrder,nt as default};
