@zanichelli/albe-web-components 19.3.0-RC4 → 19.3.0-RC6

package/dist/collection/components/z-select/index.stories.js

@@ -1,360 +0,0 @@
-import { html } from "lit";
-import { ControlSize, InputStatus } from "../../beans";
-import "./index";
-const StoryMeta = {
-    title: "ZSelect",
-    component: "z-select",
-    argTypes: {
-        items: {
-            control: {
-                type: "object",
-            },
-        },
-        status: {
-            control: {
-                type: "select",
-                labels: {
-                    null: "-",
-                },
-            },
-            options: [null, ...Object.values(InputStatus)],
-        },
-        size: {
-            control: {
-                type: "inline-radio",
-            },
-            options: Object.values(ControlSize),
-        },
-    },
-    args: {
-        items: [
-            {
-                id: "item_1",
-                name: "item_1",
-                selected: false,
-            },
-            {
-                id: "item_2",
-                name: "item_2",
-                selected: true,
-            },
-            {
-                id: "item_3",
-                name: "item_3",
-                selected: false,
-                disabled: true,
-            },
-            {
-                id: "item_4",
-                name: "item_4",
-                selected: false,
-            },
-        ],
-        label: "this is the label",
-        ariaLabel: "",
-        placeholder: "select placeholder",
-        status: null,
-        message: "helper text",
-        size: ControlSize.BIG,
-        name: "select-name",
-        disabled: false,
-        readonly: false,
-        htmlid: "",
-        htmltitle: "",
-        autocomplete: false,
-        noresultslabel: "Nessun risultato",
-        hasGroupItems: false,
-        hasTreeItems: false,
-        resetItem: "",
-        isfixed: false,
-    },
-};
-export default StoryMeta;
-export const Default = {
-    render: (args) => html `
-    <z-select
-      items=${JSON.stringify(args.items)}
-      label=${args.label}
-      aria-label=${args.ariaLabel}
-      placeholder=${args.placeholder}
-      name=${args.name}
-      status=${args.status}
-      message=${args.message}
-      autocomplete=${args.autocomplete}
-      noresultslabel=${args.noresultslabel}
-      disabled=${args.disabled}
-      readonly=${args.readonly}
-      htmlid=${args.htmlid}
-      htmltitle=${args.htmltitle}
-      reset-item=${args.resetItem}
-      isfixed=${args.isfixed}
-      size=${args.size}
-    ></z-select>
-  `,
-};
-export const Groups = {
-    args: {
-        hasGroupItems: true,
-        items: [
-            {
-                id: "item_1",
-                name: "item_1",
-                selected: false,
-                category: "Gruppo 1",
-            },
-            {
-                id: "item_2",
-                name: "item_2",
-                selected: false,
-                category: "Gruppo 1",
-            },
-            {
-                id: "item_3",
-                name: "item_3",
-                selected: false,
-                category: "Gruppo 2",
-                disabled: true,
-            },
-            {
-                id: "item_4",
-                name: "item_4",
-                selected: false,
-                category: "Gruppo 2",
-            },
-            {
-                id: "item_5",
-                name: "item_5",
-                selected: false,
-                category: "Gruppo 3",
-                disabled: true,
-            },
-            {
-                id: "item_6",
-                name: "item_6",
-                selected: false,
-                category: "Gruppo 3",
-            },
-        ],
-    },
-    render: (args) => html `
-    <z-select
-      items=${JSON.stringify(args.items)}
-      label=${args.label}
-      aria-label=${args.ariaLabel}
-      placeholder=${args.placeholder}
-      name=${args.name}
-      status=${args.status}
-      message=${args.message}
-      autocomplete=${args.autocomplete}
-      noresultslabel=${args.noresultslabel}
-      disabled=${args.disabled}
-      readonly=${args.readonly}
-      htmlid=${args.htmlid}
-      htmltitle=${args.htmltitle}
-      .hasGroupItems=${args.hasGroupItems}
-      reset-item=${args.resetItem}
-      isfixed=${args.isfixed}
-      size=${args.size}
-    ></z-select>
-  `,
-};
-export const ZSelectWithIcons = {
-    args: {
-        hasGroupItems: true,
-        items: [
-            {
-                id: "item_1",
-                name: "item_1",
-                selected: false,
-                icon: "teacher",
-            },
-            {
-                id: "item_2",
-                name: "item_2",
-                selected: false,
-                icon: "teacher",
-            },
-            {
-                id: "item_3",
-                name: "item_3",
-                selected: false,
-                disabled: true,
-                icon: "teacher",
-            },
-        ],
-    },
-    render: (args) => html `
-    <z-select
-      items=${JSON.stringify(args.items)}
-      label=${args.label}
-      aria-label=${args.ariaLabel}
-      placeholder=${args.placeholder}
-      name=${args.name}
-      status=${args.status}
-      message=${args.message}
-      autocomplete=${args.autocomplete}
-      noresultslabel=${args.noresultslabel}
-      disabled=${args.disabled}
-      readonly=${args.readonly}
-      htmlid=${args.htmlid}
-      htmltitle=${args.htmltitle}
-      reset-item=${args.resetItem}
-      isfixed=${args.isfixed}
-      size=${args.size}
-    ></z-select>
-  `,
-};
-export const ZSelectWithTreeItems = {
-    args: {
-        hasTreeItems: true,
-        hasGroupItems: false,
-        items: [
-            {
-                id: "padre",
-                name: "Padre",
-                selected: false,
-                category: "Sezione",
-                children: [
-                    {
-                        id: "figlio1aa",
-                        name: "Figlio",
-                        selected: false,
-                        children: [],
-                    },
-                    {
-                        id: "figlio1b",
-                        name: "Figlio 2",
-                        selected: false,
-                    },
-                ],
-            },
-            {
-                id: "padre3",
-                name: "Padre 3",
-                selected: false,
-                category: "Altra sezione",
-                children: [
-                    {
-                        id: "figlio3a",
-                        name: "Figlio 3A",
-                        selected: false,
-                        children: [
-                            {
-                                id: "nipote3a-1",
-                                name: "Nipote 3A-1",
-                                selected: false,
-                            },
-                        ],
-                    },
-                ],
-            },
-        ],
-    },
-    render: (args) => html `
-    <z-select
-      items=${JSON.stringify(args.items)}
-      label=${args.label}
-      aria-label=${args.ariaLabel}
-      placeholder=${args.placeholder}
-      name=${args.name}
-      status=${args.status}
-      message=${args.message}
-      autocomplete=${args.autocomplete}
-      noresultslabel=${args.noresultslabel}
-      disabled=${args.disabled}
-      readonly=${args.readonly}
-      htmlid=${args.htmlid}
-      htmltitle=${args.htmltitle}
-      reset-item=${args.resetItem}
-      isfixed=${args.isfixed}
-      size=${args.size}
-      .hasTreeItems=${args.hasTreeItems}
-    ></z-select>
-  `,
-};
-export const ZSelectWithGroupsAndTreeItems = {
-    args: {
-        hasTreeItems: true,
-        hasGroupItems: true,
-        showChildrenOfMatchingParent: false,
-        items: [
-            {
-                id: "padreA",
-                name: "Padre A",
-                selected: false,
-                category: "Sezione",
-                children: [
-                    {
-                        id: "figlioA1",
-                        name: "Figlio A1",
-                        selected: false,
-                        children: [],
-                    },
-                    {
-                        id: "figlioA2",
-                        name: "Figlio A2",
-                        selected: false,
-                    },
-                ],
-            },
-            {
-                id: "padreB",
-                name: "Padre B",
-                selected: false,
-                category: "Altra sezione",
-                children: [
-                    {
-                        id: "figlioB1",
-                        name: "Figlio B1",
-                        selected: false,
-                        children: [
-                            {
-                                id: "nipoteB1",
-                                name: "Nipote B1",
-                                selected: false,
-                                children: [
-                                    {
-                                        id: "pronipoteB1",
-                                        name: "Pronipote B1",
-                                        selected: false,
-                                    },
-                                ],
-                            },
-                        ],
-                    },
-                ],
-            },
-            {
-                id: "altro",
-                name: "Altro",
-                selected: false,
-                category: "Altra sezione",
-                children: [],
-            },
-        ],
-    },
-    render: (args) => html `
-    <z-select
-      items=${JSON.stringify(args.items)}
-      label=${args.label}
-      aria-label=${args.ariaLabel}
-      placeholder=${args.placeholder}
-      name=${args.name}
-      status=${args.status}
-      message=${args.message}
-      autocomplete=${args.autocomplete}
-      noresultslabel=${args.noresultslabel}
-      disabled=${args.disabled}
-      readonly=${args.readonly}
-      htmlid=${args.htmlid}
-      htmltitle=${args.htmltitle}
-      reset-item=${args.resetItem}
-      isfixed=${args.isfixed}
-      size=${args.size}
-      .hasGroupItems=${args.hasGroupItems}
-      .hasTreeItems=${args.hasTreeItems}
-      .showChildrenOfMatchingParent=${args.showChildrenOfMatchingParent}
-    ></z-select>
-  `,
-};
-//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-select/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-select/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,WAAW,EAAE,WAAW,EAAa,MAAM,aAAa,CAAC;AACjE,OAAO,SAAS,CAAC;AAEjB,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE;oBACN,IAAI,EAAE,GAAG;iBACV;aACF;YACD,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;SAC/C;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;YACD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC;SACpC;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;aAChB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,IAAI;aACf;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,IAAI;aACf;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;aAChB;SACc;QACjB,KAAK,EAAE,mBAAmB;QAC1B,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,oBAAoB;QACjC,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,aAAa;QACtB,IAAI,EAAE,WAAW,CAAC,GAAG;QACrB,IAAI,EAAE,aAAa;QACnB,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,KAAK;QACnB,cAAc,EAAE,kBAAkB;QAClC,aAAa,EAAE,KAAK;QACpB,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,EAAE;QACb,OAAO,EAAE,KAAK;KACf;CACsB,CAAC;AAC1B,eAAe,SAAS,CAAC;AAIzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;cAEV,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;cAC1B,IAAI,CAAC,KAAK;mBACL,IAAI,CAAC,SAAS;oBACb,IAAI,CAAC,WAAW;aACvB,IAAI,CAAC,IAAI;eACP,IAAI,CAAC,MAAM;gBACV,IAAI,CAAC,OAAO;qBACP,IAAI,CAAC,YAAY;uBACf,IAAI,CAAC,cAAc;iBACzB,IAAI,CAAC,QAAQ;iBACb,IAAI,CAAC,QAAQ;eACf,IAAI,CAAC,MAAM;kBACR,IAAI,CAAC,SAAS;mBACb,IAAI,CAAC,SAAS;gBACjB,IAAI,CAAC,OAAO;aACf,IAAI,CAAC,IAAI;;GAEnB;CACc,CAAC;AAElB,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE;QACJ,aAAa,EAAE,IAAI;QACnB,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,UAAU;aACrB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,UAAU;aACrB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,IAAI;aACf;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,UAAU;aACrB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,IAAI;aACf;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,UAAU;aACrB;SACc;KAClB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;cAEV,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;cAC1B,IAAI,CAAC,KAAK;mBACL,IAAI,CAAC,SAAS;oBACb,IAAI,CAAC,WAAW;aACvB,IAAI,CAAC,IAAI;eACP,IAAI,CAAC,MAAM;gBACV,IAAI,CAAC,OAAO;qBACP,IAAI,CAAC,YAAY;uBACf,IAAI,CAAC,cAAc;iBACzB,IAAI,CAAC,QAAQ;iBACb,IAAI,CAAC,QAAQ;eACf,IAAI,CAAC,MAAM;kBACR,IAAI,CAAC,SAAS;uBACT,IAAI,CAAC,aAAa;mBACtB,IAAI,CAAC,SAAS;gBACjB,IAAI,CAAC,OAAO;aACf,IAAI,CAAC,IAAI;;GAEnB;CACc,CAAC;AAElB,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE;QACJ,aAAa,EAAE,IAAI;QACnB,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,SAAS;aAChB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,SAAS;aAChB;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,IAAI;gBACd,IAAI,EAAE,SAAS;aAChB;SACc;KAClB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;cAEV,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;cAC1B,IAAI,CAAC,KAAK;mBACL,IAAI,CAAC,SAAS;oBACb,IAAI,CAAC,WAAW;aACvB,IAAI,CAAC,IAAI;eACP,IAAI,CAAC,MAAM;gBACV,IAAI,CAAC,OAAO;qBACP,IAAI,CAAC,YAAY;uBACf,IAAI,CAAC,cAAc;iBACzB,IAAI,CAAC,QAAQ;iBACb,IAAI,CAAC,QAAQ;eACf,IAAI,CAAC,MAAM;kBACR,IAAI,CAAC,SAAS;mBACb,IAAI,CAAC,SAAS;gBACjB,IAAI,CAAC,OAAO;aACf,IAAI,CAAC,IAAI;;GAEnB;CACc,CAAC;AAElB,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,IAAI,EAAE;QACJ,YAAY,EAAE,IAAI;QAClB,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,OAAO;gBACX,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,WAAW;wBACf,IAAI,EAAE,QAAQ;wBACd,QAAQ,EAAE,KAAK;wBACf,QAAQ,EAAE,EAAE;qBACb;oBACD;wBACE,EAAE,EAAE,UAAU;wBACd,IAAI,EAAE,UAAU;wBAChB,QAAQ,EAAE,KAAK;qBAChB;iBACF;aACF;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,SAAS;gBACf,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,eAAe;gBACzB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,UAAU;wBACd,IAAI,EAAE,WAAW;wBACjB,QAAQ,EAAE,KAAK;wBACf,QAAQ,EAAE;4BACR;gCACE,EAAE,EAAE,YAAY;gCAChB,IAAI,EAAE,aAAa;gCACnB,QAAQ,EAAE,KAAK;6BAChB;yBACF;qBACF;iBACF;aACF;SACc;KAClB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;cAEV,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;cAC1B,IAAI,CAAC,KAAK;mBACL,IAAI,CAAC,SAAS;oBACb,IAAI,CAAC,WAAW;aACvB,IAAI,CAAC,IAAI;eACP,IAAI,CAAC,MAAM;gBACV,IAAI,CAAC,OAAO;qBACP,IAAI,CAAC,YAAY;uBACf,IAAI,CAAC,cAAc;iBACzB,IAAI,CAAC,QAAQ;iBACb,IAAI,CAAC,QAAQ;eACf,IAAI,CAAC,MAAM;kBACR,IAAI,CAAC,SAAS;mBACb,IAAI,CAAC,SAAS;gBACjB,IAAI,CAAC,OAAO;aACf,IAAI,CAAC,IAAI;sBACA,IAAI,CAAC,YAAY;;GAEpC;CACc,CAAC;AAElB,MAAM,CAAC,MAAM,6BAA6B,GAAG;IAC3C,IAAI,EAAE;QACJ,YAAY,EAAE,IAAI;QAClB,aAAa,EAAE,IAAI;QACnB,4BAA4B,EAAE,KAAK;QACnC,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,SAAS;gBACf,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,SAAS;gBACnB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,UAAU;wBACd,IAAI,EAAE,WAAW;wBACjB,QAAQ,EAAE,KAAK;wBACf,QAAQ,EAAE,EAAE;qBACb;oBACD;wBACE,EAAE,EAAE,UAAU;wBACd,IAAI,EAAE,WAAW;wBACjB,QAAQ,EAAE,KAAK;qBAChB;iBACF;aACF;YACD;gBACE,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,SAAS;gBACf,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,eAAe;gBACzB,QAAQ,EAAE;oBACR;wBACE,EAAE,EAAE,UAAU;wBACd,IAAI,EAAE,WAAW;wBACjB,QAAQ,EAAE,KAAK;wBACf,QAAQ,EAAE;4BACR;gCACE,EAAE,EAAE,UAAU;gCACd,IAAI,EAAE,WAAW;gCACjB,QAAQ,EAAE,KAAK;gCACf,QAAQ,EAAE;oCACR;wCACE,EAAE,EAAE,aAAa;wCACjB,IAAI,EAAE,cAAc;wCACpB,QAAQ,EAAE,KAAK;qCAChB;iCACF;6BACF;yBACF;qBACF;iBACF;aACF;YACD;gBACE,EAAE,EAAE,OAAO;gBACX,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,eAAe;gBACzB,QAAQ,EAAE,EAAE;aACb;SACc;KAClB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;cAEV,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;cAC1B,IAAI,CAAC,KAAK;mBACL,IAAI,CAAC,SAAS;oBACb,IAAI,CAAC,WAAW;aACvB,IAAI,CAAC,IAAI;eACP,IAAI,CAAC,MAAM;gBACV,IAAI,CAAC,OAAO;qBACP,IAAI,CAAC,YAAY;uBACf,IAAI,CAAC,cAAc;iBACzB,IAAI,CAAC,QAAQ;iBACb,IAAI,CAAC,QAAQ;eACf,IAAI,CAAC,MAAM;kBACR,IAAI,CAAC,SAAS;mBACb,IAAI,CAAC,SAAS;gBACjB,IAAI,CAAC,OAAO;aACf,IAAI,CAAC,IAAI;uBACC,IAAI,CAAC,aAAa;sBACnB,IAAI,CAAC,YAAY;sCACD,IAAI,CAAC,4BAA4B;;GAEpE;CACc,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZSelect} from \".\";\nimport {ControlSize, InputStatus, SelectItem} from \"../../beans\";\nimport \"./index\";\n\nconst StoryMeta = {\n  title: \"ZSelect\",\n  component: \"z-select\",\n  argTypes: {\n    items: {\n      control: {\n        type: \"object\",\n      },\n    },\n    status: {\n      control: {\n        type: \"select\",\n        labels: {\n          null: \"-\",\n        },\n      },\n      options: [null, ...Object.values(InputStatus)],\n    },\n    size: {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: Object.values(ControlSize),\n    },\n  },\n  args: {\n    items: [\n      {\n        id: \"item_1\",\n        name: \"item_1\",\n        selected: false,\n      },\n      {\n        id: \"item_2\",\n        name: \"item_2\",\n        selected: true,\n      },\n      {\n        id: \"item_3\",\n        name: \"item_3\",\n        selected: false,\n        disabled: true,\n      },\n      {\n        id: \"item_4\",\n        name: \"item_4\",\n        selected: false,\n      },\n    ] as SelectItem[],\n    label: \"this is the label\",\n    ariaLabel: \"\",\n    placeholder: \"select placeholder\",\n    status: null,\n    message: \"helper text\",\n    size: ControlSize.BIG,\n    name: \"select-name\",\n    disabled: false,\n    readonly: false,\n    htmlid: \"\",\n    htmltitle: \"\",\n    autocomplete: false,\n    noresultslabel: \"Nessun risultato\",\n    hasGroupItems: false,\n    hasTreeItems: false,\n    resetItem: \"\",\n    isfixed: false,\n  },\n} satisfies Meta<ZSelect>;\nexport default StoryMeta;\n\ntype Story = StoryObj<ZSelect>;\n\nexport const Default = {\n  render: (args) => html`\n    <z-select\n      items=${JSON.stringify(args.items)}\n      label=${args.label}\n      aria-label=${args.ariaLabel}\n      placeholder=${args.placeholder}\n      name=${args.name}\n      status=${args.status}\n      message=${args.message}\n      autocomplete=${args.autocomplete}\n      noresultslabel=${args.noresultslabel}\n      disabled=${args.disabled}\n      readonly=${args.readonly}\n      htmlid=${args.htmlid}\n      htmltitle=${args.htmltitle}\n      reset-item=${args.resetItem}\n      isfixed=${args.isfixed}\n      size=${args.size}\n    ></z-select>\n  `,\n} satisfies Story;\n\nexport const Groups = {\n  args: {\n    hasGroupItems: true,\n    items: [\n      {\n        id: \"item_1\",\n        name: \"item_1\",\n        selected: false,\n        category: \"Gruppo 1\",\n      },\n      {\n        id: \"item_2\",\n        name: \"item_2\",\n        selected: false,\n        category: \"Gruppo 1\",\n      },\n      {\n        id: \"item_3\",\n        name: \"item_3\",\n        selected: false,\n        category: \"Gruppo 2\",\n        disabled: true,\n      },\n      {\n        id: \"item_4\",\n        name: \"item_4\",\n        selected: false,\n        category: \"Gruppo 2\",\n      },\n      {\n        id: \"item_5\",\n        name: \"item_5\",\n        selected: false,\n        category: \"Gruppo 3\",\n        disabled: true,\n      },\n      {\n        id: \"item_6\",\n        name: \"item_6\",\n        selected: false,\n        category: \"Gruppo 3\",\n      },\n    ] as SelectItem[],\n  },\n  render: (args) => html`\n    <z-select\n      items=${JSON.stringify(args.items)}\n      label=${args.label}\n      aria-label=${args.ariaLabel}\n      placeholder=${args.placeholder}\n      name=${args.name}\n      status=${args.status}\n      message=${args.message}\n      autocomplete=${args.autocomplete}\n      noresultslabel=${args.noresultslabel}\n      disabled=${args.disabled}\n      readonly=${args.readonly}\n      htmlid=${args.htmlid}\n      htmltitle=${args.htmltitle}\n      .hasGroupItems=${args.hasGroupItems}\n      reset-item=${args.resetItem}\n      isfixed=${args.isfixed}\n      size=${args.size}\n    ></z-select>\n  `,\n} satisfies Story;\n\nexport const ZSelectWithIcons = {\n  args: {\n    hasGroupItems: true,\n    items: [\n      {\n        id: \"item_1\",\n        name: \"item_1\",\n        selected: false,\n        icon: \"teacher\",\n      },\n      {\n        id: \"item_2\",\n        name: \"item_2\",\n        selected: false,\n        icon: \"teacher\",\n      },\n      {\n        id: \"item_3\",\n        name: \"item_3\",\n        selected: false,\n        disabled: true,\n        icon: \"teacher\",\n      },\n    ] as SelectItem[],\n  },\n  render: (args) => html`\n    <z-select\n      items=${JSON.stringify(args.items)}\n      label=${args.label}\n      aria-label=${args.ariaLabel}\n      placeholder=${args.placeholder}\n      name=${args.name}\n      status=${args.status}\n      message=${args.message}\n      autocomplete=${args.autocomplete}\n      noresultslabel=${args.noresultslabel}\n      disabled=${args.disabled}\n      readonly=${args.readonly}\n      htmlid=${args.htmlid}\n      htmltitle=${args.htmltitle}\n      reset-item=${args.resetItem}\n      isfixed=${args.isfixed}\n      size=${args.size}\n    ></z-select>\n  `,\n} satisfies Story;\n\nexport const ZSelectWithTreeItems = {\n  args: {\n    hasTreeItems: true,\n    hasGroupItems: false,\n    items: [\n      {\n        id: \"padre\",\n        name: \"Padre\",\n        selected: false,\n        category: \"Sezione\",\n        children: [\n          {\n            id: \"figlio1aa\",\n            name: \"Figlio\",\n            selected: false,\n            children: [],\n          },\n          {\n            id: \"figlio1b\",\n            name: \"Figlio 2\",\n            selected: false,\n          },\n        ],\n      },\n      {\n        id: \"padre3\",\n        name: \"Padre 3\",\n        selected: false,\n        category: \"Altra sezione\",\n        children: [\n          {\n            id: \"figlio3a\",\n            name: \"Figlio 3A\",\n            selected: false,\n            children: [\n              {\n                id: \"nipote3a-1\",\n                name: \"Nipote 3A-1\",\n                selected: false,\n              },\n            ],\n          },\n        ],\n      },\n    ] as SelectItem[],\n  },\n  render: (args) => html`\n    <z-select\n      items=${JSON.stringify(args.items)}\n      label=${args.label}\n      aria-label=${args.ariaLabel}\n      placeholder=${args.placeholder}\n      name=${args.name}\n      status=${args.status}\n      message=${args.message}\n      autocomplete=${args.autocomplete}\n      noresultslabel=${args.noresultslabel}\n      disabled=${args.disabled}\n      readonly=${args.readonly}\n      htmlid=${args.htmlid}\n      htmltitle=${args.htmltitle}\n      reset-item=${args.resetItem}\n      isfixed=${args.isfixed}\n      size=${args.size}\n      .hasTreeItems=${args.hasTreeItems}\n    ></z-select>\n  `,\n} satisfies Story;\n\nexport const ZSelectWithGroupsAndTreeItems = {\n  args: {\n    hasTreeItems: true,\n    hasGroupItems: true,\n    showChildrenOfMatchingParent: false,\n    items: [\n      {\n        id: \"padreA\",\n        name: \"Padre A\",\n        selected: false,\n        category: \"Sezione\",\n        children: [\n          {\n            id: \"figlioA1\",\n            name: \"Figlio A1\",\n            selected: false,\n            children: [],\n          },\n          {\n            id: \"figlioA2\",\n            name: \"Figlio A2\",\n            selected: false,\n          },\n        ],\n      },\n      {\n        id: \"padreB\",\n        name: \"Padre B\",\n        selected: false,\n        category: \"Altra sezione\",\n        children: [\n          {\n            id: \"figlioB1\",\n            name: \"Figlio B1\",\n            selected: false,\n            children: [\n              {\n                id: \"nipoteB1\",\n                name: \"Nipote B1\",\n                selected: false,\n                children: [\n                  {\n                    id: \"pronipoteB1\",\n                    name: \"Pronipote B1\",\n                    selected: false,\n                  },\n                ],\n              },\n            ],\n          },\n        ],\n      },\n      {\n        id: \"altro\",\n        name: \"Altro\",\n        selected: false,\n        category: \"Altra sezione\",\n        children: [],\n      },\n    ] as SelectItem[],\n  },\n  render: (args) => html`\n    <z-select\n      items=${JSON.stringify(args.items)}\n      label=${args.label}\n      aria-label=${args.ariaLabel}\n      placeholder=${args.placeholder}\n      name=${args.name}\n      status=${args.status}\n      message=${args.message}\n      autocomplete=${args.autocomplete}\n      noresultslabel=${args.noresultslabel}\n      disabled=${args.disabled}\n      readonly=${args.readonly}\n      htmlid=${args.htmlid}\n      htmltitle=${args.htmltitle}\n      reset-item=${args.resetItem}\n      isfixed=${args.isfixed}\n      size=${args.size}\n      .hasGroupItems=${args.hasGroupItems}\n      .hasTreeItems=${args.hasTreeItems}\n      .showChildrenOfMatchingParent=${args.showChildrenOfMatchingParent}\n    ></z-select>\n  `,\n} satisfies Story;\n"]}

