@zanichelli/albe-web-components 15.0.3 → 15.1.1

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+## 15.1.1 (2024-07-31)
+
+## 15.1.0 (2024-07-30)
+
 ## 15.0.3 (2024-07-25)
 
 ## 15.0.2 (2024-07-24)

package/dist/collection/components/css-components/z-fab/index.stories.js

@@ -62,8 +62,8 @@ export const Default = {
         "z-fab-extendable": args["z-fab-extendable"],
     })}
     >
-      <z-icon name=${args.icon}></z-icon>
-      <span>${args.label}</span>
+      ${args.icon ? html `<z-icon name=${args.icon}></z-icon>` : ""}
+      ${args.label ? html `<span>${args.label}</span>` : ""}
     </button>
   `,
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/css-components/z-fab/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {html} from \"lit\";\nimport {classMap} from \"lit/directives/class-map.js\";\nimport {ICONS} from \"../../../constants/iconset\";\nimport \"../../z-icon/index\";\nimport \"./index.stories.css\";\n\n/**\n * You can use the `.z-fab` class on a `<button>` or `<a>` with some additional configuration class:\n * - Sizes: `.z-fab-small`, `.z-fab-x-small`. Default with no size classes, is `big`\n * - Color variants: `.z-fab-primary03`, `.z-fab-surface01`, `.z-fab-surface02`, `.z-fab-surface04`. Default with no color classes, is `primary01`\n * - `.z-fab-extended`: show the label (if any) near the icon\n * - `.z-fab-extendable`: label will be shown only on mouse hover and only on desktop viewports (don't add the `.z-fab-extended` class in this case)\n *\n * Some css custom properties are also available to customize the component:\n * - `--z-fab-right-offset`: the right offset of the fab button (Default: `--grid-margin`)\n * - `--z-fab-bottom-offset`: the bottom offset of the fab button (Default: `--grid-margin`)\n * - `--z-fab-icon-size`: the size of the icon (Default: `20px`)\n * - `--z-fab-icon-fill`: the fill color of the icon (Default: `--color-inverse-icon`)\n *\n * > NB: for the `extended` and `extendable` versions, always wrap the text of the label with some element (e.g. a `<span>`).\n */\nexport default {\n  title: \"ZFab\",\n  argTypes: {\n    icon: {\n      options: Object.keys(ICONS),\n      control: {type: \"select\"},\n    },\n    size: {\n      options: [\"default\", \"z-fab-small\", \"z-fab-x-small\"],\n      control: {type: \"inline-radio\"},\n    },\n    colorVariant: {\n      options: [\"default\", \"z-fab-primary03\", \"z-fab-surface01\", \"z-fab-surface02\", \"z-fab-surface04\"],\n      control: {type: \"inline-radio\"},\n    },\n  },\n  args: {\n    \"colorVariant\": \"default\",\n    \"icon\": \"question-mark-circle\",\n    \"label\": \"Info\",\n    \"size\": \"default\",\n    \"z-fab-extendable\": false,\n    \"z-fab-extended\": true,\n  },\n  parameters: {\n    layout: \"fullscreen\",\n  },\n  tags: [\"!autodocs\"],\n};\n\nexport const Default = {\n  render: (args) => html`\n    <button\n      class=${classMap({\n        \"z-fab\": true,\n        \"z-fab-small\": args.size === \"z-fab-small\",\n        \"z-fab-x-small\": args.size === \"z-fab-x-small\",\n        \"z-fab-primary03\": args.colorVariant === \"z-fab-primary03\",\n        \"z-fab-surface01\": args.colorVariant === \"z-fab-surface01\",\n        \"z-fab-surface02\": args.colorVariant === \"z-fab-surface02\",\n        \"z-fab-surface04\": args.colorVariant === \"z-fab-surface04\",\n        \"z-fab-extended\": args[\"z-fab-extended\"],\n        \"z-fab-extendable\": args[\"z-fab-extendable\"],\n      })}\n    >\n      <z-icon name=${args.icon}></z-icon>\n      <span>${args.label}</span>\n    </button>\n  `,\n};\n\n/**\n * Multiple ZFab can be used in the same page (max 3), but only one can be \"default\". The other ones must have a smaller size and can't have the text.\n * You can space them by setting the `--z-fab-bottom-offset` CSS prop.\n */\nexport const Multiple = {\n  render: (args) => html`\n    <button\n      class=${classMap({\n        \"z-fab\": true,\n        \"z-fab-small\": args.size === \"z-fab-small\",\n        \"z-fab-x-small\": args.size === \"z-fab-x-small\",\n        \"z-fab-primary03\": args.colorVariant === \"z-fab-primary03\",\n        \"z-fab-surface01\": args.colorVariant === \"z-fab-surface01\",\n        \"z-fab-surface02\": args.colorVariant === \"z-fab-surface02\",\n        \"z-fab-surface04\": args.colorVariant === \"z-fab-surface04\",\n        \"z-fab-extended\": args[\"z-fab-extended\"],\n        \"z-fab-extendable\": args[\"z-fab-extendable\"],\n      })}\n    >\n      <z-icon name=${args.icon}></z-icon>\n      <span>${args.label}</span>\n    </button>\n    <button\n      class=${classMap({\n        \"z-fab\": true,\n        \"fab2\": true,\n        \"z-fab-small\": true,\n        \"z-fab-surface01\": true,\n      })}\n    >\n      <z-icon name=\"support\"></z-icon>\n    </button>\n  `,\n};\n"]}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/css-components/z-fab/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {html} from \"lit\";\nimport {classMap} from \"lit/directives/class-map.js\";\nimport {ICONS} from \"../../../constants/iconset\";\nimport \"../../z-icon/index\";\nimport \"./index.stories.css\";\n\n/**\n * You can use the `.z-fab` class on a `<button>` or `<a>` with some additional configuration class:\n * - Sizes: `.z-fab-small`, `.z-fab-x-small`. Default with no size classes, is `big`\n * - Color variants: `.z-fab-primary03`, `.z-fab-surface01`, `.z-fab-surface02`, `.z-fab-surface04`. Default with no color classes, is `primary01`\n * - `.z-fab-extended`: show the label (if any) near the icon\n * - `.z-fab-extendable`: label will be shown only on mouse hover and only on desktop viewports (don't add the `.z-fab-extended` class in this case)\n *\n * Some css custom properties are also available to customize the component:\n * - `--z-fab-right-offset`: the right offset of the fab button (Default: `--grid-margin`)\n * - `--z-fab-bottom-offset`: the bottom offset of the fab button (Default: `--grid-margin`)\n * - `--z-fab-icon-size`: the size of the icon (Default: `20px`)\n * - `--z-fab-icon-fill`: the fill color of the icon (Default: `--color-inverse-icon`)\n *\n * > NB: for the `extended` and `extendable` versions, always wrap the text of the label with some element (e.g. a `<span>`).\n */\nexport default {\n  title: \"ZFab\",\n  argTypes: {\n    icon: {\n      options: Object.keys(ICONS),\n      control: {type: \"select\"},\n    },\n    size: {\n      options: [\"default\", \"z-fab-small\", \"z-fab-x-small\"],\n      control: {type: \"inline-radio\"},\n    },\n    colorVariant: {\n      options: [\"default\", \"z-fab-primary03\", \"z-fab-surface01\", \"z-fab-surface02\", \"z-fab-surface04\"],\n      control: {type: \"inline-radio\"},\n    },\n  },\n  args: {\n    \"colorVariant\": \"default\",\n    \"icon\": \"question-mark-circle\",\n    \"label\": \"Info\",\n    \"size\": \"default\",\n    \"z-fab-extendable\": false,\n    \"z-fab-extended\": true,\n  },\n  parameters: {\n    layout: \"fullscreen\",\n  },\n  tags: [\"!autodocs\"],\n};\n\nexport const Default = {\n  render: (args) => html`\n    <button\n      class=${classMap({\n        \"z-fab\": true,\n        \"z-fab-small\": args.size === \"z-fab-small\",\n        \"z-fab-x-small\": args.size === \"z-fab-x-small\",\n        \"z-fab-primary03\": args.colorVariant === \"z-fab-primary03\",\n        \"z-fab-surface01\": args.colorVariant === \"z-fab-surface01\",\n        \"z-fab-surface02\": args.colorVariant === \"z-fab-surface02\",\n        \"z-fab-surface04\": args.colorVariant === \"z-fab-surface04\",\n        \"z-fab-extended\": args[\"z-fab-extended\"],\n        \"z-fab-extendable\": args[\"z-fab-extendable\"],\n      })}\n    >\n      ${args.icon ? html`<z-icon name=${args.icon}></z-icon>` : \"\"}\n      ${args.label ? html`<span>${args.label}</span>` : \"\"}\n    </button>\n  `,\n};\n\n/**\n * Multiple ZFab can be used in the same page (max 3), but only one can be \"default\". The other ones must have a smaller size and can't have the text.\n * You can space them by setting the `--z-fab-bottom-offset` CSS prop.\n */\nexport const Multiple = {\n  render: (args) => html`\n    <button\n      class=${classMap({\n        \"z-fab\": true,\n        \"z-fab-small\": args.size === \"z-fab-small\",\n        \"z-fab-x-small\": args.size === \"z-fab-x-small\",\n        \"z-fab-primary03\": args.colorVariant === \"z-fab-primary03\",\n        \"z-fab-surface01\": args.colorVariant === \"z-fab-surface01\",\n        \"z-fab-surface02\": args.colorVariant === \"z-fab-surface02\",\n        \"z-fab-surface04\": args.colorVariant === \"z-fab-surface04\",\n        \"z-fab-extended\": args[\"z-fab-extended\"],\n        \"z-fab-extendable\": args[\"z-fab-extendable\"],\n      })}\n    >\n      <z-icon name=${args.icon}></z-icon>\n      <span>${args.label}</span>\n    </button>\n    <button\n      class=${classMap({\n        \"z-fab\": true,\n        \"fab2\": true,\n        \"z-fab-small\": true,\n        \"z-fab-surface01\": true,\n      })}\n    >\n      <z-icon name=\"support\"></z-icon>\n    </button>\n  `,\n};\n"]}

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

