@zanichelli/albe-web-components 19.3.0-rc1 → 19.3.0

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

@@ -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

@@ -1,318 +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": "",
-        "searchPlaceholder": "Digita qui quello che vuoi",
-        "searchButtonLabel": "Cliccami",
-        "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", "searchPlaceholder", "searchButtonLabel"],
-        },
-    },
-    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", "searchPlaceholder", "searchButtonLabel"],
-        },
-    },
-    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", "searchPlaceholder", "searchButtonLabel"],
-        },
-    },
-    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", "searchPlaceholder", "searchButtonLabel"],
-        },
-    },
-    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", "searchPlaceholder", "searchButtonLabel"],
-        },
-    },
-    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", "searchPlaceholder", "searchButtonLabel"],
-        },
-    },
-    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", "searchPlaceholder", "searchButtonLabel"],
-        },
-    },
-    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",
-                "searchPlaceholder",
-                "searchButtonLabel",
-            ],
-        },
-    },
-    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,
-    },
-    parameters: {
-        controls: {
-            exclude: ["searchPlaceholder", "searchButtonLabel"],
-        },
-    },
-    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", "searchPlaceholder", "searchButtonLabel"],
-        },
-    },
-    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}
-      .searchPlaceholder=${args.searchPlaceholder}
-      .searchButtonLabel=${args.searchButtonLabel}
-      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>`,
-};