npm - @zanichelli/albe-web-components - Versions diffs - 19.2.3-RC1 → 19.2.3 - Mend

@zanichelli/albe-web-components 19.2.3-RC1 → 19.2.3

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 (1550) hide show

package/dist/collection/components/deprecated/z-app-header-deprecated/index.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-app-header-deprecated/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta} from \"@storybook/web-components\";\nimport {html, type TemplateResult} from \"lit\";\nimport {ZAppHeaderDeprecated} from \".\";\nimport {CSSVarsArguments} from \"../../../utils/storybook-utils\";\nimport \"../z-menu-deprecated/index\";\nimport \"../z-menu-section-deprecated/index\";\nimport \"./index\";\nimport \"./index.stories.css\";\n\ntype ZAppHeaderDeprecatedStoriesArgs = ZAppHeaderDeprecated & CSSVarsArguments<\"app-header-content-max-width\">;\n\nconst StoryMeta = {\n title: \"Deprecated/ZAppHeaderDeprecated\",\n component: \"z-app-header-deprecated\",\n parameters: {\n layout: \"fullscreen\",\n },\n argTypes: {\n flow: {\n control: {\n type: \"inline-radio\",\n },\n options: [\"auto\", \"stack\", \"offcanvas\"],\n },\n },\n args: {\n \"--app-header-content-max-width\": \"100%\",\n \"enableSearch\": false,\n \"searchPageUrl\": \"\",\n \"flow\": \"auto\",\n },\n} satisfies Meta<ZAppHeaderDeprecatedStoriesArgs>;\n\nexport default StoryMeta;\n\nconst menuTemplate = (): TemplateResult => {\n return html`\n <z-menu-deprecated\n slot=\"menu\"\n floating\n >\n <h3>Menu label</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 2</a\n >\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 3</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.2</a\n >\n </z-menu-section-deprecated>\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 4</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.2</a\n >\n </z-menu-section-deprecated>\n <a\n href=\"\"\n slot=\"item\"\n >Item 5</a\n >\n </z-menu-deprecated>\n <z-menu-deprecated\n slot=\"menu\"\n floating\n >\n <a href>Menu label</a>\n </z-menu-deprecated>\n `;\n};\n\nconst longMenuTemplate = (): TemplateResult => {\n return html`\n <z-menu-deprecated\n slot=\"menu\"\n floating\n >\n <h3>Not so short menu label</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 2</a\n >\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 3</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.2</a\n >\n </z-menu-section-deprecated>\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 4</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.2</a\n >\n </z-menu-section-deprecated>\n <a\n href=\"\"\n slot=\"item\"\n >Item 5</a\n >\n </z-menu-deprecated>\n <z-menu-deprecated\n slot=\"menu\"\n floating\n >\n <h3>Menu label</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 2</a\n >\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 3</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.2</a\n >\n </z-menu-section-deprecated>\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 4</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.2</a\n >\n </z-menu-section-deprecated>\n <a\n href=\"\"\n slot=\"item\"\n >Item 5</a\n >\n </z-menu-deprecated>\n <z-menu-deprecated\n slot=\"menu\"\n floating\n >\n <h3>Menu label</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 2</a\n >\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 3</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.2</a\n >\n </z-menu-section-deprecated>\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 4</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.2</a\n >\n </z-menu-section-deprecated>\n <a\n href=\"\"\n slot=\"item\"\n >Item 5</a\n >\n </z-menu-deprecated>\n <z-menu-deprecated\n slot=\"menu\"\n floating\n >\n <h3>Menu label</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 2</a\n >\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 3</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.2</a\n >\n </z-menu-section-deprecated>\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 4</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.2</a\n >\n </z-menu-section-deprecated>\n <a\n href=\"\"\n slot=\"item\"\n >Item 5</a\n >\n </z-menu-deprecated>\n <z-menu-deprecated\n slot=\"menu\"\n floating\n >\n <h3>Menu label</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 2</a\n >\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 3</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.2</a\n >\n </z-menu-section-deprecated>\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 4</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.2</a\n >\n </z-menu-section-deprecated>\n <a\n href=\"\"\n slot=\"item\"\n >Item 5</a\n >\n </z-menu-deprecated>\n <z-menu-deprecated\n slot=\"menu\"\n floating\n >\n <h3>Menu label</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 2</a\n >\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 3</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.2</a\n >\n </z-menu-section-deprecated>\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 4</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.2</a\n >\n </z-menu-section-deprecated>\n <a\n href=\"\"\n slot=\"item\"\n >Item 5</a\n >\n </z-menu-deprecated>\n <z-menu-deprecated\n slot=\"menu\"\n floating\n >\n <h3>Menu label</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 2</a\n >\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 3</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.2</a\n >\n </z-menu-section-deprecated>\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 4</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.2</a\n >\n </z-menu-section-deprecated>\n <a\n href=\"\"\n slot=\"item\"\n >Item 5</a\n >\n </z-menu-deprecated>\n `;\n};\n\ntype Story = Meta<ZAppHeaderDeprecatedStoriesArgs>;\n\nexport const Title = {\n parameters: {\n controls: {\n exclude: [\"flow\"],\n },\n },\n render: (args) =>\n html`<z-app-header-deprecated\n .enableSearch=${args.enableSearch}\n .searchPageUrl=${args.searchPageUrl}\n style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n >\n <h1 slot=\"title\">Applicazione</h1>\n </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const Subtitle = {\n parameters: {\n controls: {\n exclude: [\"flow\"],\n },\n },\n render: (args) =>\n html`<z-app-header-deprecated\n .enableSearch=${args.enableSearch}\n .searchPageUrl=${args.searchPageUrl}\n style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n >\n <h1 slot=\"title\">Applicazione</h1>\n <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const TopSubtitle = {\n parameters: {\n controls: {\n exclude: [\"flow\"],\n },\n },\n render: (args) =>\n html`<z-app-header-deprecated\n .enableSearch=${args.enableSearch}\n .searchPageUrl=${args.searchPageUrl}\n style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n >\n <h2 slot=\"top-subtitle\">Payoff dell'applicazione</h2>\n <h1 slot=\"title\">Applicazione</h1>\n </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const Menu = {\n render: (args) =>\n html`<z-app-header-deprecated\n flow=${args.flow}\n .enableSearch=${args.enableSearch}\n .searchPageUrl=${args.searchPageUrl}\n style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n >\n <h1 slot=\"title\">Applicazione</h1>\n <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n ${menuTemplate()}\n </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const LongTitle = {\n render: (args) =>\n html`<z-app-header-deprecated\n flow=${args.flow}\n .enableSearch=${args.enableSearch}\n .searchPageUrl=${args.searchPageUrl}\n style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n >\n <h1 slot=\"title\">Applicazione con nome veramente lungo che fa andare il menu a capo</h1>\n <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n ${menuTemplate()}\n </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const VeryLongMenu = {\n render: (args) =>\n html`<z-app-header-deprecated\n .enableSearch=${args.enableSearch}\n .searchPageUrl=${args.searchPageUrl}\n flow=${args.flow}\n style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n >\n <h1 slot=\"title\">Applicazione</h1>\n <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n ${longMenuTemplate()}\n </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const OffcanvasMenu = {\n parameters: {\n controls: {\n exclude: [\"flow\"],\n },\n },\n render: (args) =>\n html`<z-app-header-deprecated\n flow=\"offcanvas\"\n .enableSearch=${args.enableSearch}\n .searchPageUrl=${args.searchPageUrl}\n style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n >\n <h1 slot=\"title\">Applicazione</h1>\n <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n ${longMenuTemplate()}\n </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const Stuck = {\n decorators: [\n (Story) => html`\n <div style=\"padding: 16px var(--grid-margin)\">Scroll to see <code>stuck</code> prop in action.</div>\n <div style=\"height: 200vh\">${Story()}</div>\n `,\n ],\n parameters: {\n docs: {\n story: {\n inline: false,\n iframeHeight: \"400px\",\n },\n },\n },\n render: (args) =>\n html`<z-app-header-deprecated\n stuck\n .flow=${args.flow}\n .enableSearch=${args.enableSearch}\n .searchPageUrl=${args.searchPageUrl}\n style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}; --app-header-top-offset: 0\"\n >\n <h1 slot=\"title\">Applicazione</h1>\n <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n ${longMenuTemplate()}\n </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const MaxWidth = {\n args: {\n \"--app-header-content-max-width\": \"1366px\",\n },\n decorators: [\n (Story) => html`\n <div style=\"padding: 16px var(--grid-margin)\">Scroll to see max width also in stuck header.</div>\n <div style=\"height: 200vh\">${Story()}</div>\n `,\n ],\n parameters: {\n docs: {\n inlineStories: false,\n iframeHeight: \"400px\",\n },\n },\n render: (args) =>\n html`<z-app-header-deprecated\n stuck\n .flow=${args.flow}\n .enableSearch=${args.enableSearch}\n .searchPageUrl=${args.searchPageUrl}\n style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}; --app-header-top-offset: 0;\"\n >\n <h1 slot=\"title\">Applicazione</h1>\n <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n ${menuTemplate()}\n </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const CoverHeroWithSlottedImage = {\n args: {\n overlay: true,\n hero: \"\",\n },\n render: (args) =>\n html`<z-app-header-deprecated\n id=\"hero\"\n .overlay=${args.overlay}\n .enableSearch=${args.enableSearch}\n .searchPageUrl=${args.searchPageUrl}\n .hero=${args.hero}\n style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n flow=${args.flow}\n >\n <h1 slot=\"title\">Applicazione</h1>\n <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n ${args.hero\n ? \"\"\n : html`<img\n slot=\"hero\"\n src=\"https://miro.medium.com/max/2560/1*q8Lf442Gq2Wrb2aNr3urVg.jpeg\"\n alt=\"\"\n />`}\n ${longMenuTemplate()}\n </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const Searchbar = {\n parameters: {\n controls: {\n exclude: [\"searchPageUrl\", \"enableSearch\"],\n },\n },\n render: (args) =>\n html`<z-app-header-deprecated\n flow=${args.flow}\n enable-search\n style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n >\n <h1 slot=\"title\">Applicazione</h1>\n <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n ${menuTemplate()}\n </z-app-header-deprecated>`,\n} satisfies Story;\n\nexport const SearchPageButton = {\n parameters: {\n controls: {\n exclude: [\"searchPageUrl\", \"enableSearch\"],\n },\n },\n decorators: [\n (Story) => html`\n <div style=\"padding: 16px var(--grid-margin)\">\n The prop <code>searchPageUrl</code> only affects the component in tablet and mobile viewports.\n </div>\n ${Story()}\n `,\n ],\n render: (args) =>\n html`<z-app-header-deprecated\n flow=${args.flow}\n enable-search\n search-page-url=\"https://www.zanichelli.it\"\n style=\"--app-header-content-max-width: ${args[\"--app-header-content-max-width\"]}\"\n >\n <h1 slot=\"title\">Applicazione</h1>\n <h2 slot=\"subtitle\">Payoff dell'applicazione</h2>\n ${menuTemplate()}\n </z-app-header-deprecated>`,\n} satisfies Story;\n"]}