@@ -193,32 +193,4 @@ export const LongText = {
     <z-button onclick="openZModal()">apri modale</z-button>
   `,
 };
-export const SlottedCloseButton = {
-    args: {
-        modalid: "my-modal-slotted-close",
-    },
-    render: (args) => html `
-    <z-modal
-      modalid=${args.modalid}
-      modaltitle=${args.modaltitle}
-      modalsubtitle=${args.modalsubtitle}
-      close-button-label=${args.closeButtonLabel}
-      alertdialog=${args.alertdialog}
-      closable=${args.closable}
-      scroll-inside=${args.scrollInside}
-    >
-      <div slot="modalContent">
-        <div>Contenuto dello <b>slot</b></div>
-      </div>
-      <button
-        slot="modalCloseButton"
-        aria-label="close"
-        onclick="closeZModal()"
-      >
-        X
-      </button>
-    </z-modal>
-    <z-button onclick="openZModal()">apri modale</z-button>
-  `,
-};
 //# sourceMappingURL=index.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-modal/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,SAAS,CAAC;AACjB,OAAO,qBAAqB,CAAC;AAE7B,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,gBAAgB;QAC5B,aAAa,EAAE,mBAAmB;QAClC,gBAAgB,EAAE,eAAe;QACjC,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,IAAI;KACnB;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;QASX,KAAK,EAAE;KACV;KACF;CACqB,CAAC;AAEzB,eAAe,SAAS,CAAC;AAIzB,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE;QACJ,OAAO,EAAE,gBAAgB;KAC1B;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;gBAER,IAAI,CAAC,OAAO;mBACT,IAAI,CAAC,UAAU;sBACZ,IAAI,CAAC,aAAa;2BACb,IAAI,CAAC,gBAAgB;oBAC5B,IAAI,CAAC,WAAW;iBACnB,IAAI,CAAC,QAAQ;sBACR,IAAI,CAAC,YAAY;;;;;;;;;GASpC;CACc,CAAC;AAElB,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE;QACJ,OAAO,EAAE,eAAe;KACzB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;gBAER,IAAI,CAAC,OAAO;mBACT,IAAI,CAAC,UAAU;sBACZ,IAAI,CAAC,aAAa;2BACb,IAAI,CAAC,gBAAgB;oBAC5B,IAAI,CAAC,WAAW;iBACnB,IAAI,CAAC,QAAQ;sBACR,IAAI,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6HpC;CACc,CAAC;AAElB,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE;QACJ,OAAO,EAAE,wBAAwB;KAClC;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;gBAER,IAAI,CAAC,OAAO;mBACT,IAAI,CAAC,UAAU;sBACZ,IAAI,CAAC,aAAa;2BACb,IAAI,CAAC,gBAAgB;oBAC5B,IAAI,CAAC,WAAW;iBACnB,IAAI,CAAC,QAAQ;sBACR,IAAI,CAAC,YAAY;;;;;;;;;;;;;;GAcpC;CACc,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZModal} from \".\";\nimport \"../date-picker/z-date-picker/index\";\nimport \"../z-button/index\";\nimport \"../z-select/index\";\nimport \"./index\";\nimport \"./index.stories.css\";\n\nconst StoryMeta = {\n  title: \"ZModal\",\n  component: \"z-modal\",\n  args: {\n    modalid: \"my-modal\",\n    modaltitle: \"My modal title\",\n    modalsubtitle: \"My modal subtitle\",\n    closeButtonLabel: \"chiudi modale\",\n    alertdialog: false,\n    closable: true,\n    scrollInside: true,\n  },\n  decorators: [\n    (Story) => html`\n      <script>\n        function openZModal() {\n          document.querySelector(\"z-modal\").open();\n        }\n        function closeZModal() {\n          document.querySelector(\"z-modal\").close();\n        }\n      </script>\n      ${Story()}\n    `,\n  ],\n} satisfies Meta<ZModal>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZModal>;\n\nexport const ShortText = {\n  args: {\n    modalid: \"my-modal-short\",\n  },\n  render: (args) => html`\n    <z-modal\n      modalid=${args.modalid}\n      modaltitle=${args.modaltitle}\n      modalsubtitle=${args.modalsubtitle}\n      close-button-label=${args.closeButtonLabel}\n      alertdialog=${args.alertdialog}\n      closable=${args.closable}\n      scroll-inside=${args.scrollInside}\n    >\n      <div slot=\"modalContent\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n        <br />\n        <z-button onclick=\"closeZModal()\">close</z-button>\n      </div>\n    </z-modal>\n    <z-button onclick=\"openZModal()\">apri modale</z-button>\n  `,\n} satisfies Story;\n\nexport const LongText = {\n  args: {\n    modalid: \"my-modal-long\",\n  },\n  render: (args) => html`\n    <z-modal\n      modalid=${args.modalid}\n      modaltitle=${args.modaltitle}\n      modalsubtitle=${args.modalsubtitle}\n      close-button-label=${args.closeButtonLabel}\n      alertdialog=${args.alertdialog}\n      closable=${args.closable}\n      scroll-inside=${args.scrollInside}\n    >\n      <div slot=\"modalContent\">\n        <z-date-picker\n          date-picker-id=\"cicciaCulo\"\n          ariaLabel=\"stringaQualsiasi\"\n          label=\"ancheLi\"\n        ></z-date-picker>\n        Provaaaaa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in\n        Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit? Possumusne\n        ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo affectus, exul,\n        orbus, egens, torqueatur eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo, oblivisci non possum quae\n        volo. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Duo Reges: constructio interrete.\n        Plane idem, inquit, et maxima quidem, qua fieri nulla maior potest. Hoc autem loco tantum explicemus haec\n        honesta, quae dico, praeterquam quod nosmet ipsos diligamus, praeterea suapte natura per se esse expetenda. Te\n        enim iudicem aequum puto, modo quae dicat ille bene noris. Si enim Zenoni licuit, cum rem aliquam invenisset\n        inusitatam, inauditum quoque ei rei nomen inponere, cur non liceat Catoni? Ita cum ea volunt retinere, quae\n        superiori sententiae conveniunt, in Aristonem incidunt; Istam voluptatem perpetuam quis potest praestare\n        sapienti? Urgent tamen et nihil remittunt. Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio\n        quem illum anteponebas? Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Sin autem ad\n        animum, falsum est, quod negas animi ullum esse gaudium, quod non referatur ad corpus. Est autem situm in nobis\n        ut et adversa quasi perpetua oblivione obruamus et secunda iucunde ac suaviter meminerimus. Quin etiam ferae,\n        inquit Pacuvius, quíbus abest, ad praécavendum intéllegendi astútia, iniecto terrore mortis horrescunt. Nihil\n        enim hoc differt. Bonum liberi: misera orbitas. Quare attende, quaeso. Quod cum dixissent, ille contra. Lorem\n        ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in Archimede, qui\n        dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit? Possumusne ergo in vita\n        summum bonum dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo affectus, exul, orbus, egens,\n        torqueatur eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo, oblivisci non possum quae volo. Nec\n        vero sum nescius esse utilitatem in historia, non modo voluptatem. Duo Reges: constructio interrete. Plane idem,\n        inquit, et maxima quidem, qua fieri nulla maior potest. Hoc autem loco tantum explicemus haec honesta, quae\n        dico, praeterquam quod nosmet ipsos diligamus, praeterea suapte natura per se esse expetenda. Te enim iudicem\n        aequum puto, modo quae dicat ille bene noris. Si enim Zenoni licuit, cum rem aliquam invenisset inusitatam,\n        inauditum quoque ei rei nomen inponere, cur non liceat Catoni? Ita cum ea volunt retinere, quae superiori\n        sententiae conveniunt, in Aristonem incidunt; Istam voluptatem perpetuam quis potest praestare sapienti? Urgent\n        tamen et nihil remittunt. Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio quem illum\n        anteponebas? Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Sin autem ad animum,\n        falsum est, quod negas animi ullum esse gaudium, quod non referatur ad corpus. Est autem situm in nobis ut et\n        adversa quasi perpetua oblivione obruamus et secunda iucunde ac suaviter meminerimus. Quin etiam ferae, inquit\n        Pacuvius, quíbus abest, ad praécavendum intéllegendi astútia, iniecto terrore mortis horrescunt. Nihil enim hoc\n        differt. Bonum liberi: misera orbitas. Quare attende, quaeso. Quod cum dixissent, ille contra. Lorem ipsum dolor\n        sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in Archimede, qui dum in pulvere\n        quaedam describit attentius, ne patriam quidem captam esse senserit? Possumusne ergo in vita summum bonum\n        dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo affectus, exul, orbus, egens, torqueatur\n        eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo, oblivisci non possum quae volo. Nec vero sum\n        nescius esse utilitatem in historia, non modo voluptatem. Duo Reges: constructio interrete. Plane idem, inquit,\n        et maxima quidem, qua fieri nulla maior potest. Hoc autem loco tantum explicemus haec honesta, quae dico,\n        praeterquam quod nosmet ipsos diligamus, praeterea suapte natura per se esse expetenda. Te enim iudicem aequum\n        puto, modo quae dicat ille bene noris. Si enim Zenoni licuit, cum rem aliquam invenisset inusitatam, inauditum\n        quoque ei rei nomen inponere, cur non liceat Catoni? Ita cum ea volunt retinere, quae superiori sententiae\n        conveniunt, in Aristonem incidunt; Istam voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et\n        nihil remittunt. Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas?\n        Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod\n        negas animi ullum esse gaudium, quod non referatur ad corpus. Est autem situm in nobis ut et adversa quasi\n        perpetua oblivione obruamus et secunda iucunde ac suaviter meminerimus. Quin etiam ferae, inquit Pacuvius,\n        quíbus abest, ad praécavendum intéllegendi astútia, iniecto terrore mortis horrescunt. Nihil enim hoc differt.\n        Bonum liberi: misera orbitas. Quare attende, quaeso. Quod cum dixissent, ille contra. Lorem ipsum dolor sit\n        amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in Archimede, qui dum in pulvere\n        quaedam describit attentius, ne patriam quidem captam esse senserit? Possumusne ergo in vita summum bonum\n        dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo affectus, exul, orbus, egens, torqueatur\n        eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo, oblivisci non possum quae volo. Nec vero sum\n        nescius esse utilitatem in historia, non modo voluptatem. Duo Reges: constructio interrete. Plane idem, inquit,\n        et maxima quidem, qua fieri nulla maior potest. Hoc autem loco tantum explicemus haec honesta, quae dico,\n        praeterquam quod nosmet ipsos diligamus, praeterea suapte natura per se esse expetenda. Te enim iudicem aequum\n        puto, modo quae dicat ille bene noris. Si enim Zenoni licuit, cum rem aliquam invenisset inusitatam, inauditum\n        quoque ei rei nomen inponere, cur non liceat Catoni? Ita cum ea volunt retinere, quae superiori sententiae\n        conveniunt, in Aristonem incidunt; Istam voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et\n        nihil remittunt. Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas?\n        Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod\n        negas animi ullum esse gaudium, quod non referatur ad corpus. Est autem situm in nobis ut et adversa quasi\n        perpetua oblivione obruamus et secunda iucunde ac suaviter meminerimus. Quin etiam ferae, inquit Pacuvius,\n        quíbus abest, ad praécavendum intéllegendi astútia, iniecto terrore mortis horrescunt. Nihil enim hoc differt.\n        Bonum liberi: misera orbitas. Quare attende, quaeso. Quod cum dixissent, ille contra. Lorem ipsum dolor sit\n        amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in Archimede, qui dum in pulvere\n        quaedam describit attentius, ne patriam quidem captam esse senserit? Possumusne ergo in vita summum bonum\n        dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo affectus, exul, orbus, egens, torqueatur\n        eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo, oblivisci non possum quae volo. Nec vero sum\n        nescius esse utilitatem in historia, non modo voluptatem. Duo Reges: constructio interrete. Plane idem, inquit,\n        et maxima quidem, qua fieri nulla maior potest. Hoc autem loco tantum explicemus haec honesta, quae dico,\n        praeterquam quod nosmet ipsos diligamus, praeterea suapte natura per se esse expetenda. Te enim iudicem aequum\n        puto, modo quae dicat ille bene noris. Si enim Zenoni licuit, cum rem aliquam invenisset inusitatam, inauditum\n        quoque ei rei nomen inponere, cur non liceat Catoni? Ita cum ea volunt retinere, quae superiori sententiae\n        conveniunt, in Aristonem incidunt; Istam voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et\n        nihil remittunt. Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas?\n        Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod\n        negas animi ullum esse gaudium, quod non referatur ad corpus. Est autem situm in nobis ut et adversa quasi\n        perpetua oblivione obruamus et secunda iucunde ac suaviter meminerimus. Quin etiam ferae, inquit Pacuvius,\n        quíbus abest, ad praécavendum intéllegendi astútia, iniecto terrore mortis horrescunt. Nihil enim hoc differt.\n        Bonum liberi: misera orbitas. Quare attende, quaeso. Quod cum dixissent, ille contra. Lorem ipsum dolor sit\n        amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in Archimede, qui dum in pulvere\n        quaedam describit attentius, ne patriam quidem captam esse senserit? Possumusne ergo in vita summum bonum\n        dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo affectus, exul, orbus, egens, torqueatur\n        eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo, oblivisci non possum quae volo. Nec vero sum\n        nescius esse utilitatem in historia, non modo voluptatem. Duo Reges: constructio interrete. Plane idem, inquit,\n        et maxima quidem, qua fieri nulla maior potest. Hoc autem loco tantum explicemus haec honesta, quae dico,\n        praeterquam quod nosmet ipsos diligamus, praeterea suapte natura per se esse expetenda. Te enim iudicem aequum\n        puto, modo quae dicat ille bene noris. Si enim Zenoni licuit, cum rem aliquam invenisset inusitatam, inauditum\n        quoque ei rei nomen inponere, cur non liceat Catoni? Ita cum ea volunt retinere, quae superiori sententiae\n        conveniunt, in Aristonem incidunt; Istam voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et\n        nihil remittunt. Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas?\n        Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod\n        negas animi ullum esse gaudium, quod non referatur ad corpus. Est autem situm in nobis ut et adversa quasi\n        perpetua oblivione obruamus et secunda iucunde ac suaviter meminerimus. Quin etiam ferae, inquit Pacuvius,\n        quíbus abest, ad praécavendum intéllegendi astútia, iniecto terrore mortis horrescunt. Nihil enim hoc differt.\n        Bonum liberi: misera orbitas. Quare attende, quaeso. Quod cum dixissent, ille contra.\n        <z-select\n          items='[{\"id\":\"item_1\",\"name\":\"first item\",\"selected\":false},{\"id\":\"item_2\",\"name\":\"second item\",\"selected\":true},{\"id\":\"item_3\",\"name\":\"disabled item\",\"selected\":false,\"disabled\":true},{\"id\":\"item_4\",\"name\":\"fourth item\",\"selected\":false}]'\n          label=\"this is the label\"\n          aria-label=\"\"\n          placeholder=\"select placeholder\"\n          name=\"\"\n          status=\"-\"\n          message=\"helper text\"\n          autocomplete=\"false\"\n          noresultslabel=\"Nessun risultato\"\n          disabled=\"false\"\n          readonly=\"false\"\n          htmlid=\"\"\n          htmltitle=\"\"\n          reset-item=\"\"\n          isfixed=\"false\"\n          size=\"big\"\n        ></z-select>\n      </div>\n    </z-modal>\n    <z-button onclick=\"openZModal()\">apri modale</z-button>\n  `,\n} satisfies Story;\n\nexport const SlottedCloseButton = {\n  args: {\n    modalid: \"my-modal-slotted-close\",\n  },\n  render: (args) => html`\n    <z-modal\n      modalid=${args.modalid}\n      modaltitle=${args.modaltitle}\n      modalsubtitle=${args.modalsubtitle}\n      close-button-label=${args.closeButtonLabel}\n      alertdialog=${args.alertdialog}\n      closable=${args.closable}\n      scroll-inside=${args.scrollInside}\n    >\n      <div slot=\"modalContent\">\n        <div>Contenuto dello <b>slot</b></div>\n      </div>\n      <button\n        slot=\"modalCloseButton\"\n        aria-label=\"close\"\n        onclick=\"closeZModal()\"\n      >\n        X\n      </button>\n    </z-modal>\n    <z-button onclick=\"openZModal()\">apri modale</z-button>\n  `,\n} satisfies Story;\n"]}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../src/components/z-modal/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,oCAAoC,CAAC;AAC5C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,mBAAmB,CAAC;AAC3B,OAAO,SAAS,CAAC;AACjB,OAAO,qBAAqB,CAAC;AAE7B,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,SAAS;IACpB,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,gBAAgB;QAC5B,aAAa,EAAE,mBAAmB;QAClC,gBAAgB,EAAE,eAAe;QACjC,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,IAAI;QACd,YAAY,EAAE,IAAI;KACnB;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAA;;;;;;;;;QASX,KAAK,EAAE;KACV;KACF;CACqB,CAAC;AAEzB,eAAe,SAAS,CAAC;AAIzB,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE;QACJ,OAAO,EAAE,gBAAgB;KAC1B;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;gBAER,IAAI,CAAC,OAAO;mBACT,IAAI,CAAC,UAAU;sBACZ,IAAI,CAAC,aAAa;2BACb,IAAI,CAAC,gBAAgB;oBAC5B,IAAI,CAAC,WAAW;iBACnB,IAAI,CAAC,QAAQ;sBACR,IAAI,CAAC,YAAY;;;;;;;;;GASpC;CACc,CAAC;AAElB,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE;QACJ,OAAO,EAAE,eAAe;KACzB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;gBAER,IAAI,CAAC,OAAO;mBACT,IAAI,CAAC,UAAU;sBACZ,IAAI,CAAC,aAAa;2BACb,IAAI,CAAC,gBAAgB;oBAC5B,IAAI,CAAC,WAAW;iBACnB,IAAI,CAAC,QAAQ;sBACR,IAAI,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6HpC;CACc,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZModal} from \".\";\nimport \"../date-picker/z-date-picker/index\";\nimport \"../z-button/index\";\nimport \"../z-select/index\";\nimport \"./index\";\nimport \"./index.stories.css\";\n\nconst StoryMeta = {\n  title: \"ZModal\",\n  component: \"z-modal\",\n  args: {\n    modalid: \"my-modal\",\n    modaltitle: \"My modal title\",\n    modalsubtitle: \"My modal subtitle\",\n    closeButtonLabel: \"chiudi modale\",\n    alertdialog: false,\n    closable: true,\n    scrollInside: true,\n  },\n  decorators: [\n    (Story) => html`\n      <script>\n        function openZModal() {\n          document.querySelector(\"z-modal\").open();\n        }\n        function closeZModal() {\n          document.querySelector(\"z-modal\").close();\n        }\n      </script>\n      ${Story()}\n    `,\n  ],\n} satisfies Meta<ZModal>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZModal>;\n\nexport const ShortText = {\n  args: {\n    modalid: \"my-modal-short\",\n  },\n  render: (args) => html`\n    <z-modal\n      modalid=${args.modalid}\n      modaltitle=${args.modaltitle}\n      modalsubtitle=${args.modalsubtitle}\n      close-button-label=${args.closeButtonLabel}\n      alertdialog=${args.alertdialog}\n      closable=${args.closable}\n      scroll-inside=${args.scrollInside}\n    >\n      <div slot=\"modalContent\">\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n        <br />\n        <z-button onclick=\"closeZModal()\">close</z-button>\n      </div>\n    </z-modal>\n    <z-button onclick=\"openZModal()\">apri modale</z-button>\n  `,\n} satisfies Story;\n\nexport const LongText = {\n  args: {\n    modalid: \"my-modal-long\",\n  },\n  render: (args) => html`\n    <z-modal\n      modalid=${args.modalid}\n      modaltitle=${args.modaltitle}\n      modalsubtitle=${args.modalsubtitle}\n      close-button-label=${args.closeButtonLabel}\n      alertdialog=${args.alertdialog}\n      closable=${args.closable}\n      scroll-inside=${args.scrollInside}\n    >\n      <div slot=\"modalContent\">\n        <z-date-picker\n          date-picker-id=\"cicciaCulo\"\n          ariaLabel=\"stringaQualsiasi\"\n          label=\"ancheLi\"\n        ></z-date-picker>\n        Provaaaaa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in\n        Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit? Possumusne\n        ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo affectus, exul,\n        orbus, egens, torqueatur eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo, oblivisci non possum quae\n        volo. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Duo Reges: constructio interrete.\n        Plane idem, inquit, et maxima quidem, qua fieri nulla maior potest. Hoc autem loco tantum explicemus haec\n        honesta, quae dico, praeterquam quod nosmet ipsos diligamus, praeterea suapte natura per se esse expetenda. Te\n        enim iudicem aequum puto, modo quae dicat ille bene noris. Si enim Zenoni licuit, cum rem aliquam invenisset\n        inusitatam, inauditum quoque ei rei nomen inponere, cur non liceat Catoni? Ita cum ea volunt retinere, quae\n        superiori sententiae conveniunt, in Aristonem incidunt; Istam voluptatem perpetuam quis potest praestare\n        sapienti? Urgent tamen et nihil remittunt. Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio\n        quem illum anteponebas? Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Sin autem ad\n        animum, falsum est, quod negas animi ullum esse gaudium, quod non referatur ad corpus. Est autem situm in nobis\n        ut et adversa quasi perpetua oblivione obruamus et secunda iucunde ac suaviter meminerimus. Quin etiam ferae,\n        inquit Pacuvius, quíbus abest, ad praécavendum intéllegendi astútia, iniecto terrore mortis horrescunt. Nihil\n        enim hoc differt. Bonum liberi: misera orbitas. Quare attende, quaeso. Quod cum dixissent, ille contra. Lorem\n        ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in Archimede, qui\n        dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit? Possumusne ergo in vita\n        summum bonum dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo affectus, exul, orbus, egens,\n        torqueatur eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo, oblivisci non possum quae volo. Nec\n        vero sum nescius esse utilitatem in historia, non modo voluptatem. Duo Reges: constructio interrete. Plane idem,\n        inquit, et maxima quidem, qua fieri nulla maior potest. Hoc autem loco tantum explicemus haec honesta, quae\n        dico, praeterquam quod nosmet ipsos diligamus, praeterea suapte natura per se esse expetenda. Te enim iudicem\n        aequum puto, modo quae dicat ille bene noris. Si enim Zenoni licuit, cum rem aliquam invenisset inusitatam,\n        inauditum quoque ei rei nomen inponere, cur non liceat Catoni? Ita cum ea volunt retinere, quae superiori\n        sententiae conveniunt, in Aristonem incidunt; Istam voluptatem perpetuam quis potest praestare sapienti? Urgent\n        tamen et nihil remittunt. Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio quem illum\n        anteponebas? Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Sin autem ad animum,\n        falsum est, quod negas animi ullum esse gaudium, quod non referatur ad corpus. Est autem situm in nobis ut et\n        adversa quasi perpetua oblivione obruamus et secunda iucunde ac suaviter meminerimus. Quin etiam ferae, inquit\n        Pacuvius, quíbus abest, ad praécavendum intéllegendi astútia, iniecto terrore mortis horrescunt. Nihil enim hoc\n        differt. Bonum liberi: misera orbitas. Quare attende, quaeso. Quod cum dixissent, ille contra. Lorem ipsum dolor\n        sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in Archimede, qui dum in pulvere\n        quaedam describit attentius, ne patriam quidem captam esse senserit? Possumusne ergo in vita summum bonum\n        dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo affectus, exul, orbus, egens, torqueatur\n        eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo, oblivisci non possum quae volo. Nec vero sum\n        nescius esse utilitatem in historia, non modo voluptatem. Duo Reges: constructio interrete. Plane idem, inquit,\n        et maxima quidem, qua fieri nulla maior potest. Hoc autem loco tantum explicemus haec honesta, quae dico,\n        praeterquam quod nosmet ipsos diligamus, praeterea suapte natura per se esse expetenda. Te enim iudicem aequum\n        puto, modo quae dicat ille bene noris. Si enim Zenoni licuit, cum rem aliquam invenisset inusitatam, inauditum\n        quoque ei rei nomen inponere, cur non liceat Catoni? Ita cum ea volunt retinere, quae superiori sententiae\n        conveniunt, in Aristonem incidunt; Istam voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et\n        nihil remittunt. Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas?\n        Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod\n        negas animi ullum esse gaudium, quod non referatur ad corpus. Est autem situm in nobis ut et adversa quasi\n        perpetua oblivione obruamus et secunda iucunde ac suaviter meminerimus. Quin etiam ferae, inquit Pacuvius,\n        quíbus abest, ad praécavendum intéllegendi astútia, iniecto terrore mortis horrescunt. Nihil enim hoc differt.\n        Bonum liberi: misera orbitas. Quare attende, quaeso. Quod cum dixissent, ille contra. Lorem ipsum dolor sit\n        amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in Archimede, qui dum in pulvere\n        quaedam describit attentius, ne patriam quidem captam esse senserit? Possumusne ergo in vita summum bonum\n        dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo affectus, exul, orbus, egens, torqueatur\n        eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo, oblivisci non possum quae volo. Nec vero sum\n        nescius esse utilitatem in historia, non modo voluptatem. Duo Reges: constructio interrete. Plane idem, inquit,\n        et maxima quidem, qua fieri nulla maior potest. Hoc autem loco tantum explicemus haec honesta, quae dico,\n        praeterquam quod nosmet ipsos diligamus, praeterea suapte natura per se esse expetenda. Te enim iudicem aequum\n        puto, modo quae dicat ille bene noris. Si enim Zenoni licuit, cum rem aliquam invenisset inusitatam, inauditum\n        quoque ei rei nomen inponere, cur non liceat Catoni? Ita cum ea volunt retinere, quae superiori sententiae\n        conveniunt, in Aristonem incidunt; Istam voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et\n        nihil remittunt. Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas?\n        Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod\n        negas animi ullum esse gaudium, quod non referatur ad corpus. Est autem situm in nobis ut et adversa quasi\n        perpetua oblivione obruamus et secunda iucunde ac suaviter meminerimus. Quin etiam ferae, inquit Pacuvius,\n        quíbus abest, ad praécavendum intéllegendi astútia, iniecto terrore mortis horrescunt. Nihil enim hoc differt.\n        Bonum liberi: misera orbitas. Quare attende, quaeso. Quod cum dixissent, ille contra. Lorem ipsum dolor sit\n        amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in Archimede, qui dum in pulvere\n        quaedam describit attentius, ne patriam quidem captam esse senserit? Possumusne ergo in vita summum bonum\n        dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo affectus, exul, orbus, egens, torqueatur\n        eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo, oblivisci non possum quae volo. Nec vero sum\n        nescius esse utilitatem in historia, non modo voluptatem. Duo Reges: constructio interrete. Plane idem, inquit,\n        et maxima quidem, qua fieri nulla maior potest. Hoc autem loco tantum explicemus haec honesta, quae dico,\n        praeterquam quod nosmet ipsos diligamus, praeterea suapte natura per se esse expetenda. Te enim iudicem aequum\n        puto, modo quae dicat ille bene noris. Si enim Zenoni licuit, cum rem aliquam invenisset inusitatam, inauditum\n        quoque ei rei nomen inponere, cur non liceat Catoni? Ita cum ea volunt retinere, quae superiori sententiae\n        conveniunt, in Aristonem incidunt; Istam voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et\n        nihil remittunt. Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas?\n        Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod\n        negas animi ullum esse gaudium, quod non referatur ad corpus. Est autem situm in nobis ut et adversa quasi\n        perpetua oblivione obruamus et secunda iucunde ac suaviter meminerimus. Quin etiam ferae, inquit Pacuvius,\n        quíbus abest, ad praécavendum intéllegendi astútia, iniecto terrore mortis horrescunt. Nihil enim hoc differt.\n        Bonum liberi: misera orbitas. Quare attende, quaeso. Quod cum dixissent, ille contra. Lorem ipsum dolor sit\n        amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in Archimede, qui dum in pulvere\n        quaedam describit attentius, ne patriam quidem captam esse senserit? Possumusne ergo in vita summum bonum\n        dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo affectus, exul, orbus, egens, torqueatur\n        eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo, oblivisci non possum quae volo. Nec vero sum\n        nescius esse utilitatem in historia, non modo voluptatem. Duo Reges: constructio interrete. Plane idem, inquit,\n        et maxima quidem, qua fieri nulla maior potest. Hoc autem loco tantum explicemus haec honesta, quae dico,\n        praeterquam quod nosmet ipsos diligamus, praeterea suapte natura per se esse expetenda. Te enim iudicem aequum\n        puto, modo quae dicat ille bene noris. Si enim Zenoni licuit, cum rem aliquam invenisset inusitatam, inauditum\n        quoque ei rei nomen inponere, cur non liceat Catoni? Ita cum ea volunt retinere, quae superiori sententiae\n        conveniunt, in Aristonem incidunt; Istam voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et\n        nihil remittunt. Sin te auctoritas commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas?\n        Stuprata per vim Lucretia a regis filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod\n        negas animi ullum esse gaudium, quod non referatur ad corpus. Est autem situm in nobis ut et adversa quasi\n        perpetua oblivione obruamus et secunda iucunde ac suaviter meminerimus. Quin etiam ferae, inquit Pacuvius,\n        quíbus abest, ad praécavendum intéllegendi astútia, iniecto terrore mortis horrescunt. Nihil enim hoc differt.\n        Bonum liberi: misera orbitas. Quare attende, quaeso. Quod cum dixissent, ille contra.\n        <z-select\n          items='[{\"id\":\"item_1\",\"name\":\"first item\",\"selected\":false},{\"id\":\"item_2\",\"name\":\"second item\",\"selected\":true},{\"id\":\"item_3\",\"name\":\"disabled item\",\"selected\":false,\"disabled\":true},{\"id\":\"item_4\",\"name\":\"fourth item\",\"selected\":false}]'\n          label=\"this is the label\"\n          aria-label=\"\"\n          placeholder=\"select placeholder\"\n          name=\"\"\n          status=\"-\"\n          message=\"helper text\"\n          autocomplete=\"false\"\n          noresultslabel=\"Nessun risultato\"\n          disabled=\"false\"\n          readonly=\"false\"\n          htmlid=\"\"\n          htmltitle=\"\"\n          reset-item=\"\"\n          isfixed=\"false\"\n          size=\"big\"\n        ></z-select>\n      </div>\n    </z-modal>\n    <z-button onclick=\"openZModal()\">apri modale</z-button>\n  `,\n} satisfies Story;\n"]}