package/dist/collection/components/z-skip-to-content/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-skip-to-content/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Host, Listen, Prop, State, h} from \"@stencil/core\";\nimport {SkipToContentLink, ThemeVariant} from \"../../beans\";\nimport {getElementTree, handleKeyboardSubmit} from \"../../utils/utils\";\n\n/**\n * Component short description.\n */\n@Component({\n  tag: \"z-skip-to-content\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZSkipToContent {\n  /** Graphical variant: `dark`, `light`. */\n  @Prop({reflect: true})\n  variant?: ThemeVariant;\n\n  /** Array to fill link into skip-content */\n  @Prop({mutable: true})\n  links: string | SkipToContentLink[] = [];\n\n  @State()\n  visible = false;\n\n  @State()\n  visibleLink = \"\";\n\n  @Element() hostElement: HTMLZSkipToContentElement;\n\n  @Listen(\"focusout\", {target: \"document\"})\n  handleFocusOutSkipToContent(e: FocusEvent): void {\n    if (this.isInSkipToContent(e.target)) {\n      this.visible = false;\n    }\n  }\n\n  @Listen(\"focusin\", {target: \"document\"})\n  handleFocusSkipToContent(e: FocusEvent): void {\n    if (this.isInSkipToContent(e.target)) {\n      this.visible = true;\n    }\n  }\n\n  componentDidLoad(): void {\n    this.showFirstChild();\n  }\n\n  componentWillRender(): void {\n    if (this.links) {\n      this.links = typeof this.links === \"string\" ? JSON.parse(this.links) : this.links;\n    }\n  }\n\n  private isInSkipToContent(elem): boolean {\n    const tree = getElementTree(elem);\n    const menuParent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-skip-to-content\");\n\n    return !!menuParent;\n  }\n\n  private showFirstChild(): void {\n    const firstChild = this.hostElement.children?.[0];\n    if (firstChild) {\n      this.visibleLink = firstChild.id;\n    }\n  }\n\n  private handleLinkClick(): void {\n    this.visible = false;\n  }\n\n  render(): HTMLZSkipToContentElement {\n    return (\n      <Host\n        class={{\n          [this.variant]: true,\n          \"skip-to-content-visible\": this.visible,\n        }}\n      >\n        {(this.links as SkipToContentLink[]).map((link, i) => {\n          const id = `skip-to-content-${i}`;\n\n          return (\n            <div class=\"link-container\">\n              <a\n                id={id}\n                class={{\n                  \"body-1-sb\": true,\n                  \"z-link\": true,\n                  \"z-link-underline\": true,\n                  \"z-link-inverse\": this.variant === ThemeVariant.DARK,\n                  \"link-visible\": id == this.visibleLink,\n                  \"link-invisible\": id != this.visibleLink,\n                }}\n                aria-label={link.ariaLabel || link.label}\n                href={link.href}\n                onFocus={() => (this.visibleLink = id)}\n                onClick={() => this.handleLinkClick()}\n                onKeyUp={(e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this))}\n              >\n                {link.label}\n              </a>\n            </div>\n          );\n        })}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-skip-to-content/index.stories.js

