@zanichelli/albe-web-components 18.3.3 → 18.4.0-RC1

package/dist/collection/components/result-card/z-result-card/index.js

@@ -0,0 +1,170 @@
+import { h, Host } from "@stencil/core";
+export class ZResultCard {
+    constructor() {
+        this.author = undefined;
+        this.operaTitle = undefined;
+        this.operaSubtitle = undefined;
+        this.operaTags = undefined;
+        this.volumesLabel = undefined;
+        this.cover = undefined;
+        this.hasMultipleCovers = false;
+        this.isInfoPage = false;
+    }
+    render() {
+        return (h(Host, { key: 'cefd6fafc8252fe9466d4249a53484e4496fe71c' }, h("div", { key: '6fea1ba19fc67cca828d9c6deb3c2e48542289aa', class: `z-cover-container ${this.hasMultipleCovers ? "has-multiple" : ""}` }, h("div", { key: '262720f94efa1caa4bd717bc0fbb95da2160e8ef', class: "z-cover-stack" }, this.hasMultipleCovers && (h("div", { key: '737453fc97779b85cdf5bbb33ac79e4c863ca57e' }, h("div", { key: '5060b407e47c055d692a2d01cd931cea10863104', class: "z-cover-shadow z-shadow-2" }), h("div", { key: '9e09b32d0492d44f6c9c3485960bb47dcea5eaab', class: "z-cover-shadow z-shadow-1" }))), h("img", { key: '6e19f9b46705f65b41bbed85233fe0668d6b0852', src: this.cover, alt: "Book Cover", class: "z-cover-img" }))), h("div", { key: '899025761397d5827a358069e08c1462ab32f010', class: "info-container" }, h("div", { key: '52e4c5af5bd5e51b3db0f6caa4571b92138ff8e4', class: "author-label" }, this.author), h("div", { key: 'd192d977146ae8f7c166d4acdcfeae2904e5c0f0', class: "opera-title" }, this.operaTitle), h("div", { key: 'c3720eca864689fd9cf12cca42cf7acc85045dfa', class: "opera-subtitle" }, this.operaSubtitle), h("div", { key: '2996f165cdde8d04b381a1bd094761e40ce76da7', class: "tags-container" }, h("slot", { key: 'd501db9a9d2d08c5dd42bb0404fc17e79a756498', name: "tags" })), h("span", { key: '92c40372919ce95a30cd28ce3650153376937c40', class: "volumes-label" }, this.volumesLabel))));
+    }
+    static get is() { return "z-result-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["styles.css", "../../css-components/z-cover/styles.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css", "../../css-components/z-cover/styles.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "author": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The author of the opera."
+                },
+                "attribute": "author",
+                "reflect": false
+            },
+            "operaTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The title of the opera."
+                },
+                "attribute": "opera-title",
+                "reflect": false
+            },
+            "operaSubtitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The subtitle of the opera."
+                },
+                "attribute": "opera-subtitle",
+                "reflect": false
+            },
+            "operaTags": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "string[]",
+                    "resolved": "string[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Tags associated with the opera.\nThis is a string array that can be used to display tags in the component."
+                }
+            },
+            "volumesLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The label for the volumes.\nThis is used to display the number of volumes or a related message."
+                },
+                "attribute": "volumes-label",
+                "reflect": false
+            },
+            "cover": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The URL of the cover image.\nThis is used to display the cover image of the opera."
+                },
+                "attribute": "cover",
+                "reflect": false
+            },
+            "hasMultipleCovers": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates whether the card has multiple covers.\nThis is used to apply specific styles when there are multiple covers."
+                },
+                "attribute": "has-multiple-covers",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "isInfoPage": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates whether the card is an info page.\nThis can be used to apply specific styles or behaviors for info pages."
+                },
+                "attribute": "is-info-page",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "hostElement"; }
+}
+//# sourceMappingURL=index.js.map