package/dist/docs/grid/index.stories.js

@@ -7,7 +7,7 @@ export default {
 export const Grid = {
     render: () => html `
     <div class="grid-story body-1">
-      <p>This story highlights z-grid column responsive CSS classes from albe-design-tokens grid system.</p>
+      <p>This story highlights z-grid column responsive CSS classes from tokens grid system.</p>
       <p>Changing the viewport size will change the grid layout.</p>
       <p>Try changing viewport size using Storybook preview tool on Canvas tab.</p>
       <div class="container">

package/dist/docs/grid/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../docs/grid/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAE7B,eAAe;IACb,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,CAAC,WAAW,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCjB;CACF,CAAC","sourcesContent":["import {html} from \"lit\";\nimport \"./index.stories.css\";\n\nexport default {\n  title: \"Grid\",\n  tags: [\"!autodocs\"],\n};\n\nexport const Grid = {\n  render: () => html`\n    <div class=\"grid-story body-1\">\n      <p>This story highlights z-grid column responsive CSS classes from albe-design-tokens grid system.</p>\n      <p>Changing the viewport size will change the grid layout.</p>\n      <p>Try changing viewport size using Storybook preview tool on Canvas tab.</p>\n      <div class=\"container\">\n        <h3>Responsive columns</h3>\n        <div class=\"z-grid\">\n          <div class=\"wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2\">\n            wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2\n          </div>\n          <div class=\"wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2\">\n            wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2\n          </div>\n          <div class=\"wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2\">\n            wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2\n          </div>\n          <div class=\"wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2\">\n            wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2\n          </div>\n          <div class=\"ghost-grid z-grid\">\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  `,\n};\n"]}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../docs/grid/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAE7B,eAAe;IACb,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,CAAC,WAAW,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCjB;CACF,CAAC","sourcesContent":["import {html} from \"lit\";\nimport \"./index.stories.css\";\n\nexport default {\n  title: \"Grid\",\n  tags: [\"!autodocs\"],\n};\n\nexport const Grid = {\n  render: () => html`\n    <div class=\"grid-story body-1\">\n      <p>This story highlights z-grid column responsive CSS classes from tokens grid system.</p>\n      <p>Changing the viewport size will change the grid layout.</p>\n      <p>Try changing viewport size using Storybook preview tool on Canvas tab.</p>\n      <div class=\"container\">\n        <h3>Responsive columns</h3>\n        <div class=\"z-grid\">\n          <div class=\"wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2\">\n            wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2\n          </div>\n          <div class=\"wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2\">\n            wide-col-6 desktop-col-4 tablet-col-3 mobile-col-2\n          </div>\n          <div class=\"wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2\">\n            wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2\n          </div>\n          <div class=\"wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2\">\n            wide-col-4 desktop-col-4 tablet-col-3 mobile-col-2\n          </div>\n          <div class=\"ghost-grid z-grid\">\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n            <div></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  `,\n};\n"]}

package/dist/types/components/z-modal/index.stories.d.ts

@@ -31,9 +31,3 @@ export declare const LongText: {
     };
     render: (args: ZModal) => import("lit-html").TemplateResult<1>;
 };
-export declare const SlottedCloseButton: {
-    args: {
-        modalid: string;
-    };
-    render: (args: ZModal) => import("lit-html").TemplateResult<1>;
-};