package/dist/collection/components/deprecated/z-book-card-deprecated/index.js CHANGED Viewed

@@ -14,10 +14,19 @@ import { randomId } from "../../../utils/utils";
  */
 export class ZBookCardDeprecated {
     constructor() {
-        /**
-         * [optional] ISBN label
-         */
+        this.variant = undefined;
+        this.cover = undefined;
+        this.operaTitle = undefined;
+        this.volumeTitle = undefined;
+        this.authors = undefined;
+        this.isbn = undefined;
         this.isbnLabel = "";
+        this.ribbon = undefined;
+        this.ribbonIcon = undefined;
+        this.ribbonInteractive = undefined;
+        this.borderless = undefined;
+        this.fallbackCover = undefined;
+        this.operaTitleTag = undefined;
         this.isMobile = false;
         this.hasResources = false;
         this.showResources = false;
@@ -115,7 +124,7 @@ export class ZBookCardDeprecated {
         return (h("div", { class: "action-container" }, h("slot", { name: "footer-cta" })));
     }
     render() {
-        return (h("article", { key: '09310ad4eac077f69d476ad5bcc941d96df9975d', class: {
+        return (h("article", { key: '46b384be19cd2de4a07ca7962f4559af73f3b2ef', class: {
                 [this.variant]: true,
                 borderless: !!this.borderless,
             } }, this.renderCard()));
@@ -144,8 +153,7 @@ export class ZBookCardDeprecated {
                         "BookCardDeprecatedVariant": {
                             "location": "import",
                             "path": "../../../beans",
-                            "id": "src/beans/index.tsx::BookCardDeprecatedVariant",
-                            "referenceLocation": "BookCardDeprecatedVariant"
+                            "id": "src/beans/index.tsx::BookCardDeprecatedVariant"
                         }
                     }
                 },
@@ -155,10 +163,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "Card variant: expanded, compact, search"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "variant"
+                "attribute": "variant",
+                "reflect": false
             },
             "cover": {
                 "type": "string",
@@ -174,10 +180,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "Cover URL"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "cover"
+                "attribute": "cover",
+                "reflect": false
             },
             "operaTitle": {
                 "type": "string",
@@ -193,10 +197,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "Card main title"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "opera-title"
+                "attribute": "opera-title",
+                "reflect": false
             },
             "volumeTitle": {
                 "type": "string",
@@ -212,10 +214,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Card subtitle"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "volume-title"
+                "attribute": "volume-title",
+                "reflect": false
             },
             "authors": {
                 "type": "string",
@@ -231,10 +231,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Authors"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "authors"
+                "attribute": "authors",
+                "reflect": false
             },
             "isbn": {
                 "type": "string",
@@ -250,10 +248,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Main ISBN"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "isbn"
+                "attribute": "isbn",
+                "reflect": false
             },
             "isbnLabel": {
                 "type": "string",
@@ -269,10 +265,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] ISBN label"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "isbn-label",
+                "reflect": false,
                 "defaultValue": "\"\""
             },
             "ribbon": {
@@ -289,10 +283,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Ribbon label - expanded and search variant only"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "ribbon"
+                "attribute": "ribbon",
+                "reflect": false
             },
             "ribbonIcon": {
                 "type": "string",
@@ -308,10 +300,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Ribbon icon - expanded and search variant only"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "ribbon-icon"
+                "attribute": "ribbon-icon",
+                "reflect": false
             },
             "ribbonInteractive": {
                 "type": "boolean",
@@ -327,10 +317,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Ribbon interactive - expanded and search variant only"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "ribbon-interactive"
+                "attribute": "ribbon-interactive",
+                "reflect": false
             },
             "borderless": {
                 "type": "boolean",
@@ -346,10 +334,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Borderless card - compact variant only"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "borderless"
+                "attribute": "borderless",
+                "reflect": false
             },
             "fallbackCover": {
                 "type": "string",
@@ -365,10 +351,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Fallback cover URL"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "fallback-cover"
+                "attribute": "fallback-cover",
+                "reflect": false
             },
             "operaTitleTag": {
                 "type": "string",
@@ -384,10 +368,8 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] [accessibility] Card title HTML tag"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "opera-title-tag"
+                "attribute": "opera-title-tag",
+                "reflect": false
             }
         };
     }
@@ -418,3 +400,4 @@ export class ZBookCardDeprecated {
     }
     static get elementRef() { return "hostElement"; }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/deprecated/z-book-card-deprecated/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-book-card-deprecated/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, State, h} from \"@stencil/core\";\nimport {BookCardDeprecatedVariant} from \"../../../beans\";\nimport {Breakpoints} from \"../../../constants/breakpoints\";\nimport {randomId} from \"../../../utils/utils\";\n\n/**\n * @slot resources - books resources (extended variant only)\n * @slot header-cta - header CTA (e.g. bookmark icon - extended and search variant only)\n * @slot tags - card tags (extended and search variant only)\n * @slot footer-cta - footer cta button (search and compact variant only)\n * @cssprop --z-book-card-ribbon-background-color - ribbon backgrund color\n * @cssprop --z-book-card-ribbon-shadow-color - ribbon shadow color\n * @cssprop --z-book-card-compact-width - compact card custom width\n * @cssprop --z-book-card-compact-height - compact card custom height\n */\n@Component({\n tag: \"z-book-card-deprecated\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZBookCardDeprecated {\n @Element() hostElement: HTMLZBookCardDeprecatedElement;\n\n /**\n * Card variant: expanded, compact, search\n */\n @Prop()\n variant: BookCardDeprecatedVariant;\n\n /**\n * Cover URL\n */\n @Prop()\n cover: string;\n\n /**\n * Card main title\n */\n @Prop()\n operaTitle: string;\n\n /**\n * [optional] Card subtitle\n */\n @Prop()\n volumeTitle?: string;\n\n /**\n * [optional] Authors\n */\n @Prop()\n authors?: string;\n\n /**\n * [optional] Main ISBN\n */\n @Prop()\n isbn?: string;\n\n /**\n * [optional] ISBN label\n */\n @Prop()\n isbnLabel = \"\";\n\n /**\n * [optional] Ribbon label - expanded and search variant only\n */\n @Prop()\n ribbon?: string;\n\n /**\n * [optional] Ribbon icon - expanded and search variant only\n */\n @Prop()\n ribbonIcon?: string;\n\n /**\n * [optional] Ribbon interactive - expanded and search variant only\n */\n @Prop()\n ribbonInteractive?: boolean;\n\n /**\n * [optional] Borderless card - compact variant only\n */\n @Prop()\n borderless?: boolean;\n\n /**\n * [optional] Fallback cover URL\n */\n @Prop()\n fallbackCover?: string;\n\n /**\n * [optional] [accessibility] Card title HTML tag\n */\n @Prop()\n operaTitleTag?: string;\n\n @State()\n isMobile = false;\n\n @State()\n hasResources = false;\n\n @State()\n showResources = false;\n\n /** click on interactive ribbon */\n @Event()\n ribbonClick: EventEmitter;\n\n private emitRibbonClick(): void {\n this.ribbonClick.emit();\n }\n\n private id: string;\n\n componentWillLoad(): void {\n this.id = `id-${randomId()}`;\n\n const mobileMediaQuery = window.matchMedia(`(max-width: ${Breakpoints.MOBILE}px)`);\n this.isMobile = mobileMediaQuery.matches;\n mobileMediaQuery.onchange = (mql) => (this.isMobile = mql.matches);\n }\n\n componentDidLoad(): void {\n this.handleResources();\n }\n\n private handleResources(): void {\n if (this.variant !== BookCardDeprecatedVariant.EXPANDED || !this.isMobile) {\n return;\n }\n this.hasResources = this.hostElement.querySelectorAll(\"[slot=resources]\")?.length > 0;\n }\n\n private toggleResources(): void {\n this.showResources = !this.showResources;\n }\n\n private renderCard(): HTMLDivElement {\n switch (this.variant) {\n case BookCardDeprecatedVariant.EXPANDED:\n return this.isMobile ? this.renderMobileExpandedCard() : this.renderExpandedCard();\n case BookCardDeprecatedVariant.COMPACT:\n return this.renderCompactCard();\n case BookCardDeprecatedVariant.SEARCH:\n return this.renderSearchCard();\n }\n }\n\n private renderExpandedCard(): HTMLDivElement {\n return (\n <div class=\"wrapper\">\n {this.renderCover()}\n <div class=\"content\">\n <div class=\"top\">\n <div class=\"info\">\n <div class=\"left\">\n {this.renderAuthors()}\n {this.renderOperaTitle()}\n {this.renderVolumeTitle()}\n {this.renderIsbn()}\n </div>\n <div class=\"right\">{this.renderHeaderCtaSlot()}</div>\n </div>\n {this.renderTagsSlot()}\n </div>\n <div class=\"bottom\">{this.renderResourcesSlot()}</div>\n </div>\n </div>\n );\n }\n\n private renderMobileExpandedCard(): HTMLDivElement {\n return (\n <div class=\"wrapper\">\n <div class=\"header\">\n {this.renderOperaTitle()}\n {this.renderHeaderCtaSlot()}\n </div>\n {this.renderCover()}\n <div class=\"content\">\n {this.renderTagsSlot()}\n {this.renderAuthors()}\n {this.renderVolumeTitle()}\n {this.renderIsbn()}\n </div>\n {this.hasResources && (\n <div\n class={{\n footer: true,\n open: this.showResources,\n close: !this.showResources,\n }}\n >\n {!this.showResources && this.renderShowResources()}\n {this.renderResourcesSlot()}\n {this.showResources && this.renderShowResources()}\n </div>\n )}\n </div>\n );\n }\n\n private renderSearchCard(): HTMLDivElement {\n return (\n <div class=\"wrapper-container\">\n <div class=\"wrapper\">\n <div class=\"header\">\n {this.renderOperaTitle()}\n {this.renderHeaderCtaSlot()}\n </div>\n {this.renderCover()}\n <div class=\"content\">\n {this.renderTagsSlot()}\n {this.renderAuthors()}\n {this.renderVolumeTitle()}\n {this.renderIsbn()}\n </div>\n </div>\n {this.renderFooterCtaSlot()}\n </div>\n );\n }\n\n private renderCompactCard(): HTMLDivElement {\n return (\n <div class=\"wrapper\">\n {this.renderCover()}\n <div class=\"content\">\n {this.renderAuthors()}\n {this.renderOperaTitle()}\n {this.renderVolumeTitle()}\n {this.renderIsbn()}\n </div>\n {this.renderFooterCtaSlot()}\n </div>\n );\n }\n\n private renderCover(): HTMLDivElement {\n return (\n <div class=\"cover\">\n {this.ribbon && this.variant !== BookCardDeprecatedVariant.COMPACT && this.renderRibbon()}\n <div class=\"img-wrapper\">\n <img\n src={this.cover}\n onError={() => {\n if (this.fallbackCover) {\n this.cover = this.fallbackCover;\n }\n }}\n aria-hidden=\"true\"\n />\n </div>\n </div>\n );\n }\n\n private renderRibbon(): HTMLElement {\n const content = [\n this.ribbonIcon && (\n <z-icon\n name={this.ribbonIcon}\n width={16}\n height={16}\n fill={\"color-inverse-icon\"}\n />\n ),\n <span>{this.ribbon}</span>,\n ];\n\n return this.ribbonInteractive ? (\n <button\n class=\"ribbon interactive\"\n onClick={() => this.emitRibbonClick()}\n >\n {content}\n </button>\n ) : (\n <div class=\"ribbon\">{content}</div>\n );\n }\n\n private renderOperaTitle(): HTMLDivElement {\n const title = this.operaTitleTag\n ? `<${this.operaTitleTag}>${this.operaTitle}</${this.operaTitleTag}>`\n : this.operaTitle;\n\n return (\n <div\n class=\"title\"\n innerHTML={title}\n />\n );\n }\n\n private renderVolumeTitle(): null | HTMLDivElement {\n return this.volumeTitle ? <div class=\"subtitle\">{this.volumeTitle}</div> : null;\n }\n\n private renderAuthors(): null | HTMLDivElement {\n return this.authors ? (\n <div\n class=\"authors\"\n aria-description=\"Autori\"\n >\n {this.authors}\n </div>\n ) : null;\n }\n\n private renderIsbn(): null | HTMLDivElement {\n return this.isbn ? (\n <div class=\"isbn\">\n <span\n class=\"code\"\n aria-description={`ISBN ${this.isbnLabel}`}\n >\n {this.isbn}\n </span>\n {this.isbnLabel ? <span class=\"label\"> {this.isbnLabel}</span> : null}\n </div>\n ) : null;\n }\n\n private renderShowResources(): HTMLButtonElement {\n return (\n <button\n class=\"show-resources\"\n aria-label={`Risorse del libro ${this.operaTitle}`}\n aria-expanded={this.showResources.toString()}\n aria-controls={`resources-${this.id}`}\n onClick={() => this.toggleResources()}\n >\n {this.showResources ? \"Chiudi\" : \"Vedi tutto\"}\n <z-icon name={this.showResources ? \"chevron-up\" : \"chevron-down\"} />\n </button>\n );\n }\n\n private renderTagsSlot(): HTMLDivElement {\n return (\n <div class=\"tags\">\n <slot name=\"tags\" />\n </div>\n );\n }\n\n private renderHeaderCtaSlot(): HTMLSlotElement {\n return <slot name=\"header-cta\" />;\n }\n\n private renderResourcesSlot(): HTMLDivElement {\n return (\n <div\n id={`resources-${this.id}`}\n class=\"resources\"\n >\n <slot\n name=\"resources\"\n onSlotchange={() => this.handleResources()}\n />\n </div>\n );\n }\n\n private renderFooterCtaSlot(): HTMLDivElement {\n return (\n <div class=\"action-container\">\n <slot name=\"footer-cta\" />\n </div>\n );\n }\n\n render(): HTMLZBookCardDeprecatedElement {\n return (\n <article\n class={{\n [this.variant]: true,\n borderless: !!this.borderless,\n }}\n >\n {this.renderCard()}\n </article>\n );\n }\n}\n"]}

