npm - @zanichelli/albe-web-components - Versions diffs - 19.3.0-RC5 → 19.3.0-RC6 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (770) hide show

package/dist/collection/components/z-anchor-navigation/index.stories.js DELETED Viewed

@@ -1,350 +0,0 @@
-import { html } from "lit";
-import "../z-button/index";
-import "../z-icon/index";
-import "./index";
-import "./index.stories.css";
-const StoryMeta = {
-    title: "ZAnchorNavigation",
-    component: "z-anchor-navigation",
-    args: {
-        hideUnselected: false,
-        collapsedLabel: "salta a",
-        isCollapsed: false,
-    },
-};
-export default StoryMeta;
-export const Default = {
-    render: (args) => html `
-    <div class="z-anchor-navigation-story-wrapper ${args.isCollapsed ? "collapsed" : ""}">
-      <z-anchor-navigation
-        collapsed-label=${args.collapsedLabel}
-        .hideUnselected=${args.hideUnselected}
-        .isCollapsed=${args.isCollapsed}
-      >
-        <div>
-          <a
-            href="#first-section"
-            target="_self"
-            >First section</a
-          >
-          <z-button
-            variant="tertiary"
-            icon="share"
-            size="x-small"
-          ></z-button>
-        </div>
-        <div>
-          <a
-            href="#second-section"
-            target="_self"
-            >Second section</a
-          >
-        </div>
-        <div>
-          <a
-            href="#third-section"
-            target="_self"
-            >Third section with a very very long title and an icon and the title is repeated so it can go over 2 lines
-            Third section with a very very long title and an icon and the title is repeated so it can go over 2 lines
-          </a>
-          <button
-            type="button"
-            aria-label="share"
-          >
-            <z-icon name="share" />
-          </button>
-        </div>
-        <a
-          href="#fourth-section"
-          target="_self"
-          >Third section with a very very long title and an icon and the title is repeated so it can go over 2 lines
-          Third section with a very very long title and an icon and the title is repeated so it can go over 2 lines
-        </a>
-      </z-anchor-navigation>
-      <div>
-        <div
-          class="section"
-          id="first-section"
-        >
-          <h4>First section</h4>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in
-            Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit?
-            Possumusne ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo
-            affectus, exul, orbus, egens, torqueatur eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo,
-            oblivisci non possum quae volo. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Duo
-            Reges: constructio interrete. Plane idem, inquit, et maxima quidem, qua fieri nulla maior potest. Hoc autem
-            loco tantum explicemus haec honesta, quae dico, praeterquam quod nosmet ipsos diligamus, praeterea suapte
-            natura per se esse expetenda. Te enim iudicem aequum puto, modo quae dicat ille bene noris. Si enim Zenoni
-            licuit, cum rem aliquam invenisset inusitatam, inauditum quoque ei rei nomen inponere, cur non liceat
-            Catoni? Ita cum ea volunt retinere, quae superiori sententiae conveniunt, in Aristonem incidunt; Istam
-            voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et nihil remittunt. Sin te auctoritas
-            commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas? Stuprata per vim Lucretia a regis
-            filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod negas animi ullum esse gaudium,
-            quod non referatur ad corpus.
-          </p>
-        </div>
-        <div class="separator"></div>
-        <div
-          class="section"
-          id="second-section"
-        >
-          <h4>Second section</h4>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in
-            Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit?
-            Possumusne ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo
-            affectus, exul, orbus, egens, torqueatur eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo,
-            oblivisci non possum quae volo. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Duo
-            Reges: constructio interrete. Plane idem, inquit, et maxima quidem, qua fieri nulla maior potest. Hoc autem
-            loco tantum explicemus haec honesta, quae dico, praeterquam quod nosmet ipsos diligamus, praeterea suapte
-            natura per se esse expetenda. Te enim iudicem aequum puto, modo quae dicat ille bene noris. Si enim Zenoni
-            licuit, cum rem aliquam invenisset inusitatam, inauditum quoque ei rei nomen inponere, cur non liceat
-            Catoni? Ita cum ea volunt retinere, quae superiori sententiae conveniunt, in Aristonem incidunt; Istam
-            voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et nihil remittunt. Sin te auctoritas
-            commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas? Stuprata per vim Lucretia a regis
-            filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod negas animi ullum esse gaudium,
-            quod non referatur ad corpus.
-          </p>
-        </div>
-        <div class="separator"></div>
-        <div
-          class="section"
-          id="third-section"
-        >
-          <h4>Third section</h4>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in
-            Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit?
-            Possumusne ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo
-            affectus, exul, orbus, egens, torqueatur eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo,
-            oblivisci non possum quae volo. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Duo
-            Reges: constructio interrete. Plane idem, inquit, et maxima quidem, qua fieri nulla maior potest. Hoc autem
-            loco tantum explicemus haec honesta, quae dico, praeterquam quod nosmet ipsos diligamus, praeterea suapte
-            natura per se esse expetenda. Te enim iudicem aequum puto, modo quae dicat ille bene noris. Si enim Zenoni
-            licuit, cum rem aliquam invenisset inusitatam, inauditum quoque ei rei nomen inponere, cur non liceat
-            Catoni? Ita cum ea volunt retinere, quae superiori sententiae conveniunt, in Aristonem incidunt; Istam
-            voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et nihil remittunt. Sin te auctoritas
-            commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas? Stuprata per vim Lucretia a regis
-            filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod negas animi ullum esse gaudium,
-            quod non referatur ad corpus.
-          </p>
-        </div>
-        <div class="separator"></div>
-        <div
-          class="section"
-          id="fourth-section"
-        >
-          <h4>Fourth section</h4>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in
-            Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit?
-            Possumusne ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo
-            affectus, exul, orbus, egens, torqueatur eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo,
-            oblivisci non possum quae volo. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Duo
-            Reges: constructio interrete. Plane idem, inquit, et maxima quidem, qua fieri nulla maior potest. Hoc autem
-            loco tantum explicemus haec honesta, quae dico, praeterquam quod nosmet ipsos diligamus, praeterea suapte
-            natura per se esse expetenda. Te enim iudicem aequum puto, modo quae dicat ille bene noris. Si enim Zenoni
-            licuit, cum rem aliquam invenisset inusitatam, inauditum quoque ei rei nomen inponere, cur non liceat
-            Catoni? Ita cum ea volunt retinere, quae superiori sententiae conveniunt, in Aristonem incidunt; Istam
-            voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et nihil remittunt. Sin te auctoritas
-            commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas? Stuprata per vim Lucretia a regis
-            filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod negas animi ullum esse gaudium,
-            quod non referatur ad corpus.
-          </p>
-        </div>
-        <div class="separator"></div>
-      </div>
-    </div>
-  `,
-};
-/**
- * Setting `autoCurrent` to `false` disables the automatic highlighting of the current section in the anchor navigation
- * and allows manual handling.
- * In this story, for example, the highlighting of the current section is done by clicking on the related button.
- */
-export const AutoCurrentDisabling = {
-    args: {
-        autoCurrent: false,
-    },
-    parameters: {
-        controls: {
-            exclude: ["autoCurrent"],
-        },
-    },
-    render: (args) => html `
-    <script>
-      Array.from(document.querySelectorAll(".z-anchor-navigation-manual-current z-button")).forEach((item) =>
-        item.addEventListener("click", (ev) => {
-          const sectionID = ev.target.closest("z-button")?.dataset.to;
-          const current = document.querySelector("#" + sectionID + "-anchor");
-          const nav = current?.closest("nav");
-          Array.from(nav?.children ?? []).forEach((item) => {
-            const isCurrent = item.contains(current);
-            if (isCurrent) {
-              item.setAttribute("data-current", "");
-            } else {
-              item.removeAttribute("data-current");
-            }
-            const anchor = item.tagName === "A" ? item : item.querySelector("a");
-            item?.setAttribute("aria-current", isCurrent.toString());
-          });
-          const section = document.querySelector("#" + sectionID);
-          section?.scrollIntoView();
-        })
-      );
-    </script>
-    <div class="z-anchor-navigation-manual-current">
-      <z-button
-        size="x-small"
-        data-to="first-section"
-        >To first section</z-button
-      >
-      <z-button
-        size="x-small"
-        data-to="second-section"
-        >To second section</z-button
-      >
-      <z-button
-        size="x-small"
-        data-to="third-section"
-        >To third section</z-button
-      >
-      <z-button
-        size="x-small"
-        data-to="fourth-section"
-        >Highlight fourth section</z-button
-      >
-    </div>
-    <div class="z-anchor-navigation-story-wrapper">
-      <z-anchor-navigation
-        collapsed-label=${args.collapsedLabel}
-        .hideUnselected=${args.hideUnselected}
-        .autoCurrent=${args.autoCurrent}
-      >
-        <div>
-          <a id="first-section-anchor">First section</a>
-          <z-button
-            variant="tertiary"
-            icon="share"
-            size="x-small"
-          ></z-button>
-        </div>
-        <div>
-          <a id="second-section-anchor">Second section</a>
-        </div>
-        <div>
-          <a id="third-section-anchor"
-            >Third section with a very very long title and an icon and the title is repeated so it can go over 2 lines
-            Third section with a very very long title and an icon and the title is repeated so it can go over 2 lines
-          </a>
-          <button
-            type="button"
-            aria-label="share"
-          >
-            <z-icon name="share" />
-          </button>
-        </div>
-        <a id="fourth-section-anchor"
-          >Third section with a very very long title and an icon and the title is repeated so it can go over 2 lines
-          Third section with a very very long title and an icon and the title is repeated so it can go over 2 lines
-        </a>
-      </z-anchor-navigation>
-      <div class="z-anchor-navigation-demo-sections">
-        <div
-          class="section"
-          id="first-section"
-        >
-          <h4>First section</h4>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in
-            Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit?
-            Possumusne ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo
-            affectus, exul, orbus, egens, torqueatur eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo,
-            oblivisci non possum quae volo. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Duo
-            Reges: constructio interrete. Plane idem, inquit, et maxima quidem, qua fieri nulla maior potest. Hoc autem
-            loco tantum explicemus haec honesta, quae dico, praeterquam quod nosmet ipsos diligamus, praeterea suapte
-            natura per se esse expetenda. Te enim iudicem aequum puto, modo quae dicat ille bene noris. Si enim Zenoni
-            licuit, cum rem aliquam invenisset inusitatam, inauditum quoque ei rei nomen inponere, cur non liceat
-            Catoni? Ita cum ea volunt retinere, quae superiori sententiae conveniunt, in Aristonem incidunt; Istam
-            voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et nihil remittunt. Sin te auctoritas
-            commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas? Stuprata per vim Lucretia a regis
-            filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod negas animi ullum esse gaudium,
-            quod non referatur ad corpus.
-          </p>
-        </div>
-        <div class="separator"></div>
-        <div
-          class="section"
-          id="second-section"
-        >
-          <h4>Second section</h4>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in
-            Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit?
-            Possumusne ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo
-            affectus, exul, orbus, egens, torqueatur eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo,
-            oblivisci non possum quae volo. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Duo
-            Reges: constructio interrete. Plane idem, inquit, et maxima quidem, qua fieri nulla maior potest. Hoc autem
-            loco tantum explicemus haec honesta, quae dico, praeterquam quod nosmet ipsos diligamus, praeterea suapte
-            natura per se esse expetenda. Te enim iudicem aequum puto, modo quae dicat ille bene noris. Si enim Zenoni
-            licuit, cum rem aliquam invenisset inusitatam, inauditum quoque ei rei nomen inponere, cur non liceat
-            Catoni? Ita cum ea volunt retinere, quae superiori sententiae conveniunt, in Aristonem incidunt; Istam
-            voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et nihil remittunt. Sin te auctoritas
-            commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas? Stuprata per vim Lucretia a regis
-            filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod negas animi ullum esse gaudium,
-            quod non referatur ad corpus.
-          </p>
-        </div>
-        <div class="separator"></div>
-        <div
-          class="section"
-          id="third-section"
-        >
-          <h4>Third section</h4>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in
-            Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit?
-            Possumusne ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo
-            affectus, exul, orbus, egens, torqueatur eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo,
-            oblivisci non possum quae volo. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Duo
-            Reges: constructio interrete. Plane idem, inquit, et maxima quidem, qua fieri nulla maior potest. Hoc autem
-            loco tantum explicemus haec honesta, quae dico, praeterquam quod nosmet ipsos diligamus, praeterea suapte
-            natura per se esse expetenda. Te enim iudicem aequum puto, modo quae dicat ille bene noris. Si enim Zenoni
-            licuit, cum rem aliquam invenisset inusitatam, inauditum quoque ei rei nomen inponere, cur non liceat
-            Catoni? Ita cum ea volunt retinere, quae superiori sententiae conveniunt, in Aristonem incidunt; Istam
-            voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et nihil remittunt. Sin te auctoritas
-            commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas? Stuprata per vim Lucretia a regis
-            filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod negas animi ullum esse gaudium,
-            quod non referatur ad corpus.
-          </p>
-        </div>
-        <div class="separator"></div>
-        <div
-          class="section"
-          id="fourth-section"
-        >
-          <h4>Fourth section</h4>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quem enim ardorem studii censetis fuisse in
-            Archimede, qui dum in pulvere quaedam describit attentius, ne patriam quidem captam esse senserit?
-            Possumusne ergo in vita summum bonum dicere, cum id ne in cena quidem posse videamur? Morbo gravissimo
-            affectus, exul, orbus, egens, torqueatur eculeo: quem hunc appellas, Zeno? Nam memini etiam quae nolo,
-            oblivisci non possum quae volo. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Duo
-            Reges: constructio interrete. Plane idem, inquit, et maxima quidem, qua fieri nulla maior potest. Hoc autem
-            loco tantum explicemus haec honesta, quae dico, praeterquam quod nosmet ipsos diligamus, praeterea suapte
-            natura per se esse expetenda. Te enim iudicem aequum puto, modo quae dicat ille bene noris. Si enim Zenoni
-            licuit, cum rem aliquam invenisset inusitatam, inauditum quoque ei rei nomen inponere, cur non liceat
-            Catoni? Ita cum ea volunt retinere, quae superiori sententiae conveniunt, in Aristonem incidunt; Istam
-            voluptatem perpetuam quis potest praestare sapienti? Urgent tamen et nihil remittunt. Sin te auctoritas
-            commovebat, nobisne omnibus et Platoni ipsi nescio quem illum anteponebas? Stuprata per vim Lucretia a regis
-            filio testata civis se ipsa interemit. Sin autem ad animum, falsum est, quod negas animi ullum esse gaudium,
-            quod non referatur ad corpus.
-          </p>
-        </div>
-        <div class="separator"></div>
-      </div>
-    </div>
-  `,
-};