@@ -1,41 +0,0 @@
-import { html } from "lit";
-import { ThemeVariant } from "../../beans";
-import "./index";
-const StoryMeta = {
-    title: "ZSkipToContent",
-    component: "z-skip-to-content",
-    argTypes: {
-        variant: {
-            options: Object.values(ThemeVariant),
-            control: {
-                type: "inline-radio",
-            },
-        },
-    },
-};
-export default StoryMeta;
-export const Default = {
-    args: {
-        variant: ThemeVariant.LIGHT,
-        links: [
-            {
-                ariaLabel: "prova",
-                label: "vai al link1",
-                href: "#link1",
-            },
-            {
-                label: "vai al link2",
-                href: "#link2",
-            },
-            {
-                label: "vai al link3",
-                href: "#link3",
-            },
-        ],
-    },
-    render: (args) => html `<z-skip-to-content
-      variant=${args.variant}
-      links=${JSON.stringify(args.links)}
-    ></z-skip-to-content>`,
-};
-//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-skip-to-content/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-skip-to-content/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AACzC,OAAO,SAAS,CAAC;AAEjB,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,mBAAmB;IAC9B,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;YACpC,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;SACF;KACF;CAC6B,CAAC;AAEjC,eAAe,SAAS,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,OAAO,EAAE,YAAY,CAAC,KAAK;QAC3B,KAAK,EAAE;YACL;gBACE,SAAS,EAAE,OAAO;gBAClB,KAAK,EAAE,cAAc;gBACrB,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,IAAI,EAAE,QAAQ;aACf;YACD;gBACE,KAAK,EAAE,cAAc;gBACrB,IAAI,EAAE,QAAQ;aACf;SACF;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAA;gBACQ,IAAI,CAAC,OAAO;cACd,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;0BACd;CACU,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZSkipToContent} from \".\";\nimport {ThemeVariant} from \"../../beans\";\nimport \"./index\";\n\nconst StoryMeta = {\n  title: \"ZSkipToContent\",\n  component: \"z-skip-to-content\",\n  argTypes: {\n    variant: {\n      options: Object.values(ThemeVariant),\n      control: {\n        type: \"inline-radio\",\n      },\n    },\n  },\n} satisfies Meta<ZSkipToContent>;\n\nexport default StoryMeta;\n\nexport const Default = {\n  args: {\n    variant: ThemeVariant.LIGHT,\n    links: [\n      {\n        ariaLabel: \"prova\",\n        label: \"vai al link1\",\n        href: \"#link1\",\n      },\n      {\n        label: \"vai al link2\",\n        href: \"#link2\",\n      },\n      {\n        label: \"vai al link3\",\n        href: \"#link3\",\n      },\n    ],\n  },\n  render: (args) =>\n    html`<z-skip-to-content\n      variant=${args.variant}\n      links=${JSON.stringify(args.links)}\n    ></z-skip-to-content>`,\n} satisfies StoryObj<ZSkipToContent>;\n"]}