package/dist/collection/components/deprecated/z-book-card-deprecated/index.stories.js CHANGED Viewed

@@ -381,3 +381,4 @@ export const CompactVariant = {
       </div>
     </z-book-card-deprecated>`,
 };
+//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/deprecated/z-book-card-deprecated/index.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-book-card-deprecated/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {styleMap} from \"lit/directives/style-map.js\";\nimport {ZBookCardDeprecated} from \".\";\nimport {BookCardDeprecatedVariant} from \"../../../beans\";\nimport {CSSVarsArguments, getColorTokenArgConfig} from \"../../../utils/storybook-utils\";\nimport \"../../z-button/index\";\nimport \"../../z-icon/index\";\nimport \"../../z-tag/index\";\nimport \"./index\";\n\ntype ZBookCardStoriesArgs = ZBookCardDeprecated &\n CSSVarsArguments<\n | \"z-book-card-ribbon-background-color\"\n | \"z-book-card-ribbon-shadow-color\"\n | \"z-book-card-compact-width\"\n | \"z-book-card-compact-height\"\n >;\nconst StoryMeta = {\n title: \"Deprecated/ZBookCardDeprecated\",\n component: \"z-book-card\",\n argTypes: {\n \"variant\": {\n control: {\n type: \"inline-radio\",\n },\n options: Object.values(BookCardDeprecatedVariant),\n },\n \"--z-book-card-ribbon-background-color\": getColorTokenArgConfig(),\n \"--z-book-card-ribbon-shadow-color\": getColorTokenArgConfig(),\n },\n args: {\n \"variant\": BookCardDeprecatedVariant.EXPANDED,\n \"cover\": \"https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg\",\n \"operaTitle\": \"Matematica.azzurro\",\n \"volumeTitle\": \"Volume 3 con Tutor\",\n \"authors\": \"Massimo Bergamini, Anna Trifone, Graziella Barozzi\",\n \"isbn\": \"9788808930552\",\n \"isbnLabel\": \"\",\n \"ribbon\": \"ADOTTATO\",\n \"ribbonIcon\": \"\",\n \"ribbonInteractive\": false,\n \"borderless\": false,\n \"fallbackCover\": \"https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg\",\n \"operaTitleTag\": \"h1\",\n \"--z-book-card-ribbon-background-color\": \"var(--avatar-C08)\",\n \"--z-book-card-ribbon-shadow-color\": \"var(--green950)\",\n \"--z-book-card-compact-width\": \"262px\",\n \"--z-book-card-compact-height\": \"600px\",\n },\n} satisfies Meta<ZBookCardStoriesArgs>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZBookCardStoriesArgs>;\n\nexport const AllProps = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n ></z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedTags = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <z-tag\n slot=\"tags\"\n style=\"--z-tag-bg: var(--avatar-C18)\"\n >EDI</z-tag\n >\n <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedResources = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <a\n class=\"z-link z-link-blue z-link-icon\"\n slot=\"resources\"\n style=\"width:100%; margin-bottom: 6px;\"\n >\n <z-icon\n style=\"margin-right: 8px\"\n name=\"arrow-quad-north-east\"\n ></z-icon>\n Resource link mock\n </a>\n <z-button\n slot=\"resources\"\n variant=\"secondary\"\n size=\"x-small\"\n style=\"width:100%; margin-bottom: 16px;\"\n >Resource CTA mock</z-button\n >\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedHeaderCta = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n ></z-icon>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedFooterCta = {\n parameters: {\n controls: {\n exclude: [\"borderless\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=${args.variant}\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n ></z-icon>\n <div slot=\"footer-cta\">\n <z-button\n href=\"http://dizionari.zanichelli.it\"\n target=\"_blank\"\n variant=\"secondary\"\n size=\"x-small\"\n >\n Leggi il libro online\n </z-button>\n </div>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const ExpandedVariant = {\n parameters: {\n controls: {\n exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=\"expanded\"\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n })}\n >\n <z-tag\n slot=\"tags\"\n style=\"--z-tag-bg: var(--avatar-C18)\"\n >EDI</z-tag\n >\n <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n <a\n class=\"z-link z-link-blue z-link-icon\"\n slot=\"resources\"\n style=\"width:100%; margin-bottom: 6px;\"\n >\n <z-icon\n style=\"margin-right: 8px\"\n name=\"arrow-quad-north-east\"\n ></z-icon>\n Resource link mock\n </a>\n <z-button\n slot=\"resources\"\n variant=\"secondary\"\n size=\"x-small\"\n style=\"width:100%; margin-bottom: 16px;\"\n >Resource CTA mock</z-button\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n tabindex=\"0\"\n ></z-icon>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SearchVariant = {\n parameters: {\n controls: {\n exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=\"search\"\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n ribbon=${args.ribbon}\n ribbon-icon=${args.ribbonIcon}\n ribbon-interactive=${args.ribbonInteractive}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n style=${styleMap({\n \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n })}\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n ></z-icon>\n <z-tag\n slot=\"tags\"\n style=\"--z-tag-bg: var(--avatar-C18)\"\n >EDI</z-tag\n >\n <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n <div slot=\"footer-cta\">\n <z-button\n href=\"http://dizionari.zanichelli.it\"\n target=\"_blank\"\n variant=\"secondary\"\n size=\"x-small\"\n >\n Leggi il libro online\n </z-button>\n </div>\n </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const CompactVariant = {\n parameters: {\n controls: {\n exclude: [\n \"variant\",\n \"ribbon\",\n \"ribbonIcon\",\n \"ribbonInteractive\",\n \"--z-book-card-ribbon-background-color\",\n \"--z-book-card-ribbon-shadow-color\",\n ],\n },\n },\n render: (args) =>\n html`<z-book-card-deprecated\n variant=\"compact\"\n cover=${args.cover}\n opera-title=${args.operaTitle}\n volume-title=${args.volumeTitle}\n borderless=${args.borderless}\n authors=${args.authors}\n isbn=${args.isbn}\n isbn-label=${args.isbnLabel}\n fallback-cover=${args.fallbackCover}\n opera-title-tag=${args.operaTitleTag}\n style=${styleMap({\n \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n })}\n >\n <z-icon\n name=\"star-empty\"\n slot=\"header-cta\"\n ></z-icon>\n <z-tag\n slot=\"tags\"\n style=\"--z-tag-bg: var(--avatar-C18)\"\n >EDI</z-tag\n >\n <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n <div\n slot=\"footer-cta\"\n style=\"display:flex; gap:8px;\"\n >\n <z-button\n href=\"http://dizionari.zanichelli.it\"\n target=\"_blank\"\n variant=\"secondary\"\n size=\"x-small\"\n >\n Call to action\n </z-button>\n <z-button\n icon=\"arrow-quad-north-east\"\n variant=\"secondary\"\n size=\"x-small\"\n ></z-button>\n </div>\n </z-book-card-deprecated>`,\n} satisfies Story;\n"]}