package/dist/collection/components/z-app-header/index.stories.js DELETED Viewed

@@ -1,302 +0,0 @@
-import { html } from "lit";
-import "../z-menu-section/index";
-import "../z-menu/index";
-import "./index";
-import "./index.stories.css";
-const StoryMeta = {
-    title: "ZAppHeader",
-    component: "z-app-header",
-    parameters: {
-        layout: "fullscreen",
-    },
-    subcomponents: {
-        ZMenu: "z-menu",
-        ZMenuSection: "z-menu-section",
-    },
-    args: {
-        "--app-header-content-max-width": "100%",
-        "enableSearch": false,
-        "searchPageUrl": "",
-        "enableZLogo": false,
-        "enableOffcanvas": false,
-    },
-};
-export default StoryMeta;
-const menuItemsTemplate = () => {
-    return html `<a
-      href=""
-      slot="item"
-      >Item 1</a
-    >
-    <z-menu-section slot="item">
-      <h3>Item 2</h3>
-      <a
-        href=""
-        slot="section"
-        >Item 2.1</a
-      >
-      <a
-        href=""
-        slot="section"
-        >Item 2.2</a
-      >
-    </z-menu-section>
-    <z-menu-section slot="item">
-      <h3>Item 3</h3>
-      <a
-        href=""
-        slot="section"
-        >Item 3.1</a
-      >
-      <a
-        href=""
-        slot="section"
-        >Item 3.2</a
-      >
-    </z-menu-section>
-    <a
-      href=""
-      slot="item"
-      >Item 4</a
-    >
-    <z-menu-section slot="item">
-      <h3>Item 5</h3>
-      <a
-        href=""
-        slot="section"
-        >Item 5.1</a
-      >
-      <a
-        href=""
-        slot="section"
-        >Item 5.2</a
-      >
-    </z-menu-section>`;
-};
-const menuTemplate = () => {
-    return html `
-    <z-menu slot="menu">
-      <h3>Menu label 1</h3>
-      ${menuItemsTemplate()}
-    </z-menu>
-    <z-menu slot="menu">
-      <a href>Menu label 2</a>
-    </z-menu>
-    <z-menu slot="menu">
-      <h3>Menu label 3</h3>
-      ${menuItemsTemplate()}
-    </z-menu>
-    <z-menu slot="menu">
-      <h3>Menu label 4</h3>
-      ${menuItemsTemplate()}
-    </z-menu>
-  `;
-};
-export const Title = {
-    parameters: {
-        controls: {
-            exclude: ["enableOffcanvas"],
-        },
-    },
-    render: (args) => html `<z-app-header
-      .enableSearch=${args.enableSearch}
-      .searchPageUrl=${args.searchPageUrl}
-      .enableZLogo=${args.enableZLogo}
-      style="--app-header-content-max-width: ${args["--app-header-content-max-width"]}"
-    >
-      <a href="zanichelli.it" slot="title">Applicazione</h1>
-    </z-app-header>`,
-};
-export const ProductLogo = {
-    parameters: {
-        controls: {
-            exclude: ["enableOffcanvas"],
-        },
-    },
-    render: (args) => html `<z-app-header
-      .enableSearch=${args.enableSearch}
-      .searchPageUrl=${args.searchPageUrl}
-      .enableZLogo=${args.enableZLogo}
-      style="--app-header-content-max-width: ${args["--app-header-content-max-width"]}"
-    >
-      <h1 slot="title">Applicazione</h1>
-      <div
-        class="story-product-logo"
-        slot="product-logo"
-      ></div>
-    </z-app-header>`,
-};
-export const TopTitle = {
-    parameters: {
-        controls: {
-            exclude: ["enableOffcanvas", "enableZLogo"],
-        },
-    },
-    render: (args) => html `<z-app-header
-      .enableSearch=${args.enableSearch}
-      .searchPageUrl=${args.searchPageUrl}
-      style="--app-header-content-max-width: ${args["--app-header-content-max-width"]}"
-    >
-      <h2 slot="top-subtitle">Payoff dell'applicazione</h2>
-      <h1 slot="title">Applicazione</h1>
-    </z-app-header>`,
-};
-export const TopTitleWithProductLogo = {
-    parameters: {
-        controls: {
-            exclude: ["enableOffcanvas", "enableZLogo"],
-        },
-    },
-    render: (args) => html `<z-app-header
-      .enableSearch=${args.enableSearch}
-      .searchPageUrl=${args.searchPageUrl}
-      .enableZLogo=${false}
-      style="--app-header-content-max-width: ${args["--app-header-content-max-width"]}"
-    >
-      <h2 slot="top-subtitle">Payoff dell'applicazione</h2>
-      <h1 slot="title">Applicazione</h1>
-      <div
-        class="story-product-logo"
-        slot="product-logo"
-      ></div>
-    </z-app-header>`,
-};
-export const CustomMenuButton = {
-    parameters: {
-        controls: {
-            exclude: ["enableOffcanvas"],
-        },
-    },
-    render: (args) => html `<z-app-header
-      .enableSearch=${args.enableSearch}
-      .searchPageUrl=${args.searchPageUrl}
-      .enableZLogo=${args.enableZLogo}
-      style="--app-header-content-max-width: ${args["--app-header-content-max-width"]}"
-    >
-      <button slot="menu-button"><z-icon name="gear" /></button>
-      <a href="zanichelli.it" slot="title">Applicazione</h1>
-    </z-app-header>`,
-};
-export const MenuWithTopTitle = {
-    parameters: {
-        controls: {
-            exclude: ["enableZLogo"],
-        },
-    },
-    render: (args) => html `<z-app-header
-      .enableOffcanvas=${args.enableOffcanvas}
-      .enableSearch=${args.enableSearch}
-      .searchPageUrl=${args.searchPageUrl}
-      style="--app-header-content-max-width: ${args["--app-header-content-max-width"]}"
-    >
-      <h2 slot="top-subtitle">Payoff dell'applicazione</h2>
-      <h1 slot="title">Applicazione</h1>
-      ${menuTemplate()}
-    </z-app-header>`,
-};
-export const MenuWithTopTitleAndProductLogo = {
-    parameters: {
-        controls: {
-            exclude: ["enableZLogo"],
-        },
-    },
-    render: (args) => html `<z-app-header
-      .enableOffcanvas=${args.enableOffcanvas}
-      .enableSearch=${args.enableSearch}
-      .searchPageUrl=${args.searchPageUrl}
-      .enableZLogo=${false}
-      style="--app-header-content-max-width: ${args["--app-header-content-max-width"]}"
-    >
-      <h2 slot="top-subtitle">Payoff dell'applicazione</h2>
-      <h1 slot="title">Applicazione</h1>
-      <div
-        class="story-product-logo"
-        slot="product-logo"
-      ></div>
-      ${menuTemplate()}
-    </z-app-header>`,
-};
-export const LongTitle = {
-    parameters: {
-        controls: {
-            exclude: ["enableOffcanvas", "enableZLogo", "enableSearch", "searchPageUrl"],
-        },
-    },
-    render: (args) => html `<z-app-header style="--app-header-content-max-width: ${args["--app-header-content-max-width"]}">
-      <h1 slot="title">Fondamenti di fisica 8e - Meccanica, Onde, Termodinamica, Elettromagnetismo, Ottica</h1>
-      <h2 slot="top-subtitle">Jearl Walker, David Halliday, Robert Resnick</h2>
-      ${menuTemplate()}
-    </z-app-header>`,
-};
-export const OffcanvasMenu = {
-    args: {
-        enableOffcanvas: true,
-    },
-    render: (args) => html `<z-app-header
-      .enableOffcanvas=${args.enableOffcanvas}
-      .enableSearch=${args.enableSearch}
-      .searchPageUrl=${args.searchPageUrl}
-      .enableZLogo=${args.enableZLogo}
-      style="--app-header-content-max-width: ${args["--app-header-content-max-width"]}"
-    >
-      <h1 slot="title">Applicazione</h1>
-      ${menuTemplate()}
-    </z-app-header>`,
-};
-export const Stuck = {
-    decorators: [
-        (Story) => html `
-      <div style="padding: 16px var(--grid-margin)">Scroll to see <code>stuck</code> prop in action.</div>
-      <div style="height: 200vh">${Story()}</div>
-    `,
-    ],
-    parameters: {
-        docs: {
-            story: {
-                inline: false,
-                iframeHeight: "400px",
-            },
-        },
-        controls: {
-            exclude: ["enableOffcanvas"],
-        },
-    },
-    render: (args) => html `<z-app-header
-      stuck
-      .enableZLogo=${args.enableZLogo}
-      .enableSearch=${args.enableSearch}
-      .searchPageUrl=${args.searchPageUrl}
-      style="--app-header-content-max-width: ${args["--app-header-content-max-width"]}; --app-header-top-offset: 0"
-    >
-      <h1 slot="title">Fondamenti di fisica 8e - Meccanica, Onde, Termodinamica, Elettromagnetismo, Ottica</h1>
-      ${menuTemplate()}
-    </z-app-header>`,
-};
-export const SearchPageButton = {
-    parameters: {
-        controls: {
-            exclude: ["searchPageUrl", "enableSearch", "enableOffcanvas"],
-        },
-    },
-    decorators: [
-        (Story) => html `
-      <div style="padding: 16px var(--grid-margin)">
-        The prop <code>searchPageUrl</code> only affects the component in tablet and mobile viewports.
-      </div>
-      ${Story()}
-    `,
-    ],
-    render: (args) => html `<z-app-header
-      enable-search
-      .enableZLogo=${args.enableZLogo}
-      search-page-url="https://www.zanichelli.it"
-      style="--app-header-content-max-width: ${args["--app-header-content-max-width"]}"
-    >
-      <h1 slot="title">Applicazione</h1>
-      <h2 slot="subtitle">Payoff dell'applicazione</h2>
-      ${menuTemplate()}
-    </z-app-header>`,
-};