package/dist/collection/components/result-card/z-result-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/result-card/z-result-card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAOhE,MAAM,OAAO,WAAW;;;;;;;;iCA+CF,KAAK;0BAOZ,KAAK;;IAElB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,4DAAK,KAAK,EAAE,qBAAqB,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE;gBAC7E,4DAAK,KAAK,EAAC,eAAe;oBACvB,IAAI,CAAC,iBAAiB,IAAI,CACzB;wBACE,4DAAK,KAAK,EAAC,2BAA2B,GAAO;wBAC7C,4DAAK,KAAK,EAAC,2BAA2B,GAAO,CACzC,CACP;oBACD,4DACE,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,GAAG,EAAC,YAAY,EAChB,KAAK,EAAC,aAAa,GACnB,CACE,CACF;YACN,4DAAK,KAAK,EAAC,gBAAgB;gBACzB,4DAAK,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,MAAM,CAAO;gBAC7C,4DAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAO;gBAChD,4DAAK,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,aAAa,CAAO;gBACtD,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB;gBACN,6DAAM,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,YAAY,CAAQ,CAClD,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h, Host, Prop} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-result-card\",\n  styleUrls: [\"styles.css\", \"../../css-components/z-cover/styles.css\"],\n  shadow: true,\n})\nexport class ZResultCard {\n  @Element() hostElement: HTMLZResultCardElement;\n\n  /**\n   * The author of the opera.\n   */\n  @Prop()\n  author: string;\n\n  /**\n   * The title of the opera.\n   */\n  @Prop()\n  operaTitle: string;\n\n  /**\n   * The subtitle of the opera.\n   */\n  @Prop()\n  operaSubtitle: string;\n\n  /**\n   * Tags associated with the opera.\n   * This is a string array that can be used to display tags in the component.\n   */\n  @Prop()\n  operaTags: string[];\n\n  /**\n   * The label for the volumes.\n   * This is used to display the number of volumes or a related message.\n   */\n  @Prop()\n  volumesLabel: string;\n\n  /**\n   * The URL of the cover image.\n   * This is used to display the cover image of the opera.\n   */\n  @Prop()\n  cover: string;\n\n  /**\n   * Indicates whether the card has multiple covers.\n   * This is used to apply specific styles when there are multiple covers.\n   */\n  @Prop()\n  hasMultipleCovers = false;\n\n  /**\n   * Indicates whether the card is an info page.\n   * This can be used to apply specific styles or behaviors for info pages.\n   */\n  @Prop()\n  isInfoPage = false;\n\n  render(): HTMLZResultCardElement {\n    return (\n      <Host>\n        <div class={`z-cover-container ${this.hasMultipleCovers ? \"has-multiple\" : \"\"}`}>\n          <div class=\"z-cover-stack\">\n            {this.hasMultipleCovers && (\n              <div>\n                <div class=\"z-cover-shadow z-shadow-2\"></div>\n                <div class=\"z-cover-shadow z-shadow-1\"></div>\n              </div>\n            )}\n            <img\n              src={this.cover}\n              alt=\"Book Cover\"\n              class=\"z-cover-img\"\n            />\n          </div>\n        </div>\n        <div class=\"info-container\">\n          <div class=\"author-label\">{this.author}</div>\n          <div class=\"opera-title\">{this.operaTitle}</div>\n          <div class=\"opera-subtitle\">{this.operaSubtitle}</div>\n          <div class=\"tags-container\">\n            <slot name=\"tags\"></slot>\n          </div>\n          <span class=\"volumes-label\">{this.volumesLabel}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/result-card/z-result-card/styles.css