package/dist/collection/components/deprecated/z-menu-deprecated/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Host, h, } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 /**
  * @slot - Menu label
  * @slot header - Header to display as the first entry of the open menu.
@@ -11,12 +11,7 @@ export class ZMenuDeprecated {
             return;
         }
         this.open = !this.open;
-        if (this.open) {
-            this.opened.emit();
-        }
-        else {
-            this.closed.emit();
-        }
+        this.open ? this.opened.emit() : this.closed.emit();
     }
     /** Close the floating list when a click is performed outside of this Element. */
     handleClick(ev) {
@@ -36,19 +31,12 @@ export class ZMenuDeprecated {
         }
     }
     constructor() {
-        /**
-         * Flag to set the display mode of the list.
-         * If true, the list will be absolutely positioned under the menu label,
-         * stacked beneath it otherwise.
-         */
+        this.active = undefined;
         this.floating = false;
-        /** The opening state of the menu. */
         this.open = false;
-        /**
-         * Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).
-         * A small border is placed under it as a separator from other elements.
-         */
         this.verticalContext = false;
+        this.hasHeader = undefined;
+        this.hasContent = undefined;
         this.toggle = this.toggle.bind(this);
         this.checkContent = this.checkContent.bind(this);
         this.onLabelSlotChange = this.onLabelSlotChange.bind(this);
@@ -108,7 +96,7 @@ export class ZMenuDeprecated {
         return (h("div", { class: "menu-label" }, h("div", { class: "menu-label-content" }, h("slot", { onSlotchange: this.onLabelSlotChange }))));
     }
     render() {
-        return (h(Host, { key: 'c0cc18338db770e7b369bce7e469445219326566' }, this.renderMenuLabel(), this.hasContent && (h("div", { key: 'c895c377c1cc572c18bbc56e9cb8c513346d1ae4', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (h("header", { key: '17df894168c27a4ec0599d10bb885761b5eded54', class: "header" }, h("slot", { key: 'd50f55ef51bdf388a75bc8739c29a58f32c6b316', name: "header", onSlotchange: this.checkContent }))), h("div", { key: '948157a99d60c696fa97b8b904366dc0992e87da', class: "items", role: "menu" }, h("slot", { key: 'e93150d2a5e7c1e33d7cfe8f297e9990e0d5c01e', name: "item", onSlotchange: this.onItemsChange }))))));
+        return (h(Host, { key: '7b64ae06d79dd727299f86cb7f9d50a851776b90' }, this.renderMenuLabel(), this.hasContent && (h("div", { key: '9922d654e0e78bef5763af1a89ff838c86a1fe30', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (h("header", { key: 'c08ed7a8634b0cdc71b0052f4327134bdc5c8736', class: "header" }, h("slot", { key: '0a107099ee3c2de8727e6ea4f863ba46c67c1859', name: "header", onSlotchange: this.checkContent }))), h("div", { key: 'fa85f72658bb7f7a710ddf4fd7891e9e379845a0', class: "items", role: "menu" }, h("slot", { key: 'cc8b6625acaad177c516cc415a841662ce654c28', name: "item", onSlotchange: this.onItemsChange }))))));
     }
     static get is() { return "z-menu-deprecated"; }
     static get encapsulation() { return "shadow"; }
@@ -138,10 +126,8 @@ export class ZMenuDeprecated {
                     "tags": [],
                     "text": "Flag to set the active status of the menu."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "active"
+                "attribute": "active",
+                "reflect": true
             },
             "floating": {
                 "type": "boolean",
@@ -157,10 +143,8 @@ export class ZMenuDeprecated {
                     "tags": [],
                     "text": "Flag to set the display mode of the list.\nIf true, the list will be absolutely positioned under the menu label,\nstacked beneath it otherwise."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "floating",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "open": {
@@ -177,10 +161,8 @@ export class ZMenuDeprecated {
                     "tags": [],
                     "text": "The opening state of the menu."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "open",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "verticalContext": {
@@ -197,10 +179,8 @@ export class ZMenuDeprecated {
                     "tags": [],
                     "text": "Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).\nA small border is placed under it as a separator from other elements."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "vertical-context",
+                "reflect": true,
                 "defaultValue": "false"
             }
         };
@@ -261,3 +241,4 @@ export class ZMenuDeprecated {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/deprecated/z-menu-deprecated/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-menu-deprecated/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, Watch, h} from \"@stencil/core\";\n\n/**\n * @slot - Menu label\n * @slot header - Header to display as the first entry of the open menu.\n * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.\n * @cssprop --z-menu-label-color - Color of the label's text.\n */\n@Component({\n tag: \"z-menu-deprecated\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMenuDeprecated {\n @Element() hostElement: HTMLZMenuDeprecatedElement;\n\n /** Flag to set the active status of the menu. */\n @Prop({reflect: true})\n active?: boolean;\n\n /**\n * Flag to set the display mode of the list.\n * If true, the list will be absolutely positioned under the menu label,\n * stacked beneath it otherwise.\n */\n @Prop({reflect: true})\n floating? = false;\n\n /** The opening state of the menu. */\n @Prop({mutable: true, reflect: true})\n open = false;\n\n /**\n * Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).\n * A small border is placed under it as a separator from other elements.\n */\n @Prop({reflect: true})\n verticalContext = false;\n\n @State()\n hasHeader: boolean;\n\n @State()\n hasContent: boolean;\n\n private content: HTMLElement;\n\n /** Animation frame request id. */\n private raf: number;\n\n /** The menu has been opened. */\n @Event()\n opened: EventEmitter;\n\n /** The menu has been closed. */\n @Event()\n closed: EventEmitter;\n\n private toggle(): void {\n if (!this.hasContent) {\n return;\n }\n\n this.open = !this.open;\n this.open ? this.opened.emit() : this.closed.emit();\n }\n\n /** Close the floating list when a click is performed outside of this Element. */\n @Listen(\"click\", {target: \"document\"})\n handleClick(ev: MouseEvent): void {\n if (!this.floating || !this.open || this.hostElement.contains(ev.target as Element)) {\n return;\n }\n\n this.reflow();\n this.open = false;\n this.closed.emit();\n }\n\n @Watch(\"open\")\n onOpenChanged(): void {\n if (this.open) {\n this.reflow(true);\n } else {\n cancelAnimationFrame(this.raf);\n }\n }\n\n constructor() {\n this.toggle = this.toggle.bind(this);\n this.checkContent = this.checkContent.bind(this);\n this.onLabelSlotChange = this.onLabelSlotChange.bind(this);\n this.onItemsChange = this.onItemsChange.bind(this);\n }\n\n componentWillLoad(): void {\n this.checkContent();\n }\n\n /**\n * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n * @param ev Slotchange event\n */\n private onLabelSlotChange(ev: Event): void {\n const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n labelElement.dataset.text = labelElement?.textContent;\n }\n\n /**\n * Correctly set position of the floating menu in order to prevent overflow.\n * @param live Should run the method on every refresh frame.\n */\n private reflow(live = false): void {\n if (this.content) {\n const {style} = this.content;\n const {left} = this.hostElement.getBoundingClientRect();\n const widthPx = getComputedStyle(this.content).width;\n const width = widthPx ? parseFloat(widthPx.replace(\"px\", \"\")) : 375;\n const safeScrollbarSpace = 30;\n style.left = `${Math.min(window.innerWidth - left - width - safeScrollbarSpace, 0)}px`;\n }\n if (live) {\n this.raf = requestAnimationFrame(this.reflow.bind(this, live));\n }\n }\n\n /**\n * Check if some content slot is set.\n */\n private checkContent(): void {\n this.hasHeader = !!this.hostElement.querySelectorAll(\"[slot=header]\").length;\n this.hasContent = !!this.hostElement.querySelectorAll(\"[slot=item]\").length || this.hasHeader;\n }\n\n /**\n * Set `menuitem` role to all menu items.\n * Set the item's inner text to the `data-text` attribute (this is for using bold text avoiding layout shifts).\n */\n private onItemsChange(): void {\n this.checkContent();\n const items = this.hostElement.querySelectorAll<HTMLElement>(\"[slot=item]\");\n items.forEach((item) => {\n item.setAttribute(\"role\", \"menuitem\");\n item.dataset.text = item.textContent;\n });\n }\n\n private renderMenuLabel(): HTMLButtonElement | HTMLDivElement {\n if (this.hasContent) {\n return (\n <button\n class=\"menu-label\"\n aria-expanded={this.open ? \"true\" : \"false\"}\n aria-label={this.open ? \"Chiudi menù\" : \"Apri menù\"}\n onClick={this.toggle}\n >\n <div class=\"menu-label-content\">\n <slot onSlotchange={this.onLabelSlotChange}></slot>\n <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />\n </div>\n </button>\n );\n }\n\n return (\n <div class=\"menu-label\">\n <div class=\"menu-label-content\">\n <slot onSlotchange={this.onLabelSlotChange}></slot>\n </div>\n </div>\n );\n }\n\n render(): HTMLZMenuElement {\n return (\n <Host>\n {this.renderMenuLabel()}\n\n {this.hasContent && (\n <div\n class=\"content\"\n ref={(el) => (this.content = el)}\n >\n {this.hasHeader && (\n <header class=\"header\">\n <slot\n name=\"header\"\n onSlotchange={this.checkContent}\n ></slot>\n </header>\n )}\n\n <div\n class=\"items\"\n role=\"menu\"\n >\n <slot\n name=\"item\"\n onSlotchange={this.onItemsChange}\n ></slot>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/deprecated/z-menu-deprecated/index.stories.js CHANGED Viewed

@@ -126,3 +126,4 @@ export const ActiveWithoutItems = {
     </z-menu-deprecated>
   `,
 };
+//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/deprecated/z-menu-deprecated/index.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-menu-deprecated/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,oCAAoC,CAAC;AAC5C,OAAO,SAAS,CAAC;AAEjB,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,IAAI;QACd,eAAe,EAAE,KAAK;KACvB;CAC8B,CAAC;AAElC,eAAe,SAAS,CAAC;AAIzB,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;gBAER,IAAI,CAAC,MAAM;kBACT,IAAI,CAAC,QAAQ;yBACN,IAAI,CAAC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6C1C;CACc,CAAC;AAElB,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;gBAER,IAAI,CAAC,MAAM;kBACT,IAAI,CAAC,QAAQ;yBACN,IAAI,CAAC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqC1C;CACc,CAAC;AAElB,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,UAAU,CAAC;SACtB;KACF;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;gBAER,IAAI;yBACK,IAAI,CAAC,eAAe;;;;;;;;GAQ1C;CACc,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZMenuDeprecated} from \".\";\nimport \"../z-menu-section-deprecated/index\";\nimport \"./index\";\n\nconst StoryMeta = {\n title: \"Deprecated/ZMenuDeprecated\",\n component: \"z-menu\",\n args: {\n active: false,\n floating: true,\n verticalContext: false,\n },\n} satisfies Meta<ZMenuDeprecated>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZMenuDeprecated>;\n\nexport const FloatingContentLayout = {\n render: (args) => html`\n <z-menu-deprecated\n .active=${args.active}\n .floating=${args.floating}\n .verticalContext=${args.verticalContext}\n >\n <h3>Menu label</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 2</a\n >\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 3</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.2</a\n >\n </z-menu-section-deprecated>\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 4</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 4.2</a\n >\n </z-menu-section-deprecated>\n <a\n href=\"\"\n slot=\"item\"\n >Item 5</a\n >\n </z-menu-deprecated>\n `,\n} satisfies Story;\n\nexport const WithHeader = {\n render: (args) => html`\n <z-menu-deprecated\n .active=${args.active}\n .floating=${args.floating}\n .verticalContext=${args.verticalContext}\n >\n <img\n slot=\"header\"\n src=\"https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg\"\n />\n <h4 slot=\"header\">Menu header</h4>\n <h3>Menu label</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 2</a\n >\n <z-menu-section-deprecated slot=\"item\">\n <h3>Item 3</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 3.2</a\n >\n </z-menu-section-deprecated>\n <a\n href=\"\"\n slot=\"item\"\n >Item 4</a\n >\n </z-menu-deprecated>\n `,\n} satisfies Story;\n\nexport const ActiveWithoutItems = {\n parameters: {\n controls: {\n exclude: [\"floating\"],\n },\n },\n render: (args) => html`\n <z-menu-deprecated\n .active=${true}\n .verticalContext=${args.verticalContext}\n >\n <a\n href=\"https://cataas.com/cat/gif\"\n target=\"_blank\"\n >Click me</a\n >\n </z-menu-deprecated>\n `,\n} satisfies Story;\n"]}

package/dist/collection/components/deprecated/z-menu-section-deprecated/index.js CHANGED Viewed

@@ -5,17 +5,17 @@ import { Host, h } from "@stencil/core";
  * @slot item - Single entry of the section. Set the same slot name to different items to put many of them. Add the `active` attribute to a slotted item to highlight it.
  */
 export class ZMenuSectionDeprecated {
+    constructor() {
+        this.active = undefined;
+        this.open = undefined;
+        this.hasContent = undefined;
+    }
     toggle() {
         if (!this.hasContent) {
             return;
         }
         this.open = !this.open;
-        if (this.open) {
-            this.opened.emit();
-        }
-        else {
-            this.closed.emit();
-        }
+        this.open ? this.opened.emit() : this.closed.emit();
     }
     /** Close the list when a click is performed outside of this Element. */
     handleClick(ev) {
@@ -43,7 +43,7 @@ export class ZMenuSectionDeprecated {
         this.checkContent();
     }
     render() {
-        return (h(Host, { key: '9c0afdf0decad8a1eb51ba90c1fa1cb3bcbfa321', role: "menu", open: this.open }, h("button", { key: '79ddfb8c44ef6a47fad56cf2f2a1c5ea6ee4bd5a', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, h("slot", { key: '3027b6975681544c8e2fef1c6f59be689664e26e', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && h("z-icon", { key: '9de3a8659409445f8bf781498ecc1dd2d2691d6c', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (h("div", { key: 'd5aa04822af0e9e9c07b6ee72bde0b875d2bafbb', class: "items" }, h("slot", { key: 'ca7eaac55e80903beb3d49373bbb28ca24f4e034', name: "item", onSlotchange: this.checkContent.bind(this) })))));
+        return (h(Host, { key: '6cc06eccce2d2c9611936c2b804f3c7744774aad', role: "menu", open: this.open }, h("button", { key: '2cc287717a677392b5084f61b6eca0fd88dc13c0', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, h("slot", { key: '2b3d76700bea806f8b0db6a9d3fd915885b275c2', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && h("z-icon", { key: '16162d96f5d3d3fb475db88525ce9e23e34a08c6', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (h("div", { key: '801f6e8e3f54fc7a64e3b6388f4c4d7297a3e757', class: "items" }, h("slot", { key: '875889ac362c006c632db4eb04f32e228f7cb13c', name: "item", onSlotchange: this.checkContent.bind(this) })))));
     }
     static get is() { return "z-menu-section-deprecated"; }
     static get encapsulation() { return "shadow"; }
@@ -73,10 +73,8 @@ export class ZMenuSectionDeprecated {
                     "tags": [],
                     "text": "Active state"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
-                "attribute": "active"
+                "attribute": "active",
+                "reflect": true
             }
         };
     }
@@ -130,3 +128,4 @@ export class ZMenuSectionDeprecated {
             }];
     }
 }
+//# sourceMappingURL=index.js.map

package/dist/collection/components/deprecated/z-menu-section-deprecated/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-menu-section-deprecated/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAEpG;;;;GAIG;AAMH,MAAM,OAAO,sBAAsB;;;;;;IAqBzB,MAAM;QACZ,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACtD,CAAC;IAED,wEAAwE;IAExE,WAAW,CAAC,EAAc;QACxB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC,EAAE,CAAC;YAC/D,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACrB,CAAC;IAED;;OAEG;IACK,YAAY;QAClB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;IAClF,CAAC;IAED;;;OAGG;IACK,iBAAiB,CAAC,EAAS;QACjC,MAAM,YAAY,GAAI,EAAE,CAAC,MAA0B,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAgB,CAAC;QACzF,YAAY,CAAC,OAAO,CAAC,IAAI,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,KAAI,IAAI,CAAC;IAC9D,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,CAAC,IAAI;YAEf,+DACE,KAAK,EAAC,OAAO,kBACC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC1C,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;gBAE/B,6DAAM,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAS;gBAC7D,IAAI,CAAC,UAAU,IAAI,+DAAQ,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,GAAI,CACxE;YACR,IAAI,CAAC,IAAI,IAAI,CACZ,4DAAK,KAAK,EAAC,OAAO;gBAChB,6DACE,IAAI,EAAC,MAAM,EACX,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GACpC,CACJ,CACP,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, Event, EventEmitter, Host, Listen, Prop, State, h} from \"@stencil/core\";\n\n/**\n * A component to create submenus inside the ZMenu.\n * @slot - Label of the menu section.\n * @slot item - Single entry of the section. Set the same slot name to different items to put many of them. Add the `active` attribute to a slotted item to highlight it.\n */\n@Component({\n tag: \"z-menu-section-deprecated\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZMenuSectionDeprecated {\n @Element() hostElement: HTMLZMenuSectionDeprecatedElement;\n\n /** Active state */\n @Prop({reflect: true})\n active?: boolean;\n\n @State()\n open: boolean;\n\n @State()\n hasContent: boolean;\n\n /** The section has been opened. */\n @Event()\n opened: EventEmitter;\n\n /** The section has been closed. */\n @Event()\n closed: EventEmitter;\n\n private toggle(): void {\n if (!this.hasContent) {\n return;\n }\n\n this.open = !this.open;\n this.open ? this.opened.emit() : this.closed.emit();\n }\n\n /** Close the list when a click is performed outside of this Element. */\n @Listen(\"click\", {target: \"document\"})\n handleClick(ev: MouseEvent): void {\n if (!this.open || this.hostElement.contains(ev.target as Node)) {\n return;\n }\n\n this.open = false;\n this.closed.emit();\n }\n\n /**\n * Check if some content slot is set.\n */\n private checkContent(): void {\n this.hasContent = this.hostElement.querySelectorAll('[slot=\"item\"]').length > 0;\n }\n\n /**\n * Sets slotted item text as `data-text` attribute value, to let CSS use it through `attr()`.\n * @param ev Slotchange event\n */\n private onLabelSlotChange(ev: Event): void {\n const labelElement = (ev.target as HTMLSlotElement).assignedElements()[0] as HTMLElement;\n labelElement.dataset.text = labelElement?.innerText || null;\n }\n\n componentWillLoad(): void {\n this.checkContent();\n }\n\n render(): HTMLZMenuSectionElement {\n return (\n <Host\n role=\"menu\"\n open={this.open}\n >\n <button\n class=\"label\"\n aria-pressed={this.open ? \"true\" : \"false\"}\n onClick={this.toggle.bind(this)}\n >\n <slot onSlotchange={this.onLabelSlotChange.bind(this)}></slot>\n {this.hasContent && <z-icon name={this.open ? \"chevron-up\" : \"chevron-down\"} />}\n </button>\n {this.open && (\n <div class=\"items\">\n <slot\n name=\"item\"\n onSlotchange={this.checkContent.bind(this)}\n ></slot>\n </div>\n )}\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/deprecated/z-menu-section-deprecated/index.stories.js CHANGED Viewed

@@ -38,3 +38,4 @@ export const WithoutItems = {
     </z-menu-section-deprecated>
   `,
 };
+//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/deprecated/z-menu-section-deprecated/index.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-menu-section-deprecated/index.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,SAAS,CAAC;AAEjB,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,2BAA2B;IACtC,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK;KACd;CACqC,CAAC;AAEzC,eAAe,SAAS,CAAC;AAIzB,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;yCACiB,IAAI,CAAC,MAAM;;;;;;;;;;;;;;;;;;;GAmBjD;CACc,CAAC;AAElB,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;yCACiB,IAAI,CAAC,MAAM;;;GAGjD;CACc,CAAC","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {type ZMenuSectionDeprecated} from \".\";\nimport \"./index\";\n\nconst StoryMeta = {\n title: \"Deprecated/ZMenuSection\",\n component: \"z-menu-section-deprecated\",\n args: {\n active: false,\n },\n} satisfies Meta<ZMenuSectionDeprecated>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZMenuSectionDeprecated>;\n\nexport const WithItems = {\n render: (args) => html`\n <z-menu-section-deprecated .active=${args.active}>\n <h3>Label</h3>\n <a\n href=\"\"\n slot=\"item\"\n >Item 1</a\n >\n <a\n href=\"\"\n slot=\"item\"\n >Item 2</a\n >\n <a\n href=\"\"\n slot=\"item\"\n active\n >Item 3 - active</a\n >\n </z-menu-section-deprecated>\n `,\n} satisfies Story;\n\nexport const WithoutItems = {\n render: (args) => html`\n <z-menu-section-deprecated .active=${args.active}>\n <h3>Label</h3>\n </z-menu-section-deprecated>\n `,\n} satisfies Story;\n"]}