package/dist/collection/components/z-stepper/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-stepper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEjD;;GAEG;AAMH,MAAM,OAAO,QAAQ;IACnB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,YAAY;YACrB,8DAAQ,CACH,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - slot for `z-stepper-item`\n */\n@Component({\n  tag: \"z-stepper\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepper {\n  render(): HTMLSlotElement {\n    return (\n      <Host role=\"navigation\">\n        <slot />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-stepper/index.stories.js

@@ -1,109 +0,0 @@
-import { html } from "lit";
-import "../z-stepper-item/index";
-import "./index";
-export default {
-    title: "ZStepper/ZStepper",
-    component: "z-stepper",
-    decorators: [(Story) => html `<div class="z-carousel-story-container">${Story()}</div>`],
-    subcomponents: {
-        ZStepperItem: "z-stepper-item",
-    },
-};
-export const Default = {
-    render: () => html `<script>
-        const onClick = (elem) => {
-          if (!elem.disabled) {
-            elem.setAttribute("pressed", "");
-            Array.from(document.querySelectorAll("z-stepper-item")).forEach((s) => {
-              if (s === elem) {
-                return;
-              }
-              s.pressed = false;
-              s.removeAttribute("pressed");
-            });
-          }
-        };
-      </script>
-      <z-stepper>
-        <z-stepper-item
-          index="1"
-          pressed
-          href="#"
-          onclick="onClick(this)"
-          >I tuoi dati</z-stepper-item
-        >
-        <z-stepper-item
-          index="2"
-          href="#"
-          onclick="onClick(this)"
-          >Le tue credenziali</z-stepper-item
-        >
-        <z-stepper-item
-          index="3"
-          href="#"
-          onclick="onClick(this)"
-          >Conferma</z-stepper-item
-        >
-      </z-stepper>`,
-};
-export const Completed = {
-    render: () => html `<z-stepper>
-      <z-stepper-item
-        index="1"
-        href="#"
-        disabled
-        >I tuoi dati</z-stepper-item
-      >
-      <z-stepper-item
-        index="2"
-        href="#"
-        disabled
-        >Le tue credenziali</z-stepper-item
-      >
-      <z-stepper-item
-        index="3"
-        href="#"
-        pressed
-        >Conferma</z-stepper-item
-      >
-    </z-stepper>`,
-};
-export const CompletedDisabled = {
-    render: () => html `<z-stepper>
-      <z-stepper-item
-        index="1"
-        disabled
-        >I tuoi dati</z-stepper-item
-      >
-      <z-stepper-item
-        index="2"
-        disabled
-        >Le tue credenziali</z-stepper-item
-      >
-      <z-stepper-item
-        index="3"
-        pressed
-        >Conferma</z-stepper-item
-      >
-    </z-stepper>`,
-};
-export const Checked = {
-    render: () => html `<z-stepper>
-      <z-stepper-item
-        index="1"
-        checked
-        >I tuoi dati</z-stepper-item
-      >
-      <z-stepper-item
-        index="2"
-        checked
-        >Le tue credenziali</z-stepper-item
-      >
-      <z-stepper-item
-        index="3"
-        checked
-        >Conferma</z-stepper-item
-      >
-    </z-stepper>`,
-};
-//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-stepper/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-stepper/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,yBAAyB,CAAC;AACjC,OAAO,SAAS,CAAC;AAEjB,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA,2CAA2C,KAAK,EAAE,QAAQ,CAAC;IACvF,aAAa,EAAE;QACb,YAAY,EAAE,gBAAgB;KAC/B;CACuB,CAAC;AAI3B,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CACX,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAkCW;CACF,CAAC;AAElB,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,GAAG,EAAE,CACX,IAAI,CAAA;;;;;;;;;;;;;;;;;;;iBAmBS;CACA,CAAC;AAElB,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,GAAG,EAAE,CACX,IAAI,CAAA;;;;;;;;;;;;;;;;iBAgBS;CACA,CAAC;AAElB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CACX,IAAI,CAAA;;;;;;;;;;;;;;;;iBAgBS;CACA,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZStepper} from \".\";\nimport \"../z-stepper-item/index\";\nimport \"./index\";\n\nexport default {\n  title: \"ZStepper/ZStepper\",\n  component: \"z-stepper\",\n  decorators: [(Story) => html`<div class=\"z-carousel-story-container\">${Story()}</div>`],\n  subcomponents: {\n    ZStepperItem: \"z-stepper-item\",\n  },\n} satisfies Meta<ZStepper>;\n\ntype Story = StoryObj<ZStepper>;\n\nexport const Default = {\n  render: () =>\n    html`<script>\n        const onClick = (elem) => {\n          if (!elem.disabled) {\n            elem.setAttribute(\"pressed\", \"\");\n            Array.from(document.querySelectorAll(\"z-stepper-item\")).forEach((s) => {\n              if (s === elem) {\n                return;\n              }\n              s.pressed = false;\n              s.removeAttribute(\"pressed\");\n            });\n          }\n        };\n      </script>\n      <z-stepper>\n        <z-stepper-item\n          index=\"1\"\n          pressed\n          href=\"#\"\n          onclick=\"onClick(this)\"\n          >I tuoi dati</z-stepper-item\n        >\n        <z-stepper-item\n          index=\"2\"\n          href=\"#\"\n          onclick=\"onClick(this)\"\n          >Le tue credenziali</z-stepper-item\n        >\n        <z-stepper-item\n          index=\"3\"\n          href=\"#\"\n          onclick=\"onClick(this)\"\n          >Conferma</z-stepper-item\n        >\n      </z-stepper>`,\n} satisfies Story;\n\nexport const Completed = {\n  render: () =>\n    html`<z-stepper>\n      <z-stepper-item\n        index=\"1\"\n        href=\"#\"\n        disabled\n        >I tuoi dati</z-stepper-item\n      >\n      <z-stepper-item\n        index=\"2\"\n        href=\"#\"\n        disabled\n        >Le tue credenziali</z-stepper-item\n      >\n      <z-stepper-item\n        index=\"3\"\n        href=\"#\"\n        pressed\n        >Conferma</z-stepper-item\n      >\n    </z-stepper>`,\n} satisfies Story;\n\nexport const CompletedDisabled = {\n  render: () =>\n    html`<z-stepper>\n      <z-stepper-item\n        index=\"1\"\n        disabled\n        >I tuoi dati</z-stepper-item\n      >\n      <z-stepper-item\n        index=\"2\"\n        disabled\n        >Le tue credenziali</z-stepper-item\n      >\n      <z-stepper-item\n        index=\"3\"\n        pressed\n        >Conferma</z-stepper-item\n      >\n    </z-stepper>`,\n} satisfies Story;\n\nexport const Checked = {\n  render: () =>\n    html`<z-stepper>\n      <z-stepper-item\n        index=\"1\"\n        checked\n        >I tuoi dati</z-stepper-item\n      >\n      <z-stepper-item\n        index=\"2\"\n        checked\n        >Le tue credenziali</z-stepper-item\n      >\n      <z-stepper-item\n        index=\"3\"\n        checked\n        >Conferma</z-stepper-item\n      >\n    </z-stepper>`,\n} satisfies Story;\n"]}

package/dist/collection/components/z-stepper-item/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-stepper-item/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAOvD,MAAM,OAAO,YAAY;;;;;;;;IA+Bf,aAAa;QACnB,MAAM,IAAI,GACR,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC1G,MAAM,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,cAAc,EAAE,MAAM,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACtF,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAE/E,mEACK,IAAI,GACJ,IAAI,GACJ,OAAO,GACP,QAAQ,EACX;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU;YACnB,6EACE,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IACnB,IAAI,CAAC,aAAa,EAAE;gBAExB,4DAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,cAAQ,IAAI,EAAC,WAAW,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAO;gBACtF;oBACE,8DAAQ,CACH,CACA,CACJ,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-stepper-item\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepperItem {\n  /**\n   * The number of the step item.\n   */\n  @Prop({reflect: true})\n  index: number;\n\n  /**\n   * The href to navigate on click.\n   */\n  @Prop({reflect: true})\n  href: string;\n\n  /**\n   * The pressed state of the item.\n   */\n  @Prop({reflect: true})\n  pressed: boolean;\n\n  /**\n   * The checked state of the item.\n   */\n  @Prop({reflect: true})\n  checked: boolean;\n\n  /**\n   * The disabled state of the item.\n   */\n  @Prop({reflect: true})\n  disabled: boolean;\n\n  private getAttributes(): Record<string, unknown> {\n    const href =\n      this.href && !this.pressed && !this.disabled ? {onClick: () => (location.href = this.href)} : undefined;\n    const role = href ? {role: \"link\"} : undefined;\n    const current = this.pressed && !this.disabled ? {\"aria-current\": \"step\"} : undefined;\n    const tabindex = this.pressed || this.href === \"\" ? {tabIndex: -1} : undefined;\n\n    return {\n      ...href,\n      ...role,\n      ...current,\n      ...tabindex,\n    };\n  }\n\n  render(): HTMLAnchorElement | HTMLButtonElement {\n    return (\n      <Host role=\"listitem\">\n        <button\n          class=\"stepper-item\"\n          disabled={this.disabled}\n          {...this.getAttributes()}\n        >\n          <div class=\"indicator\">{this.checked ? <z-icon name=\"checkmark\" /> : this.index}</div>\n          <span>\n            <slot />\n          </span>\n        </button>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/z-stepper-item/index.stories.js

@@ -1,59 +0,0 @@
-import { html } from "lit";
-import "./index";
-export default {
-    title: "ZStepper/ZStepperItem",
-    component: "z-stepper-item",
-    args: {
-        pressed: false,
-        disabled: false,
-        checked: false,
-        index: 1,
-        text: "First Item",
-    },
-};
-export const Default = {
-    render: (args) => html `<z-stepper-item
-      index=${args.index}
-      ?pressed=${args.pressed}
-      ?disabled=${args.disabled}
-      ?checked=${args.checked}
-      >${args.text}</z-stepper-item
-    >`,
-};
-export const Pressed = {
-    args: {
-        pressed: true,
-    },
-    render: (args) => html `<z-stepper-item
-      index=${args.index}
-      ?pressed=${args.pressed}
-      ?disabled=${args.disabled}
-      ?checked=${args.checked}
-      >${args.text}</z-stepper-item
-    >`,
-};
-export const Disabled = {
-    args: {
-        disabled: true,
-    },
-    render: (args) => html `<z-stepper-item
-      index=${args.index}
-      ?pressed=${args.pressed}
-      ?disabled=${args.disabled}
-      ?checked=${args.checked}
-      >${args.text}</z-stepper-item
-    >`,
-};
-export const Checked = {
-    args: {
-        checked: true,
-    },
-    render: (args) => html `<z-stepper-item
-      index=${args.index}
-      ?pressed=${args.pressed}
-      ?disabled=${args.disabled}
-      ?checked=${args.checked}
-      >${args.text}</z-stepper-item
-    >`,
-};
-//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-stepper-item/index.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-stepper-item/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,SAAS,CAAC;AAIjB,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,CAAC;QACR,IAAI,EAAE,YAAY;KACnB;CACsC,CAAC;AAE1C,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAA;cACM,IAAI,CAAC,KAAK;iBACP,IAAI,CAAC,OAAO;kBACX,IAAI,CAAC,QAAQ;iBACd,IAAI,CAAC,OAAO;SACpB,IAAI,CAAC,IAAI;MACZ;CACL,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;KACd;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAA;cACM,IAAI,CAAC,KAAK;iBACP,IAAI,CAAC,OAAO;kBACX,IAAI,CAAC,QAAQ;iBACd,IAAI,CAAC,OAAO;SACpB,IAAI,CAAC,IAAI;MACZ;CACL,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE;QACJ,QAAQ,EAAE,IAAI;KACf;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAA;cACM,IAAI,CAAC,KAAK;iBACP,IAAI,CAAC,OAAO;kBACX,IAAI,CAAC,QAAQ;iBACd,IAAI,CAAC,OAAO;SACpB,IAAI,CAAC,IAAI;MACZ;CACL,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;KACd;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CACf,IAAI,CAAA;cACM,IAAI,CAAC,KAAK;iBACP,IAAI,CAAC,OAAO;kBACX,IAAI,CAAC,QAAQ;iBACd,IAAI,CAAC,OAAO;SACpB,IAAI,CAAC,IAAI;MACZ;CACL,CAAC","sourcesContent":["import {Meta} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZStepperItem} from \".\";\nimport \"./index\";\n\ntype ZStepperItemStoriesArgs = ZStepperItem & {text: string};\n\nexport default {\n  title: \"ZStepper/ZStepperItem\",\n  component: \"z-stepper-item\",\n  args: {\n    pressed: false,\n    disabled: false,\n    checked: false,\n    index: 1,\n    text: \"First Item\",\n  },\n} satisfies Meta<ZStepperItemStoriesArgs>;\n\nexport const Default = {\n  render: (args) =>\n    html`<z-stepper-item\n      index=${args.index}\n      ?pressed=${args.pressed}\n      ?disabled=${args.disabled}\n      ?checked=${args.checked}\n      >${args.text}</z-stepper-item\n    >`,\n};\n\nexport const Pressed = {\n  args: {\n    pressed: true,\n  },\n  render: (args) =>\n    html`<z-stepper-item\n      index=${args.index}\n      ?pressed=${args.pressed}\n      ?disabled=${args.disabled}\n      ?checked=${args.checked}\n      >${args.text}</z-stepper-item\n    >`,\n};\n\nexport const Disabled = {\n  args: {\n    disabled: true,\n  },\n  render: (args) =>\n    html`<z-stepper-item\n      index=${args.index}\n      ?pressed=${args.pressed}\n      ?disabled=${args.disabled}\n      ?checked=${args.checked}\n      >${args.text}</z-stepper-item\n    >`,\n};\n\nexport const Checked = {\n  args: {\n    checked: true,\n  },\n  render: (args) =>\n    html`<z-stepper-item\n      index=${args.index}\n      ?pressed=${args.pressed}\n      ?disabled=${args.disabled}\n      ?checked=${args.checked}\n      >${args.text}</z-stepper-item\n    >`,\n};\n"]}

package/dist/collection/components/z-tag/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEhE;;;;;GAKG;AAOH,MAAM,OAAO,IAAI;;;;;IAWf,MAAM;;QACJ,MAAM,OAAO,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,WAAW,0CAAE,IAAI,GAAG,MAAM,IAAG,CAAC,CAAC;QAEzD,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,YAAY,EAAE,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI;gBAC5C,UAAU,EAAE,OAAO;aACpB;YAEA,IAAI,CAAC,IAAI,IAAI,+DAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI;YACzC;gBACE,8DAAQ,CACJ,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * Ztag component.\n * @slot - The text of the z-tag.\n * @cssprop --z-tag-text-color - text and icon color using tokens.\n * @cssprop --z-tag-bg - background color of the z-tag.\n */\n@Component({\n  tag: \"z-tag\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZTag {\n  @Element() host: HTMLZTagElement;\n\n  /** [optional] Tag icon */\n  @Prop()\n  icon?: string;\n\n  /** [optional] Hide the text and show it on hover*/\n  @Prop()\n  expandable?: boolean;\n\n  render(): HTMLZTagElement {\n    const hasText = this.host.textContent?.trim().length > 0;\n\n    return (\n      <Host\n        class={{\n          \"expandable\": this.expandable && !!this.icon,\n          \"has-text\": hasText,\n        }}\n      >\n        {this.icon && <z-icon name={this.icon} />}\n        <div>\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}