@@ -0,0 +1,63 @@
+:host {
+  display: flex;
+  width: 100%;
+  min-width: 0;
+  max-width: 500px;
+  height: 175px;
+  border: 2px solid var(--color-surface02);
+  border-radius: var(--border-size-large);
+  font-family: var(--font-family-sans);
+}
+
+.info-container {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  padding: var(--space-unit);
+}
+
+.author-label {
+  overflow: hidden;
+  color: var(--color-default-text);
+  font-size: var(--font-size-2);
+  font-weight: var(--font-rg);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.opera-title {
+  display: -webkit-box;
+  overflow: hidden;
+  min-width: 0;
+  max-width: 100%;
+  margin-top: var(--space-unit);
+  margin-bottom: 4px;
+  -webkit-box-orient: vertical;
+  font-size: var(--font-size-3);
+  font-weight: var(--font-bd);
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  text-overflow: ellipsis;
+}
+
+.tags-container {
+  display: flex;
+  margin-top: var(--space-unit);
+  gap: var(--space-unit);
+}
+
+.volumes-label {
+  display: flex;
+  height: auto;
+  flex-direction: column;
+  margin-top: auto;
+}
+
+@media (max-width: var(--breakpoint-sm)) {
+  .opera-title {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

package/dist/collection/components/table/cells/z-td/index.js

@@ -29,7 +29,7 @@ export class ZTd {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: 'c9c2a31f99dc72acd54744c8c1abdbb56b0a7df3', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: 'f503630802052c5c3566b725aba40ea0923d60da', class: "cell--content" }, h("slot", { key: 'e26dc22a7b21eef5475d10124312384593957bf8' }), this.showMenu && (h("div", { key: '4c7204766c53e4502ff24e51e9ea751620246278', class: "cell--menu-container prevent-expand" }, h("z-button", { key: '3d0f59414241c2b195dd45cf74f678b15e957cac', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '68d2f577c442c9a72009dd6365cd4182e9333d5a', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'c90cf570174b2e2af659ae02e217d725a1951cb4', name: "contextual-menu" })))))));
+        return (h(Host, { key: '4ee9bb3ea8b9eb0602f65e9ba9f035a48f58243d', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: '1b9616ffd9524c6d28785497503bbd6e6e102c66', class: "cell--content" }, h("slot", { key: '999799502a8f882c1bb5a19c85a92ccd09e28dbe' }), this.showMenu && (h("div", { key: 'feb03da67dd3c450cbfaf8ac757cb8dcc4e47ede', class: "cell--menu-container prevent-expand" }, h("z-button", { key: 'aba256be3b9f0272e971677d5a3051c54a5a99b9', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '1ea685fcb5f6bcf4a27643014dbb480261014921', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '5da696db862452a09f44155df324755239cc2e37', name: "contextual-menu" })))))));
     }
     static get is() { return "z-td"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/cells/z-th/index.js

@@ -50,7 +50,7 @@ export class ZTh {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: '80d84d10038bfd5171b1596db3175c4e915e3c81', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: 'b98f5cbe6c9fa873e39f46ba701c76755a4f9da7', class: "cell--content" }, h("slot", { key: 'f7d2b12496eb334bf07fcfc80e42cacf95a2b6c7' }), this.showSorting && (h("button", { key: '000518536845b9b1383d2aa90a655000a2d0cc0b', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '61cedbe8a54e51cac9d94f00e4d9d84dbcc1b48d', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '3c2ac483288672ac1c65dc3586fb9b346abe53e9', class: "cell--menu-container" }, h("z-button", { key: '6a495a201dc8343267ef8892bc97150c2d4ec4fc', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: 'b97a3477c4f63bccb2445304676ad2127a26d9df', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'd51ba2caa4e7929e3aedf3beec9b95f4c9b1cf24', name: "contextual-menu" })))))));
+        return (h(Host, { key: 'e2a878f27e2fe77990e6e4fed6c1874cb0a1d7ed', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: 'a049567c809321976a0c9824f5b708fa39d619d5', class: "cell--content" }, h("slot", { key: '4f3ff7920a049a02b801b76d904a57ac4c597e12' }), this.showSorting && (h("button", { key: '8c4453bfe78da325b5ce479d56c2ff1206219113', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '22359ab8c223f7d0004e86bbdaea4f19bbb65144', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '8eec396d7822578f9a2fa0e42b9dddb21c321bad', class: "cell--menu-container" }, h("z-button", { key: 'b0e85d3bb21a9b78550382360e04e1380f52f597', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: 'a68eca38752946e4f0b3bd20cc292c5aca52c71e', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '40ea791093df956d99f45022a0f556c388b2ef91', name: "contextual-menu" })))))));
     }
     static get is() { return "z-th"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-table/index.js

@@ -36,7 +36,7 @@ export class ZTable {
         (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: 'a37bf2d018aedf198e11248d9952c062deddc545', expandable: this.expandable }, h("div", { key: 'a769b79ee55eb5425bb6c72059437f051967c3b3', class: "table", role: "table" }, h("slot", { key: '0ba782144cc2f139484954747d530d6f1c606a0d' }))));
+        return (h(Host, { key: '436f47d81c40bc1c24a0bb1d660cfa897ebba693', expandable: this.expandable }, h("div", { key: '94fdeab57ac9368c546c08db96de2f87aa3d12f6', class: "table", role: "table" }, h("slot", { key: 'c146bf36f91ca7fe4b2eca2654f4341ddc98074e' }))));
     }
     static get is() { return "z-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-tbody/index.js

@@ -5,7 +5,7 @@ import { Host, h } from "@stencil/core";
  */
 export class ZTbody {
     render() {
-        return (h(Host, { key: 'c14251b56741e89faba797de5c531dc539b4561b', role: "rowgroup" }, h("slot", { key: '3d2168a3fdc01ff6f68f19f3c346d6732fb7aab0' })));
+        return (h(Host, { key: '7f10f6a9bc169c64c08519d61ac8efa3bf508a76', role: "rowgroup" }, h("slot", { key: '81fb05b5780ca358653fdb397b307ed3b5a67389' })));
     }
     static get is() { return "z-tbody"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-tfoot/index.js

@@ -8,7 +8,7 @@ export class ZTfoot {
         this.sticky = false;
     }
     render() {
-        return (h(Host, { key: '68f9134c92fd8aa1db8236ca1cae82945b8dff40', role: "rowgroup" }, h("slot", { key: 'e76426e09634deb41395104af9c37f8f75415435' })));
+        return (h(Host, { key: '5ad00f2673bcb43720cdb43559380055971f676f', role: "rowgroup" }, h("slot", { key: '1839d4f1e33be63cda684a3ef2ec486bd581cd5c' })));
     }
     static get is() { return "z-tfoot"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-thead/index.js

@@ -8,7 +8,7 @@ export class ZThead {
         this.sticky = false;
     }
     render() {
-        return (h(Host, { key: '8f4e7bb738d8d4cf6aaf83faf5b2ecd4ed58feac', role: "rowgroup" }, h("slot", { key: '2a7dfe21b40cb26c57c98b6cae40dc801b22e7e3' })));
+        return (h(Host, { key: '9d7033e460b613bd5698a1a6ebc7cbbf963f4bc0', role: "rowgroup" }, h("slot", { key: 'ffe62f3049d6ec46f002f8967dfbf76139459511' })));
     }
     static get is() { return "z-thead"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-tr/index.js

@@ -43,7 +43,7 @@ export class ZTr {
         this.updateColumns();
     }
     render() {
-        return (h(Host, { key: 'c7aef75dce7ad486aa08145e3df1a9a4fbc0a086', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h("div", { key: '474efb8147efb3045b2d671081674330209674ae', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: 'd4f77c52514979ee1e52483d1031d222f8b60dfd', "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: 'a488e44b2b9119f2b96aeb42c2880f16650685a6', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: '03ec3ec33b29e7ec504282289fa0daf8990deef5', onSlotchange: this.updateColumns.bind(this) })));
+        return (h(Host, { key: '4efae32a8ecb5031cbe259574628759396d2721b', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h("div", { key: 'f0fdbe7a79ba139c20f21ff49a3d6d70906b5afc', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: '8d2cb3fe8fbef8dfa6c7e11cd5a7fd3362e253ad', "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '23417ee9ef4b9496358f2803d2f468e246d02e4a', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: '0b91d567867389e514f73fb018325104efa8d467', onSlotchange: this.updateColumns.bind(this) })));
     }
     static get is() { return "z-tr"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-accordion/index.js

@@ -47,7 +47,7 @@ export class ZAccordion {
         this.toggled.emit(this.open);
     }
     render() {
-        return (h("details", { key: 'f7be56452b2cde8f5d4334c5d7ca5ebc0e119a44', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '84fe90e0b7309290d1d1649032d0d5689ea26ece', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: 'cbb8d8e385b9966d688eeaa65774d8612c8f51a4', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '609df343692d9ab5d7834a008cbe9f369dd25b2d', class: "z-accordion-label" }, this.label), h("span", { key: '2fb0b9a8d27bb9eceac332b90fcd4ed249fac7da', class: "z-accordion-tags" }, h("slot", { key: 'f7bd4d94db31698da39024ef0c0750388e63b821', name: "tag" })), h("z-icon", { key: '76503d776cacb956702720eed3bd21eff48ef2ce', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '28949aca06f11637b2fffd7e6a3c037809a781e3', class: "z-accordion-content", part: "content" }, h("slot", { key: '24b9441a8563a113f33ba5f5b9a7f170feb458a9' })))));
+        return (h("details", { key: 'd070f085d87e75f9332e7a1e17d43527e8b388b4', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '95174bc9ba32abdfe72c3e2fb4c460e14f491982', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '9bae19018e6f444fc5d1f6abbddab9d1e8884e15', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '8349bd91205310d554094210c6e077176b7275de', class: "z-accordion-label" }, this.label), h("span", { key: '0e364c8cb51aaaf39326489f59293a750195cad4', class: "z-accordion-tags" }, h("slot", { key: 'c86b93c87673ed955e4189f60230a97bf4d9f128', name: "tag" })), h("z-icon", { key: '3866458e9d5e82efbb076d2eaf868c6e1fb8b745', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '6afdb4e9e761ceb7cdf9fcc986380b0c2b4c10ca', class: "z-accordion-content", part: "content" }, h("slot", { key: '5ac82696ae6e08397d976d5d1bbd537484f8aba6' })))));
     }
     static get is() { return "z-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class ZAnchorNavigation {
         window.removeEventListener("hashchange", this.setCurrent);
     }
     render() {
-        return (h(Host, { key: '3a2bc3f92ecf223c95987e33c48e14bb03909fac', collapsed: this.collapsed }, h("z-button", { key: '5d88809c9fcc1a1ea1d163c3111367038da64f19', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), h("nav", { key: '9f9eabbc84d1fe9ef578cc44b2a73d871c658ab5', ref: (el) => (this.nav = el) }, h("slot", { key: '44a486e2caa4b56f8556494f6fd8c4da8e076e7e' }))));
+        return (h(Host, { key: '66498de658df8520a635a41714f3dc5618632a32', collapsed: this.collapsed }, h("z-button", { key: '32f895e738e22daa91a43dd1a93982a8d56b57e6', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), h("nav", { key: 'd709bc92cdd86dcd812b82a8b3a3a5e8b78c3de8', ref: (el) => (this.nav = el) }, h("slot", { key: '86a3c528a210eaa45a923346e7199494f49a9b6e' }))));
     }
     static get is() { return "z-anchor-navigation"; }
     static get originalStyleUrls() {

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

@@ -256,7 +256,7 @@ export class ZAppHeader {
     }
     render() {
         const hasTopSubtitle = this.hasSlot("top-subtitle");
-        return (h(Host, { key: '607b7e24e9f285a68b2b060594d7f05e1858d5cb', "menu-length": this.menuLength }, h("div", { key: 'de8f54eeebf6566e213aa26f938de37837a4eaee', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: 'f11b563767f199727353f296321d0668f8444465', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: '19345fabd859f0d6bad18ee1cdb1c03d959f888a', class: "top-subtitle" }, h("slot", { key: '47a905ab7dc9c88c99d296bc57021bb15ce5ca12', name: "top-subtitle" }))), h("div", { key: 'c2143a9324af347082cdd40584622818f631cea3', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h("slot", { key: '90ebc7860504f24edf3b4380d716eedf4674ccab', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: '43fb23d049539010c329b0b4c03df3651ad0962b', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: 'e08c4cd11e0fb472ae66ed70c7129977175eaa1c', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: '5daa80b2f4cd1274f2cf564d29677a2c426a4359', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
+        return (h(Host, { key: '062bba7e1416a51c4cd92b7d3a8c12380bd15c8a', "menu-length": this.menuLength }, h("div", { key: '060538175af49a080f75079529fbe12908c61039', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '913ca6d2678714688bf0afc1a5742d09201becc7', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: '050928313b1a728ded6c00e8b69aac1b9ecb9634', class: "top-subtitle" }, h("slot", { key: 'a67e8ef3d7da2778ee53c738fb777b8399d3d3e0', name: "top-subtitle" }))), h("div", { key: 'bcbd67d68eafedb0dfeedd65d4a332210ea99769', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h("slot", { key: 'ec7e286a704ff5538c3322344877142f67384761', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: 'bc774d6eee5f38d12aca329301c6ecd02ce2f31f', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '322d20841e43a8937677ac63670598d129b727a3', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: '5ed4496af098613be7a7accfa465219022235b82', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
     }
     static get is() { return "z-app-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-aria-alert/index.js

@@ -5,7 +5,7 @@ export class ZAriaAlert {
         this.mode = ZAriaAlertMode.POLITE;
     }
     render() {
-        return (h(Host, { key: '583949db78c250fbedcf782e8985635f23a109d8', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: '12d852a544ac602c33237d7f24124bd2fd47847c' })));
+        return (h(Host, { key: '596bfcb6dbbaf06dbf1f2533e75ac7b73cb37577', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: 'd1c01445181af246e9b1def25e545053eaf79764' })));
     }
     static get is() { return "z-aria-alert"; }
     static get properties() {

package/dist/collection/components/z-avatar/index.js

@@ -24,10 +24,10 @@ export class ZAvatar {
         }
     }
     render() {
-        return (h(Host, { key: 'bf7dc11b7c8aea57303ce02812fd487a78248d46', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        return (h(Host, { key: 'b2653daa84c197d27a2adb9a74a20c87a00d769d', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
                 color: `var(--${this.textColor})`,
                 backgroundColor: `var(--${this.backgroundColor})`,
-            } }, this.text && !this.image && h("span", { key: 'f5ff0b0ef02d7d69ada96f344f32dc8daccd5437' }, this.text.substring(0, 2)), this.image && (h("img", { key: '7df4cda5d4028d7397b70e1181c846bc9f84e19d', src: this.image, onError: () => (this.image = "") }))));
+            } }, this.text && !this.image && h("span", { key: 'e5afdaf9d8a7a7cff1c9c480456dddbab16715de' }, this.text.substring(0, 2)), this.image && (h("img", { key: '65c56c4ab58c5d5efe4584df69095d50e77d2ac0', src: this.image, onError: () => (this.image = "") }))));
     }
     static get is() { return "z-avatar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-breadcrumb/index.js

@@ -199,10 +199,10 @@ export class ZBreadcrumb {
         ];
     }
     render() {
-        return (h(Host, { key: 'a92078ad9a4aa1ac4689c66c765afa5f113d16d7', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '99259d02797aff8396f3a87af0ff40d1c97e40fd', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
+        return (h(Host, { key: 'f8e27d50c34dc2ddc94891b8e43dff0825e30712', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '0e5f0760ce5bef884ea807b7bf8ad2ee5621cbf4', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
                 semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,
                 underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,
-            } }, h("ol", { key: 'c232f64c88e3bff47af1250385589ecda393b4f3' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
+            } }, h("ol", { key: '9f701d58a1ddb317ae6cb0059204aa6df381933a' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
     }
     static get is() { return "z-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-button-sort/index.js

@@ -36,7 +36,7 @@ export class ZButtonSort {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (h("button", { key: 'ad7184ad09e3c07eb2e2b548775155006a67cb6c', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '84451899a4c8ccecb759144f7c2f991628e2e998', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: '6b18ed6bdf9466de296625afd14fda3ac5180d7b', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: 'f44bbe9cc7bb39a850acacfe9066e6458ef3d3e0', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '931fd0149c14840cfe0721a5af9eabb0dcfb7d24', name: "caret-up-down", width: 16, height: 16 })));
+        return (h("button", { key: 'ceb3d89bd06803a9593bb55e63faee0faa43c68a', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: 'c5d42227a391a01bbef95847b576cd1a47c93562', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: '87f0a069659fd79cd8a37183afbde56571bbbb9b', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: 'd746c035f0b7c1a8d45df76c9f4b88bdc4dd9b3e', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '7a236c5907bb8c04c26400fd546703f7faab8db2', name: "caret-up-down", width: 16, height: 16 })));
     }
     static get is() { return "z-button-sort"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-chip/index.js

@@ -9,11 +9,11 @@ export class ZChip {
         this.ariaLabel = "";
     }
     render() {
-        return (h("div", { key: '0c1d69ed8078ff340f797d27d2b74798471c001b', class: {
+        return (h("div", { key: '00d991a8277ed969751242c4ff17b7d3c6a96389', class: {
                 "z-chip-container": true,
                 "z-chip-interactive": !!this.interactiveIcon,
                 [this.type]: true,
-            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: 'baa00891b0130541f3a820a08678d2f1eef894b7', name: this.icon }), h("slot", { key: 'd49c8dc5643a7f42f62ab086f9ae97da18aa2561' }), this.interactiveIcon && (h("button", { key: '970f2ccfd3cf3718627e8aec7bfe06d957694030', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '68c899a4e14a204eaac9fc7d2be37dfd5af1b087', class: "interactive-icon", name: this.interactiveIcon })))));
+            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: '67b105dbab62237e7e06d6b619b72812ce66f726', name: this.icon }), h("slot", { key: '32170e04e6e3cf205ec3ac17b3ad77059dae4925' }), this.interactiveIcon && (h("button", { key: 'd8d3a5663b3074d6438e463c41fdb832afdee9e8', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '928f572b7ffa87880dd6d87a99da54764f5fe85e', class: "interactive-icon", name: this.interactiveIcon })))));
     }
     static get is() { return "z-chip"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/z-combobox/index.js

@@ -251,7 +251,7 @@ export class ZCombobox {
         return (h("div", { class: "check-all-wrapper" }, h("z-input", { type: InputType.CHECKBOX, checked: allChecked, htmlid: checkAllId, class: this.getCheckboxClass(), label: allChecked ? this.uncheckalltext : this.checkalltext, disabled: this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length, size: this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size, role: "option", "aria-selected": allChecked ? "true" : "false", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, checkAllId), onInputCheck: (e) => this.checkAll(e.detail.checked), onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));
     }
     render() {
-        return (h("div", { key: '5f5a261815a1e041fe8958fdd5444b7b0a49845b', "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));
+        return (h("div", { key: '42b1db0deaca5acfe6191edfd48c79e1bbdf62ee', "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));
     }
     static get is() { return "z-combobox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-cover-hero/index.js

@@ -35,9 +35,9 @@ export class ZCoverHero {
         return (h("div", { class: "content-container" }, h("slot", { name: "content" })));
     }
     render() {
-        return (h(Host, { key: '9d19bccd90d41d823dedfd22d4735806513e02b4' }, this.variant === CoverHeroVariant.STACKED &&
+        return (h(Host, { key: 'f58bfedc7e934a10f87927ab45fe4d98ffd46b7f' }, this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.TOP &&
-            this.renderContent(), h("div", { key: 'c700a2f18c53e2ee3f0893bb5e06c591847cbf3d', class: "main-container" }, h("div", { key: '32d74cad8e5c8ca8e6bf14a98dda4f490eca8983', class: "cover-container" }, h("slot", { key: '3b54102807692fa0bd3c13ec02ca577dd817f12c', name: "cover" })), h("slot", { key: '330c4c5cb791cb34d6ae5c797f5af17b55e6173b', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
+            this.renderContent(), h("div", { key: '3a823038df5a8424770caa53df1e4664ae7d6642', class: "main-container" }, h("div", { key: '4aab9a1af68addb46ee7a42ceed78d880b451542', class: "cover-container" }, h("slot", { key: '314ba21407204145dc5e29badb337e6302e5f3cb', name: "cover" })), h("slot", { key: '1f22c692f6227b0d48452e58511ed204a8160a3e', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.BOTTOM &&
             this.renderContent()));
     }

package/dist/collection/components/z-divider/index.js

@@ -7,7 +7,7 @@ export class ZDivider {
         this.orientation = DividerOrientation.HORIZONTAL;
     }
     render() {
-        return (h(Host, { key: '04573f93294d9e35e7901c677476414b9d1eb74f', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+        return (h(Host, { key: 'f70cdc1fed73cd1632d98e72b48305e1e3dfa000', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
     }
     static get is() { return "z-divider"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/z-ghost-loading/index.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class ZGhostLoading {
     render() {
-        return h(Host, { key: '06569bdb14202a00a873fc4d8336448b20115378' });
+        return h(Host, { key: 'f6cfbca3d9a44d79a731119a63ac3ddd1169b729' });
     }
     static get is() { return "z-ghost-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-info-box/index.js

@@ -11,7 +11,7 @@ export class ZInfoBox {
         this.infoBoxClose.emit({ boxid: this.boxid });
     }
     render() {
-        return (h("div", { key: '97f595bcb0456f5a5178d713253f44798e97aa64', id: this.boxid }, h("slot", { key: 'dad87fab0f68993bfd0c255b10d7949e8df64ce4', name: "content" }), this.isclosable && (h("z-icon", { key: '405f33531ac9fb80f1677837c4e873fc609b289f', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+        return (h("div", { key: '3a9ccaf890667bfb48ca54ff9966006d64763ee4', id: this.boxid }, h("slot", { key: '4ac00b2d444e156bd15357746a9b84d1cda6c835', name: "content" }), this.isclosable && (h("z-icon", { key: '8570ef51a28267770d8f3f14e6686219b55bf065', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
     }
     static get is() { return "z-info-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-info-reveal/index.js

@@ -50,7 +50,7 @@ export class ZInfoReveal {
         }
     }
     render() {
-        return (h(Host, { key: 'a19485beada104ab116a2eb280d976aa608260aa', open: this.open }, h("button", { key: '504213f62284cc74ed74b651a3a54dcd9715a1f1', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '4fd422856292ae26d66a04188abfb74c5e809141', name: this.icon }), this.label && h("span", { key: '4753636fcf7c98c077a93ac783b22b1057492bb5', class: "z-info-reveal-label" }, this.label)), h("div", { key: 'bdff08efa35c74951b48d909e83d7ccf32079460', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: '441569ddd80537294c1d66a1555423c460f7f8c9' }), h("button", { key: '690e9a97f7e77a6de567030062d159184106b725', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '1e110ca5a85731ec582d4696f72e4b010593d9eb', name: "multiply" })))));
+        return (h(Host, { key: '426744a21b8d779770ce57bf831b5aac30467f9b', open: this.open }, h("button", { key: '25935609f410b4605702a1762993d3fd4fc64dc3', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: 'd27424fb4b2bcc7f8915cfe1565267f1cfe6452d', name: this.icon }), this.label && h("span", { key: '18da54541cabb65a1b19d3723e69f1c1b6f62404', class: "z-info-reveal-label" }, this.label)), h("div", { key: '23ed4715a97cd2a40a432374c2eecd5c5549e489', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'f7284e91a5f3ea511e7b9154cc8c533ddb39257b' }), h("button", { key: '68ecbe810b59df4085b6cfa8e2b915925f3d17a0', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: 'f7c0eba6068d6b5f26c8cd13b7fea9f02353b658', name: "multiply" })))));
     }
     static get is() { return "z-info-reveal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-input/index.js

@@ -259,7 +259,7 @@ export class ZInput {
             default:
                 input = this.renderInputText(this.type);
         }
-        return h(Host, { key: '892974fb87a1a32879701db724f7e400931ef4dc' }, input);
+        return h(Host, { key: '74309f1c015b30fdb780107e671ff8a16ae2508e' }, input);
     }
     static get is() { return "z-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/z-input-message/index.js

@@ -18,7 +18,7 @@ export class ZInputMessage {
         this.onMessageChange();
     }
     render() {
-        return (h(Host, Object.assign({ key: 'ef26c50e4e8f21bed23b6b530f34866bb9d746af' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: '1c701e5f10e96e549fc3e799cbc16099f2032956', name: this.statusIcons[this.status] }), h("span", { key: '9a12b124d65a4b4ebcb9856ce6e9fa275d96ac64', innerHTML: this.message })));
+        return (h(Host, Object.assign({ key: 'a3dc2d581e03f38f10ce3788f5f0bb7e00c16dc3' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: '25fc0045fcbc16f92e3b12b4bbdc3df7fb625ffe', name: this.statusIcons[this.status] }), h("span", { key: 'c5d6bc38273f0108f253749d5d10c23c397f5db2', innerHTML: this.message })));
     }
     static get is() { return "z-input-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-logo/index.js

@@ -16,7 +16,7 @@ export class ZLogo {
         if (this.height) {
             style["height"] = style["max-height"] = `${this.height}px`;
         }
-        return (h(Host, { key: 'df9ab886a8af4c38414cb06e6ecc044154338e67', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt }))) : (h("img", { alt: this.imageAlt }))));
+        return (h(Host, { key: 'b659ebee364ce5146de3ac66ddd9daee88c7fdaa', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt }))) : (h("img", { alt: this.imageAlt }))));
     }
     static get is() { return "z-logo"; }
     static get encapsulation() { return "shadow"; }

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

@@ -174,7 +174,7 @@ export class ZMenuSection {
         this.onItemsChange();
     }
     render() {
-        return (h(Host, { key: 'b308fce3890a3094dca7d5de4f5837b47d6f2796', open: this.open }, h("button", { key: 'dd6eaa241e2f26c79b7fa0e6f7e14049c20b3ed6', ref: (el) => (this.label = el), class: "label", "aria-haspopup": `${!!this.hasItems}`, "aria-expanded": `${!!this.open}`, role: "menuitem", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h("slot", { key: '74f5c61fcf32df69b0b5d17ff0f06b5b62f940fa', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '8338d8b57893c110475fe980320310236abb3446', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: '4df11f5eaa5226c24930527caba7f0bfa048946a', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: '8393b22b945ec02e32e78248090505a012529253', name: "section", onSlotchange: this.onItemsChange }))));
+        return (h(Host, { key: 'c9eb88359ff5bfedac35c2846a7c12dd8d9b9cd9', open: this.open }, h("button", { key: 'c2488ccb4655e36aaf62eb1f1661095ee73d191f', ref: (el) => (this.label = el), class: "label", "aria-haspopup": `${!!this.hasItems}`, "aria-expanded": `${!!this.open}`, role: "menuitem", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h("slot", { key: '3bed1a8fc27de0284b1a6cb90e47cf548777ece5', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '7629bef016721afe95ff9c54a3e45c5d1040dfea', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: 'c1f16d2800cc2230e5d90c839d8100a0cf125f62', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: '622adb15c31822e51766f8ed803fc0c6bf184252', name: "section", onSlotchange: this.onItemsChange }))));
     }
     static get is() { return "z-menu-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -123,16 +123,16 @@ export class ZModal {
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: '8b921668da4604e386536b7aad9f29aa79f8c070', class: {
+        return (h("dialog", { key: '0b438d95102bb38051edc1dae2b8649699bf7d27', class: {
                 "modal-dialog": !this.scrollInside,
-            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, h("div", { key: 'ff7c0a54c27501f0de55fa051f4181dbb67b45f8', class: {
+            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, h("div", { key: '7633ab5a636831ab091dfb867c8e7771c916cd6c', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, h("header", { key: 'bc3fb5a42fc5b9b7a4a0772edc128b3b2cdb4145', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '0dbf87678b992d60df083e61f301ac43df103dbb' }, this.modaltitle && h("h1", { key: '7e61c3c9efc52d5b8d9a457907af76f9e10365a7', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '594aedcd430c5f132973c59dfdba288b657243ba', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: 'ac5d89b074eb7ab21acd3a5ae0846f96f2a9df66', class: {
+            }, id: this.modalid }, h("header", { key: '8a4e6353614d53443a585df377292099eb8eb629', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '2db9a17a77f601b314911c69e77fbad82db83d66' }, this.modaltitle && h("h1", { key: 'b869239de04a903d31f812cc6dd4b30827176907', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '08c8b8e801a2e33bc8bb2eb4fea3757653af7638', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: 'a8a0dd752a28643297670e05e417af75ab51d353', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: 'f6810e73b2dc2fc698bebed654698d267b113f11', name: "modalContent" }))), h("div", { key: '65bd11b7941467700592d45edd0ec078cde6f145', class: {
+            }, id: "modal-content" }, h("slot", { key: '0137e27cc4bc83c48b816073fe8de49015617835', name: "modalContent" }))), h("div", { key: '28482faf447f96a80627106b0961cb8e1def4b1c', class: {
                 "modal-background": true,
                 "modal-background-scroll-outside": !this.scrollInside,
             }, "data-action": "modalBackground", "data-modal": this.modalid, onClick: () => {