@zanichelli/albe-web-components 14.3.0 → 14.4.0

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

@@ -31,9 +31,9 @@ const ZCoverHero$1 = /*@__PURE__*/ proxyCustomElement(class ZCoverHero extends H
         return (h("div", { class: "content-container" }, h("slot", { name: "content" })));
     }
     render() {
-        return (h(Host, { key: '5fe68ea4b76b9938e202f20e2f3d41bdc2346553' }, this.variant === CoverHeroVariant.STACKED &&
+        return (h(Host, { key: '5e168fcc860cb006f3512b6097a51e3888678ae7' }, this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.TOP &&
-            this.renderContent(), h("div", { key: 'c39734aada37cc8d7d0c3953caf8ba42c4276ead', class: "main-container" }, h("div", { key: '6b749c89d1c8ba23e08c694de457981f8cde8ffb', class: "cover-container" }, h("slot", { key: 'dbb58f0a9f1b657e0c867b18458a2cc0903f6c6e', name: "cover" })), h("slot", { key: 'd8b93de81c83a1080b7a5e0f6aed6475be67af53', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
+            this.renderContent(), h("div", { key: 'bb67889d35a522ce0e284781a6038c6d87c7ecf3', class: "main-container" }, h("div", { key: 'a849722c3fab8946e03f869609fb4fb694a407fd', class: "cover-container" }, h("slot", { key: '72943b0eed0785b90925661579a4bb288ac765c5', name: "cover" })), h("slot", { key: '65997d8731e9ad963e64dcb3cd5bd5c4922aa49c', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.BOTTOM &&
             this.renderContent()));
     }

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

@@ -17,7 +17,7 @@ const ZInfoBox$1 = /*@__PURE__*/ proxyCustomElement(class ZInfoBox extends HTMLE
         this.infoBoxClose.emit({ boxid: this.boxid });
     }
     render() {
-        return (h("div", { key: 'dcefc3298cf5c600a7d53ab050df26bacb9bf7f0', id: this.boxid }, h("slot", { key: '0a08e8819fcf0f852652716109b59efe3bf7ef09', name: "content" }), this.isclosable && (h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+        return (h("div", { key: 'ca557ef255dac8cd5e349193e1a737ebbbc89e67', id: this.boxid }, h("slot", { key: '1be32b81bde96ac8f548a4bd84698ddbbc2485f1', name: "content" }), this.isclosable && (h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
     }
     static get style() { return ZInfoBoxStyle0; }
 }, [1, "z-info-box", {

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

@@ -49,7 +49,7 @@ const ZInfoReveal$1 = /*@__PURE__*/ proxyCustomElement(class ZInfoReveal extends
         }
     }
     render() {
-        return (h(Host, { key: 'db425718606f2b7f411fab9cdac57d91ce88560c', open: this.open }, h("button", { key: 'a70882d456af51c526726220a05864ab54ea86d6', 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", { name: this.icon }), this.label && h("span", { class: "z-info-reveal-label" }, this.label)), h("div", { key: '765172552ea823e07e010a68c201f5fa76fbc93d', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'f95ed8f0c6c94758b389139dde42289ef8b78ffc' }), h("button", { key: 'a80d002f3d07f101af8bcc84ef2a78d85da7036f', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '015386db04b0f4bdb2fefd9da623fb03327fbf86', name: "multiply" })))));
+        return (h(Host, { key: '9760fea9358ffa3422f6dad090a03c30cd8b51f2', open: this.open }, h("button", { key: '52c39a04ac63089ecb493927b49dea106a94ee93', 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", { name: this.icon }), this.label && h("span", { class: "z-info-reveal-label" }, this.label)), h("div", { key: '839afc7d65706951dcf0b5a56aaa69c6c56cc720', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: '598c69722edab2f836962b3807e50a4a8a296aee' }), h("button", { key: '53c5f103f7bcca4bf1d6ccb8d4454459b1a82afd', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '506717510c3ab82f30efbfe70753af7bc277a29f', name: "multiply" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/z-logo.js

@@ -23,7 +23,7 @@ const ZLogo$1 = /*@__PURE__*/ proxyCustomElement(class ZLogo extends HTMLElement
         if (this.height) {
             style["height"] = style["max-height"] = `${this.height}px`;
         }
-        return (h(Host, { key: '5cf212c5af863d8179c77dd3318eaabd83c881c2', 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: 'd9975127a15315e31fe4303eb4f0d76e40a1d885', 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 style() { return ZLogoStyle0; }
 }, [1, "z-logo", {

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

@@ -48,7 +48,7 @@ const ZMenuSection$1 = /*@__PURE__*/ proxyCustomElement(class ZMenuSection exten
         this.checkContent();
     }
     render() {
-        return (h(Host, { key: 'beadad10be10337d069e96c4144372b3ae9188d7', role: "menu", open: this.open }, h("button", { key: 'd76a6e7da3bb60238571b5a4e9c76b2923b07a97', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, h("slot", { key: 'ba6a653482a7e3f5de77877e7e69225c236b85f8', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && h("z-icon", { name: this.open ? "chevron-up" : "chevron-down" })), this.open && (h("div", { class: "items" }, h("slot", { name: "item", onSlotchange: this.checkContent.bind(this) })))));
+        return (h(Host, { key: '9afac5c30a1a957eca75b6c0b0efee330d9ea2ec', role: "menu", open: this.open }, h("button", { key: '9f0c3438436d4b035a37473f0f147d26ca4abc3c', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, h("slot", { key: '918f29cb6a6ea8e47d5460c907686ec80930b2fd', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && h("z-icon", { name: this.open ? "chevron-up" : "chevron-down" })), this.open && (h("div", { class: "items" }, h("slot", { name: "item", onSlotchange: this.checkContent.bind(this) })))));
     }
     get hostElement() { return this; }
     static get style() { return ZMenuSectionStyle0; }

package/dist/components/z-menu.js

@@ -100,7 +100,7 @@ const ZMenu$1 = /*@__PURE__*/ proxyCustomElement(class ZMenu extends HTMLElement
         return (h("div", { class: "menu-label" }, h("div", { class: "menu-label-content" }, h("slot", { onSlotchange: this.onLabelSlotChange }))));
     }
     render() {
-        return (h(Host, { key: 'f76898d2bf69ae311b8e0ae16ac15651a72aff19' }, this.renderMenuLabel(), this.hasContent && (h("div", { class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (h("header", { class: "header" }, h("slot", { name: "header", onSlotchange: this.checkContent }))), h("div", { class: "items", role: "menu" }, h("slot", { name: "item", onSlotchange: this.onItemsChange }))))));
+        return (h(Host, { key: '0ecfa6c7439e2472ebb454362e5dd86b4eef9ad3' }, this.renderMenuLabel(), this.hasContent && (h("div", { class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (h("header", { class: "header" }, h("slot", { name: "header", onSlotchange: this.checkContent }))), h("div", { class: "items", role: "menu" }, h("slot", { name: "item", onSlotchange: this.onItemsChange }))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/z-messages-pocket.js

@@ -42,7 +42,7 @@ const ZMessagesPocket$1 = /*@__PURE__*/ proxyCustomElement(class ZMessagesPocket
         return (h("z-pocket-body", { pocketid: this.pocketid }, h("div", { class: "body" }, h("slot", null)), h("div", { class: "gradient" })));
     }
     render() {
-        return (h("z-pocket", { key: 'e68496d2dd8bdcf5a008d06a6b4b57f971a8134d', pocketid: this.pocketid, status: this.status, class: this.status }, this.renderHeader(), this.renderBody()));
+        return (h("z-pocket", { key: '2f8a4cab129678f4a14c8fe5605c20098d29427a', pocketid: this.pocketid, status: this.status, class: this.status }, this.renderHeader(), this.renderBody()));
     }
     static get style() { return ZMessagesPocketStyle0; }
 }, [1, "z-messages-pocket", {

package/dist/components/z-myz-card-alert.js

@@ -56,7 +56,7 @@ const ZMyzCardAlert$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardAlert ext
         }
     }
     render() {
-        return (h("div", { key: '1a44a34c155e02fc981d43acbb4bfea6b55723c9', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '2d472706191ec3130effcc53ff5a1aa88a72d7af', type: this.getAlertType() }, h("div", { key: 'e851235481078dc7438ecff16b29553eb37e1819', class: "relative-container" }, h("z-icon", { key: 'e5a82796d0e57e1c450b93726e02953e554ae8f7', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: '8a3fb147de28373c7a9d63cd17a798aa9116ce86', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (h("div", { key: '48889e49481948b707a3fcd518ad1b3acfcc5bde', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '75322f499813ab46e7b0fa5f4704cd3c5659de32', type: this.getAlertType() }, h("div", { key: 'fdbcefea81b53032d7cf9209b75500d09a2b8563', class: "relative-container" }, h("z-icon", { key: '7cd6edc15a24476241764a69781a880130bd39f0', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: '3a627e1e4940bd011b59122be93c1b60692b16bf', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);

package/dist/components/z-myz-card-dictionary.js

@@ -31,7 +31,7 @@ const ZMyzCardDictionary$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardDict
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (h("div", { key: '4b234e3d238d980133221d80d810b6f1935cc9ca' }, h("z-myz-card", { key: '5ba2e25a636705c51c17ce2e94c3f2b6262a92dc' }, h("z-myz-card-header", { key: '15ce47c8781ec09fa04e44338341a80bd81c37b2', titolo: this.name }), h("div", { key: 'df8be094c86954d6bcdacefd8f341fb64ede8099', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '3a766d374ca3eac6a7e08333a0f04f2dfbcefdc4', class: "front" }, h("z-myz-card-body", { key: '88b2d585245efa008fdac1525312ab73ffe34810' }, h("z-myz-card-cover", { key: '28e735bb7171c1e014326c2cbe68ccdee4995b90', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: 'b29b64255d6053e5135ae3f847a1ce11ddfec283', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: '5dfe85db1b4f6b75e5fcbdef8a93b825eac4fad9', class: "back" }, h("slot", { key: '9bcecaf42947c2e138331a8448e891590943bc65', name: "info" }))), h("slot", { key: '4008625139f25d17a03fbd5157b2eda59e5b8227' }))));
+        return (h("div", { key: '07f2907ee9ae953ad0365dd0c8e2618524f89653' }, h("z-myz-card", { key: 'c21605f97d0cd1c9298643c2ad59ed4414a8ad16' }, h("z-myz-card-header", { key: '8798167fee3c810b002525720556c26bee3254de', titolo: this.name }), h("div", { key: '3d932ff6a732c3cbcf77fcd448e90e8265b02225', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '83585f7409cb3daee9d7985d7e9c519b6c41e133', class: "front" }, h("z-myz-card-body", { key: '486d61f67e0affb3e4e7efdf0ab3feb2b26b4b0f' }, h("z-myz-card-cover", { key: '61c665f57fb7e969d8191b77d62c794474b08e62', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '7cf6f97b79d569143724561d59e8c77fba8e054e', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: '562430df60bfa01db09cbad1d263586c6224af9c', class: "back" }, h("slot", { key: '537e1be569a72865724cfa85b7734dc0294bc115', name: "info" }))), h("slot", { key: '8b38959c1ddbeacd0bbca92fd14611355a24d74d' }))));
     }
     static get style() { return ZMyzCardDictionaryStyle0; }
 }, [1, "z-myz-card-dictionary", {

package/dist/components/z-myz-card-footer-sections.js

@@ -10,7 +10,7 @@ const ZMyzCardFooterSections$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCard
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'cd0ca2ae69e18cb2d8858619fa7271bab9ec0572' }, h("footer", { key: 'c223fb26d9e4a508727d31ed098260137c29c810' }, h("div", { key: '78f08bb02791f86423ec79d7d51f75fca04c48b3', class: "top" }, h("slot", { key: 'f0868ee663b0e051d2b1f9fdc3b46b2e3bf0764b', name: "top" })), h("div", { key: 'b94b1018a936912658f5cdc803d813740afbefd2', class: "bottom" }, h("slot", { key: 'c46cadb51728ab6fb3337794814abc4c2bf18434', name: "bottom" })))));
+        return (h("div", { key: 'e41dd2e7a9bed167d3901b276858c4dfc94c9a69' }, h("footer", { key: '522e3b1ea9c7ba56184a9140b6edbaefbf20a17d' }, h("div", { key: '5329ba46f5f04f20769781b0ed9400237d726952', class: "top" }, h("slot", { key: 'ea36f7398f980f255e396b3044d00ff77f42cad0', name: "top" })), h("div", { key: '726628df2d0df9c25c7103e7b56afe69a4ed8c2d', class: "bottom" }, h("slot", { key: '645f27ef4a5bfd15a021737512b8de2970f18b84', name: "bottom" })))));
     }
     static get style() { return ZMyzCardFooterSectionsStyle0; }
 }, [1, "z-myz-card-footer-sections"]);

package/dist/components/z-myz-card-footer.js

@@ -62,7 +62,7 @@ const ZMyzCardFooter$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardFooter e
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (h("div", { key: 'eff686d5d74e259c149f24159ad11b8fa35678c5', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '3d98d7d2b93a381fe5a30ffc759dbd5d9400e651', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '5b3972c0da599babfe34be1e6272f32c9ac0caa8', class: "toggle" }, h("slot", { key: 'eac0e7c9dce28af1aa5b1105def1f9f07dfeef9a', name: "toggle" })), this.titolo && h("p", { class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'a93cb0b556c110b95f89a5ebac3fbfe0dab3ac74', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: 'c8aab3d52f2938cf75df111719f8e4bf1fdbeaf5' }, h("p", { key: 'd1658fc5bd5426afa3014d32f63b3f341f23745e', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '5e34c29544c596fbbcf3e63e7c6bc83d87ff769d', title: this.getTitleAuthors() }, h("span", { key: 'c2bafd8e92c1aea55c9fca61a5ce413ef798e8aa', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '974b294cb52e721c89cd3cdd109912c37a4678c6', class: "year-isbn" }, h("span", { key: 'b3519bbf042c6dc6f03b30c8a58a93bcdfe2579f', class: "isbn" }, h("span", { key: '212a231d499a2c2c9d11a91ffbf7c18c00963397' }, h("span", { key: 'd85d6ab5d999105f36cf2f90fffe42d352a75b67', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'bf8ae2a2c8544702c7643c5e39450d2960a4c10e', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '9774d27b4959431244b573ba9f7c08e112799427', name: "list" })))), this.customContent && h("slot", { name: "content" })));
+        return (h("div", { key: '2355ce5bf7f86132e0ea79faaa7fb2ce7929e253', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '3ccb3f1f774258d7a25c67848142cc9424925ed0', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '072816a3c2bc1cdd1ac691a8f8f1452b4c38f47d', class: "toggle" }, h("slot", { key: '2303be81faa22efd971ddd23664c65f6ad978113', name: "toggle" })), this.titolo && h("p", { class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '705cc32194d0f9a299785561c90fd87bd17f6506', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '631266505175cbc65aa8933350aa3d4aa05aa3d2' }, h("p", { key: '1c41fcd3eca98e064a3840d66674381d483ed992', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '3c85536ddd4b9ec90afb6526d4511a20d450f16d', title: this.getTitleAuthors() }, h("span", { key: '90228e4567255c5dec27cfabb025200e21bab63c', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'c1c94511536c15f8faa87b4f4e25c378fdd360f2', class: "year-isbn" }, h("span", { key: '39796f2025296859dd920d653a2ee94739d62fc9', class: "isbn" }, h("span", { key: 'a4c6930d1e4ada79bf9ef68501cae51003587082' }, h("span", { key: 'aeeadffeac35d8abd57d35fc7e7a80657baf53b2', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'b34741423e777b90d389f690508e02096aec0670', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '58b736facd35b9618ba7e24787278578fc3270bf', name: "list" })))), this.customContent && h("slot", { name: "content" })));
     }
     get host() { return this; }
     static get style() { return ZMyzCardFooterStyle0; }

package/dist/components/z-myz-card-icon.js

@@ -14,7 +14,7 @@ const ZMyzCardIcon$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardIcon exten
         this.ariaLabel = "";
     }
     render() {
-        return (h("button", { key: '972147f83660d272042a24650300708bee702c03', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '0fc735337402b0c798d26706da88a35bb8fd77dc' }, h("z-icon", { key: 'f052b1dcfc412d0aca7b3b60666e75b269aa3139', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: 'ad617a342a7d7ae30067dc750b17453d66db9ffa', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '67079cabf8a0b3213ca75a04e7570d984fe9286f' }, h("z-icon", { key: '1e0a2ebcac6652f6c720da6c74a2d8f718ec825f', name: this.icon, width: 16, height: 16 }))));
     }
     static get style() { return ZMyzCardIconStyle0; }
 }, [1, "z-myz-card-icon", {

package/dist/components/z-myz-card-info.js

@@ -121,7 +121,7 @@ const ZMyzCardInfo$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardInfo exten
         return (h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, h("span", { class: "license-heading" }, h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", h("b", null, this.cardData.offlineLicense.expiration), h("br", null), "Installazioni disponibili: ", h("b", null, this.cardData.offlineLicense.installations)));
     }
     render() {
-        return (h("div", { key: '6818de4d54bf54dae4077e338e3022d116f3a81d' }, this.renderCloseIcon(), h("div", { key: '97fdb22878992d691245e1aed0c07731a2829001', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '736dbe3cc5c52fbe9a9f856e6e594da1a8870f4f', class: "cta-wrapper" }, h("slot", { key: '643bd15773c866215b70104c81257c4ba53f5307' }))));
+        return (h("div", { key: 'b10008febb3778b8848fed3b1754743277ccefeb' }, this.renderCloseIcon(), h("div", { key: '6e32bc325cb8bae2428387dbd113f413b49d99ef', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '61cba0d7f9745f488f710c87d873674b0095c3bd', class: "cta-wrapper" }, h("slot", { key: '8fa3eccdcca0bb7edf4c48dfc6ac6c5faad04ed3' }))));
     }
     static get style() { return ZMyzCardInfoStyle0; }
 }, [1, "z-myz-card-info", {

package/dist/components/z-myz-card-list.js

@@ -30,7 +30,7 @@ const ZMyzCardList$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardList exten
         });
     }
     render() {
-        return h("ul", { key: '8375d62edd6ef039ccf8211c2c1b72ec84a87b3f' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: '8fa3ddd1500ab0fa34402944d13c147aa6467a3b' }, this.renderList(JSON.parse(this.listdata)));
     }
     static get style() { return ZMyzCardListStyle0; }
 }, [1, "z-myz-card-list", {

package/dist/components/z-myz-list.js

@@ -26,7 +26,7 @@ const ZMyzList$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzList extends HTMLE
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: 'b581a0e630c75f05449a6dbf4eb45234085c0432' }, this.list &&
+        return (h("ul", { key: 'beb3170f0894edf221d32e81e23fdf0967d5560b' }, this.list &&
             this.list.map((bean, i) => (h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
     }
     static get watchers() { return {

package/dist/components/z-navigation-tabs.js

@@ -205,10 +205,10 @@ const ZNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class ZNavigationTabs
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '612788b96886b932a6cf18b16422612ce8a87a28', class: {
+        return (h(Host, { key: 'b8ac3831227ebd2bede2d818f2df5f7cf1985596', class: {
                 "interactive-2": this.size === NavigationTabsSize.SMALL,
                 "interactive-1": this.size !== NavigationTabsSize.SMALL,
-            }, scrollable: this.canNavigate }, h("button", { key: '93968651f7f5199ada5345641b5d3abf796cdb81', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, h("z-icon", { key: 'dbc1661829b7bd5e52e00437e232d24be57d4f77', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '804a3005ca3967d6403ad977ec16a9766612cbc0', role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", { key: 'f970838c5f1b4669f3ff409abaa2ee5a26ec0542' })), h("button", { key: '280ca6b35e79aa8f3bef4115071b53d7bf6c99c3', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, h("z-icon", { key: '6cd794d570d1d4b04910de7d94cf91e3f56cd09a', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+            }, scrollable: this.canNavigate }, h("button", { key: '1080ad28e05e2169e002f00cf841e1ce0c37f49e', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, h("z-icon", { key: 'ddd530730b3a5a3165a06ced3f7266a16e867e5f', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: 'fa168689fdbbbef714dc6ef50061216b72833e3e', role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", { key: '8aec51101e0bb61e76ef1a90f08b277d026b87e1' })), h("button", { key: 'c963e7c135d6e93c0f7eeeabff80fad020ea302d', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, h("z-icon", { key: '7e3184c2801af92791457cde20c47c55c361f169', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/z-notification.js

@@ -30,7 +30,7 @@ const ZNotification$1 = /*@__PURE__*/ proxyCustomElement(class ZNotification ext
     }
     render() {
         var _a;
-        return (h(Host, { key: 'b610c9bba78b5d6773e97cdcc7d758e6e26e883b' }, this.contenticonname && (h("z-icon", { class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: 'c3f2d084587396ece3e4a69db068cd11cd41a086', class: "content-container" }, h("div", { key: '0c03f73bdad7fca93e1aba2f7946b33cf49690d5', class: "content-text" }, h("slot", { key: '544dedd18270206a8ba2925edfa3aa84268e0c4f' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { name: "multiply-circle", width: 16, height: 16 })))));
+        return (h(Host, { key: 'e1b8c509acb129182cfadc355c1963fd1c4274c6' }, this.contenticonname && (h("z-icon", { class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: 'c9cf0db48f3bacb9a5fd30edef7205e2466f833d', class: "content-container" }, h("div", { key: 'ac120c5078e63ca5d4089f2e2ddfea3bd60c5660', class: "content-text" }, h("slot", { key: 'fcc4c3bb250103c84453421964bc740f26baf40d' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { name: "multiply-circle", width: 16, height: 16 })))));
     }
     static get style() { return ZNotificationStyle0; }
 }, [1, "z-notification", {

package/dist/components/z-otp.js

@@ -24,7 +24,7 @@ const ZOtp$1 = /*@__PURE__*/ proxyCustomElement(class ZOtp extends HTMLElement {
         this.otpRef = [...Array(this.inputNum)];
     }
     render() {
-        return (h("div", { key: '995d76c97533e24975e62c98ecd08b4558a45687', class: "otp-container" }, h("div", { key: '97f2ddc116b3c6b41f197037b0612cb39706bed8', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: 'd43a7825cc988d029a8f3907a2d6b4241ffe649e', class: "otp-container" }, h("div", { key: 'e70cd5ac9baa4264995fbb529e86759a6fb2a239', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
                 if (e.keyCode > 47) {
                     this.otpRef[i].value = "";
                 }
@@ -35,7 +35,7 @@ const ZOtp$1 = /*@__PURE__*/ proxyCustomElement(class ZOtp extends HTMLElement {
             }, onInput: (e) => {
                 this.otp[i] = e.target.value;
                 this.emitInputChange(this.otp.join(""));
-            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: 'ce5613a45e4a578a16b63580207359b02b78cba1', message: this.message, status: this.status })));
+            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: 'f0b2b27c8936059f3aa0d9ca4d207a4b61297e2d', message: this.message, status: this.status })));
     }
     static get style() { return ZOtpStyle0; }
 }, [1, "z-otp", {

package/dist/components/z-panel-elem.js

@@ -20,11 +20,11 @@ const ZPanelElem$1 = /*@__PURE__*/ proxyCustomElement(class ZPanelElem extends H
     }
     render() {
         const elemId = this.elemid ? this.elemid : "";
-        return (h("div", { key: 'bdc30d88a3eb7ba48958701df00b9ef7e8516bba', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'fe7f4ba7d0851986d693be0a88b463cedabb5934', class: "panel-elem-link" }, h("a", { key: '7325188fe40d6a2726d542607581b1517e6d5b3b', class: {
+        return (h("div", { key: '91a143d46fe8e4a3577180d6e4402f688b234110', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { src: this.imgurl, alt: this.imgalt }))), h("div", { key: '86758f350858a9d7541c04f97b28380172fd9ae1', class: "panel-elem-link" }, h("a", { key: '11bc0af0c410e5fa21148508abefa95c4b92c5db', class: {
                 "z-link": true,
                 "z-link-disabled": this.isdisabled,
                 "z-link-icon": true,
-            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: 'df0f7f98e88de69f4894bfa8250a884aa6da9c3a', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { class: "panel-elem-desc" }, h("slot", { name: this.descrSlotName })))));
+            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: '166a449dea58e874d07fa86631692ff5dc14c7cc', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { class: "panel-elem-desc" }, h("slot", { name: this.descrSlotName })))));
     }
     static get style() { return ZPanelElemStyle0; }
 }, [6, "z-panel-elem", {

package/dist/components/z-pocket-message.js

@@ -11,7 +11,7 @@ const ZPocketMessage$1 = /*@__PURE__*/ proxyCustomElement(class ZPocketMessage e
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: 'fc7dd1f124a7891d06714e8e246fb9b7b9e51036' }, h("z-icon", { key: 'c1889b328efb70835d3049cd96c7893baf6fa0c9', name: "exclamation-circle" }), h("div", { key: '2d7adc5063f6207ef8ff0ca148fd8b77c1d9096d', class: "content" }, h("slot", { key: 'b16cc5a7086302b73baa229ef37f3df14bae4676' })), h("div", { key: '91e56d2ae0cf57cc0c6d2898fb05b3fc83b87f99', class: "cta-wrapper" }, h("slot", { key: 'c9e114961d136434110f37614ac725a59a54c8e3', name: "cta" }))));
+        return (h("div", { key: '77c4ac87fc391b13dea88c69e71165692075170e' }, h("z-icon", { key: '12387df9bfe2fb8fa3cc0e5cfc2f1515e8ddf322', name: "exclamation-circle" }), h("div", { key: '4ae85314b4c54d9de77f5cc2e789fcfa2516cfac', class: "content" }, h("slot", { key: '7dcf450d21455d6796faa2cfb1222aab546a94d6' })), h("div", { key: 'a51ae4748bb1c29223d35fb10633e51fc17506ec', class: "cta-wrapper" }, h("slot", { key: '2641720771473f5ce8cd207731273f82810dc428', name: "cta" }))));
     }
     static get style() { return ZPocketMessageStyle0; }
 }, [1, "z-pocket-message"]);

package/dist/components/z-section-title.js

@@ -17,7 +17,7 @@ const ZSectionTitle$1 = /*@__PURE__*/ proxyCustomElement(class ZSectionTitle ext
         this.hasSecondaryTitle = !!this.host.querySelector("[slot=secondary-title]");
     }
     render() {
-        return (h(Host, { key: 'd691017e2953d129c291a8d1e8fa5411f0faf457' }, h("slot", { key: '99c8dce52dde7a85c2dd7423d08875b9a5ab4dfe', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: 'de5810f9b9a3db9c2fb81a59ac3dda261079b81f', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
+        return (h(Host, { key: '98a5c82a7087e6a67f0d76f91f87274b9fb4dcaa' }, h("slot", { key: 'c24aeee90fdcf9e7a68c6cbaff2d1a490b252c46', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: 'c7f5595456cc7601afb0fccb20b948802c58ad41', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
     }
     get host() { return this; }
     static get style() { return ZSectionTitleStyle0; }

package/dist/components/z-select.js

@@ -329,7 +329,7 @@ const ZSelect$1 = /*@__PURE__*/ proxyCustomElement(class ZSelect extends HTMLEle
         return (h("z-input-message", { message: boolean(this.message) === true ? undefined : this.message, status: this.status, class: this.size }));
     }
     render() {
-        return (h("div", { key: '5566ddc949ae9fee8724ebd22bb2ae21dfc0d19e', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
+        return (h("div", { key: '78ac427d8d3de7b8bd2d62bff9ffc07b0625da28', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/z-skip-to-content.js

@@ -48,7 +48,7 @@ const ZSkipToContent$1 = /*@__PURE__*/ proxyCustomElement(class ZSkipToContent e
         this.visible = false;
     }
     render() {
-        return (h(Host, { key: 'a23874893887060f9581859334bd1a21603a46bb', class: {
+        return (h(Host, { key: '4c268f1358c2b8d099b43c8ca3800d460ddb3127', class: {
                 [this.variant]: true,
                 "skip-to-content-visible": this.visible,
             } }, this.links.map((link, i) => {

package/dist/components/z-stepper-item.js

@@ -1,6 +1,7 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './index9.js';
 
-const stylesCss = ":host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:\"\"}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:18px;line-height:28px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));text-align:center}:host(:not([disabled])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-active-primary);background:var(--color-active-primary);color:var(--color-text-inverse)}:host(:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}@media (min-width: 768px){:host{width:calc(var(--space-unit) * 10)}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10)}.stepper-item span{display:block}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}";
+const stylesCss = ":host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-icon-width:20px;--z-icon-height:20px}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:\"\"}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:12px;line-height:16px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));color:var(--color-default-text);text-align:center}:host([href]:not([disabled],[pressed])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-active-primary);background:var(--color-active-primary);color:var(--color-text-inverse)}:host(:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([href]:not([disabled],[pressed],[checked])) .indicator:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}:host([checked]:not([disabled])) .indicator{border-color:var(--color-success-default);color:var(--color-success-default)}:host([checked]:not([disabled])) .indicator z-icon{fill:var(--color-success-default)}:host([checked]) .indicator z-icon>svg{width:24px;height:24px}@media (min-width: 768px){.stepper-item span{display:block}}@media (min-width: 1152px){:host{width:calc(var(--space-unit) * 10);--z-icon-width:24px;--z-icon-height:24px}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10);font-size:18px;line-height:28px}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}";
 const ZStepperItemStyle0 = stylesCss;
 
 const ZStepperItem$1 = /*@__PURE__*/ proxyCustomElement(class ZStepperItem extends HTMLElement {
@@ -11,32 +12,43 @@ const ZStepperItem$1 = /*@__PURE__*/ proxyCustomElement(class ZStepperItem exten
         this.index = undefined;
         this.href = undefined;
         this.pressed = undefined;
+        this.checked = undefined;
         this.disabled = undefined;
     }
+    getAttributes() {
+        const href = this.href && !this.pressed && !this.disabled ? { onClick: () => (location.href = this.href) } : undefined;
+        const role = href ? { role: "link" } : undefined;
+        const current = this.pressed && !this.disabled ? { ariaCurrent: "step" } : undefined;
+        const tabindex = this.pressed || this.href === "" ? { tabindex: -1 } : undefined;
+        return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
+    }
     render() {
-        if (this.href) {
-            return (h("a", { href: !this.disabled && this.href, class: "stepper-item" }, h("div", { class: "indicator" }, this.index), h("span", null, h("slot", null))));
-        }
-        return (h("button", { class: "stepper-item", disabled: this.disabled }, h("div", { class: "indicator" }, this.index), h("span", null, h("slot", null))));
+        return (h(Host, { key: 'c5ca192ca8a2dbf5a7df76d24059e2f312e2d6de', role: "listitem" }, h("button", Object.assign({ key: 'df91258ecfeef2cc2d42b7cdeb35fe4d74fa53d9', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '45a0b2b14d11094e753e89747c89ad6554b6f086', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: 'fbb1e1340c9d200312814aac29bf76077b956ea8' }, h("slot", { key: '79791a5e64454e4b543b49e97f9af3592a18c4cf' })))));
     }
     static get style() { return ZStepperItemStyle0; }
 }, [1, "z-stepper-item", {
         "index": [2],
         "href": [1],
         "pressed": [4],
+        "checked": [4],
         "disabled": [4]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["z-stepper-item"];
+    const components = ["z-stepper-item", "z-icon"];
     components.forEach(tagName => { switch (tagName) {
         case "z-stepper-item":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, ZStepperItem$1);
             }
             break;
+        case "z-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
     } });
 }
 

package/dist/components/z-stepper-item.js.map

@@ -1 +1 @@
-{"file":"z-stepper-item.js","mappings":";;AAAA,MAAM,SAAS,GAAG,imEAAimE,CAAC;AACpnE,2BAAe,SAAS;;MCMXA,cAAY;;;;;;;;;;IAyBvB,MAAM;QACJ,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,QACE,SACE,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,EACjC,KAAK,EAAC,cAAc,IAEpB,WAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,KAAK,CAAO,EACzC,gBACE,eAAQ,CACH,CACL,EACJ;SACH;QAED,QACE,cACE,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvB,WAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,KAAK,CAAO,EACzC,gBACE,eAAQ,CACH,CACA,EACT;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZStepperItem"],"sources":["src/components/indicators/z-stepper-item/styles.css?tag=z-stepper-item&encapsulation=shadow","src/components/indicators/z-stepper-item/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  width: calc(var(--space-unit) * 5);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host(:not(:last-child)) {\n  flex: 1;\n}\n\n:host(:not(:last-child))::after {\n  position: absolute;\n  z-index: 1;\n  top: calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);\n  right: calc(var(--space-unit) * 2);\n  left: calc(var(--space-unit) * 3);\n  display: block;\n  width: auto;\n  border-bottom: var(--border-size-medium) solid var(--color-disabled03);\n  margin: 0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);\n  content: \"\";\n}\n\n.stepper-item {\n  display: flex;\n  width: calc(var(--space-unit) * 5);\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: transparent;\n  color: inherit;\n  font-family: inherit;\n  font-size: 18px;\n  line-height: 28px;\n  outline: 0;\n  text-decoration: none;\n}\n\n.stepper-item span {\n  display: none;\n  width: calc(100% + calc(var(--space-unit) * 4));\n  text-align: center;\n}\n\n:host(:not([disabled])) .stepper-item {\n  cursor: pointer;\n}\n\n:host([disabled]) .stepper-item {\n  pointer-events: none;\n}\n\n.indicator {\n  display: flex;\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: var(--border-size-medium) solid var(--color-primary01);\n  margin: calc(var(--space-unit) * 2);\n  background: var(--color-surface01);\n  border-radius: 50%;\n  color: var(--color-primary01);\n  content: counter(stepper);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 1;\n}\n\n:host([pressed]:not([disabled])) .indicator {\n  border-color: var(--color-active-primary);\n  background: var(--color-active-primary);\n  color: var(--color-text-inverse);\n}\n\n:host(:not([disabled]):focus-within) .indicator {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([disabled]) .indicator {\n  border-color: var(--color-disabled02);\n  background: var(--color-disabled01);\n  color: var(--color-disabled03);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  :host {\n    width: calc(var(--space-unit) * 10);\n  }\n\n  :host(:not(:last-child))::after {\n    top: calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);\n    left: calc(var(--space-unit) * 8);\n  }\n\n  .stepper-item {\n    width: calc(var(--space-unit) * 10);\n  }\n\n  .stepper-item span {\n    display: block;\n  }\n\n  .indicator {\n    width: calc(var(--space-unit) * 6);\n    height: calc(var(--space-unit) * 6);\n    font-size: 16px;\n  }\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-stepper-item\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepperItem {\n  /**\n   * The number of the step item.\n   */\n  @Prop({attribute: \"index\"})\n  index: number;\n\n  /**\n   * The href to navigate on click.\n   */\n  @Prop({attribute: \"href\"})\n  href: string;\n\n  /**\n   * The pressed state of the item.\n   */\n  @Prop({attribute: \"pressed\"})\n  pressed: boolean;\n\n  /**\n   * The disabled state of the item.\n   */\n  @Prop({attribute: \"disabled\"})\n  disabled: boolean;\n\n  render(): HTMLAnchorElement | HTMLButtonElement {\n    if (this.href) {\n      return (\n        <a\n          href={!this.disabled && this.href}\n          class=\"stepper-item\"\n        >\n          <div class=\"indicator\">{this.index}</div>\n          <span>\n            <slot />\n          </span>\n        </a>\n      );\n    }\n\n    return (\n      <button\n        class=\"stepper-item\"\n        disabled={this.disabled}\n      >\n        <div class=\"indicator\">{this.index}</div>\n        <span>\n          <slot />\n        </span>\n      </button>\n    );\n  }\n}\n"],"version":3}
+{"file":"z-stepper-item.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,urFAAurF,CAAC;AAC1sF,2BAAe,SAAS;;MCMXA,cAAY;;;;;;;;;;;IA+Bf,aAAa;QACnB,MAAM,IAAI,GACR,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAC,OAAO,EAAE,OAAO,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,EAAC,GAAG,SAAS,CAAC;QAC1G,MAAM,IAAI,GAAG,IAAI,GAAG,EAAC,IAAI,EAAE,MAAM,EAAC,GAAG,SAAS,CAAC;QAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAC,WAAW,EAAE,MAAM,EAAC,GAAG,SAAS,CAAC;QACnF,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,KAAK,EAAE,GAAG,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAC,GAAG,SAAS,CAAC;QAE/E,mEACK,IAAI,GACJ,IAAI,GACJ,OAAO,GACP,QAAQ,EACX;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,IACnB,6EACE,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IACnB,IAAI,CAAC,aAAa,EAAE,GAExB,4DAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,OAAO,GAAG,cAAQ,IAAI,EAAC,WAAW,GAAG,GAAG,IAAI,CAAC,KAAK,CAAO,EACtF,+DACE,8DAAQ,CACH,CACA,CACJ,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["ZStepperItem"],"sources":["src/components/indicators/z-stepper-item/styles.css?tag=z-stepper-item&encapsulation=shadow","src/components/indicators/z-stepper-item/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  width: calc(var(--space-unit) * 5);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n\n  --z-icon-width: 20px;\n  --z-icon-height: 20px;\n}\n\n:host(:not(:last-child)) {\n  flex: 1;\n}\n\n:host(:not(:last-child))::after {\n  position: absolute;\n  z-index: 1;\n  top: calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);\n  right: calc(var(--space-unit) * 2);\n  left: calc(var(--space-unit) * 3);\n  display: block;\n  width: auto;\n  border-bottom: var(--border-size-medium) solid var(--color-disabled03);\n  margin: 0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);\n  content: \"\";\n}\n\n.stepper-item {\n  display: flex;\n  width: calc(var(--space-unit) * 5);\n  flex-direction: column;\n  align-items: center;\n  padding: 0;\n  border: 0;\n  appearance: none;\n  background: transparent;\n  color: inherit;\n  font-family: inherit;\n  font-size: 12px;\n  line-height: 16px;\n  outline: 0;\n  text-decoration: none;\n}\n\n.stepper-item span {\n  display: none;\n  width: calc(100% + calc(var(--space-unit) * 4));\n  color: var(--color-default-text);\n  text-align: center;\n}\n\n:host([href]:not([disabled], [pressed])) .stepper-item {\n  cursor: pointer;\n}\n\n:host([disabled]) .stepper-item {\n  pointer-events: none;\n}\n\n.indicator {\n  display: flex;\n  width: calc(var(--space-unit) * 4);\n  height: calc(var(--space-unit) * 4);\n  box-sizing: border-box;\n  align-items: center;\n  justify-content: center;\n  border: var(--border-size-medium) solid var(--color-primary01);\n  margin: calc(var(--space-unit) * 2);\n  background: var(--color-surface01);\n  border-radius: 50%;\n  color: var(--color-primary01);\n  content: counter(stepper);\n  font-size: 14px;\n  font-weight: var(--font-sb);\n  line-height: 1;\n}\n\n:host([pressed]:not([disabled])) .indicator {\n  border-color: var(--color-active-primary);\n  background: var(--color-active-primary);\n  color: var(--color-text-inverse);\n}\n\n:host(:not([disabled]):focus-within) .indicator {\n  box-shadow: var(--shadow-focus-primary);\n}\n\n:host([href]:not([disabled], [pressed], [checked])) .indicator:hover {\n  border-color: var(--color-hover-primary);\n  color: var(--color-hover-primary);\n}\n\n:host([disabled]) .indicator {\n  border-color: var(--color-disabled02);\n  background: var(--color-disabled01);\n  color: var(--color-disabled03);\n}\n\n:host([checked]:not([disabled])) .indicator {\n  border-color: var(--color-success-default);\n  color: var(--color-success-default);\n}\n\n:host([checked]:not([disabled])) .indicator z-icon {\n  fill: var(--color-success-default);\n}\n\n:host([checked]) .indicator z-icon > svg {\n  width: 24px;\n  height: 24px;\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n  .stepper-item span {\n    display: block;\n  }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n  :host {\n    width: calc(var(--space-unit) * 10);\n\n    --z-icon-width: 24px;\n    --z-icon-height: 24px;\n  }\n\n  :host(:not(:last-child))::after {\n    top: calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);\n    left: calc(var(--space-unit) * 8);\n  }\n\n  .stepper-item {\n    width: calc(var(--space-unit) * 10);\n    font-size: 18px;\n    line-height: 28px;\n  }\n\n  .indicator {\n    width: calc(var(--space-unit) * 6);\n    height: calc(var(--space-unit) * 6);\n    font-size: 16px;\n  }\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-stepper-item\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepperItem {\n  /**\n   * The number of the step item.\n   */\n  @Prop({attribute: \"index\"})\n  index: number;\n\n  /**\n   * The href to navigate on click.\n   */\n  @Prop({attribute: \"href\"})\n  href: string;\n\n  /**\n   * The pressed state of the item.\n   */\n  @Prop({attribute: \"pressed\"})\n  pressed: boolean;\n\n  /**\n   * The checked state of the item.\n   */\n  @Prop({attribute: \"checked\"})\n  checked: boolean;\n\n  /**\n   * The disabled state of the item.\n   */\n  @Prop({attribute: \"disabled\"})\n  disabled: boolean;\n\n  private getAttributes(): Record<string, unknown> {\n    const href =\n      this.href && !this.pressed && !this.disabled ? {onClick: () => (location.href = this.href)} : undefined;\n    const role = href ? {role: \"link\"} : undefined;\n    const current = this.pressed && !this.disabled ? {ariaCurrent: \"step\"} : undefined;\n    const tabindex = this.pressed || this.href === \"\" ? {tabindex: -1} : undefined;\n\n    return {\n      ...href,\n      ...role,\n      ...current,\n      ...tabindex,\n    };\n  }\n\n  render(): HTMLAnchorElement | HTMLButtonElement {\n    return (\n      <Host role=\"listitem\">\n        <button\n          class=\"stepper-item\"\n          disabled={this.disabled}\n          {...this.getAttributes()}\n        >\n          <div class=\"indicator\">{this.checked ? <z-icon name=\"checkmark\" /> : this.index}</div>\n          <span>\n            <slot />\n          </span>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/z-stepper.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
 const stylesCss = ":host{position:relative;display:flex;width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";
 const ZStepperStyle0 = stylesCss;
@@ -10,7 +10,7 @@ const ZStepper$1 = /*@__PURE__*/ proxyCustomElement(class ZStepper extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return h("slot", { key: '043113235ab04ac3c32e73cecc87f3098b02a666' });
+        return (h(Host, { key: '8f9ead5ee6d332ff3279c5135cd581603235fd54', role: "list" }, h("slot", { key: '1e4c88be235b6c0e0baeb4f7ec6547a2af1d24cc' })));
     }
     static get style() { return ZStepperStyle0; }
 }, [1, "z-stepper"]);

package/dist/components/z-stepper.js.map

@@ -1 +1 @@
-{"file":"z-stepper.js","mappings":";;AAAA,MAAM,SAAS,GAAG,mSAAmS,CAAC;AACtT,uBAAe,SAAS;;MCSXA,UAAQ;;;;;;IACnB,MAAM;QACJ,OAAO,8DAAQ,CAAC;KACjB;;;;;;;;;;;;;;;;;;;;;;","names":["ZStepper"],"sources":["src/components/indicators/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/indicators/z-stepper/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  flex-direction: row;\n  padding: 0;\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  list-style: none;\n}\n\n@media only screen and (min-width: 768px) {\n  :host {\n    padding: 0 calc(var(--space-unit) * 2);\n  }\n}\n","import {Component, h} from \"@stencil/core\";\n\n/**\n * @slot - z-stepper-item\n */\n@Component({\n  tag: \"z-stepper\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepper {\n  render(): HTMLSlotElement {\n    return <slot />;\n  }\n}\n"],"version":3}
+{"file":"z-stepper.js","mappings":";;AAAA,MAAM,SAAS,GAAG,mSAAmS,CAAC;AACtT,uBAAe,SAAS;;MCSXA,UAAQ;;;;;;IACnB,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,MAAM,IACf,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;","names":["ZStepper"],"sources":["src/components/indicators/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/indicators/z-stepper/index.tsx"],"sourcesContent":[":host {\n  position: relative;\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  box-sizing: border-box;\n  flex-direction: row;\n  padding: 0;\n  margin: 0;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n  list-style: none;\n}\n\n@media only screen and (min-width: 768px) {\n  :host {\n    padding: 0 calc(var(--space-unit) * 2);\n  }\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - z-stepper-item\n */\n@Component({\n  tag: \"z-stepper\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZStepper {\n  render(): HTMLSlotElement {\n    return (\n      <Host role=\"list\">\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/z-table.js

@@ -36,7 +36,7 @@ const ZTable$1 = /*@__PURE__*/ proxyCustomElement(class ZTable extends HTMLEleme
         (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: 'd404e04cce15f5c9c01d1d90477b0b073ce4fb18', expandable: this.expandable }, h("div", { key: '093877b6d4f94257a4178c2d0647107a91cd782b', class: "table", role: "table" }, h("slot", { key: '19e147c5cb2e20287208e39085e816cfc62f3f5e' }))));
+        return (h(Host, { key: '7df0f17c2a8af3ffc26afb0eac92ff80201ea65a', expandable: this.expandable }, h("div", { key: '44d334758702e852bbafe3845c6904c13670c355', class: "table", role: "table" }, h("slot", { key: 'e53145cc9d7b07fc0a2384df635ca5adc5e47b91' }))));
     }
     get host() { return this; }
     static get style() { return ZTableStyle0; }

package/dist/components/z-tbody.js

@@ -10,7 +10,7 @@ const ZTbody$1 = /*@__PURE__*/ proxyCustomElement(class ZTbody extends HTMLEleme
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'f60a683407e08dc44c3e60699142dbe15714af8f', role: "rowgroup" }, h("slot", { key: 'cce2e55d056641c4bbe3c043e51525303d75562b' })));
+        return (h(Host, { key: '5053f27544fc018342c190f6365808a7dd5680bd', role: "rowgroup" }, h("slot", { key: '14a7c9dfd3e65dbb6fe1c36012de193e9b734a68' })));
     }
     static get style() { return ZTbodyStyle0; }
 }, [1, "z-tbody"]);

package/dist/components/z-td.js

@@ -35,7 +35,7 @@ const ZTd$1 = /*@__PURE__*/ proxyCustomElement(class ZTd extends HTMLElement {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: '54c578b455a56b02dfa3d44ac06dcd93df0571ef', role: "cell", "menu-open": this.isMenuOpen }, h("slot", { key: 'c6613e265609bc28ef82ab34e7477ea7c25b78e2' }), this.showMenu && (h("div", { class: "cell--menu-container prevent-expand" }, h("z-button", { variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open) }, h("slot", { name: "contextual-menu" }))))));
+        return (h(Host, { key: '4c8c986b18fffe96985174dddd6b4ef77ceaa1ce', role: "cell", "menu-open": this.isMenuOpen }, h("slot", { key: 'a40bcbb99d5ffc1e962b420ffb89f13cbcb3875e' }), this.showMenu && (h("div", { class: "cell--menu-container prevent-expand" }, h("z-button", { variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open) }, h("slot", { name: "contextual-menu" }))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/z-tfoot.js

@@ -11,7 +11,7 @@ const ZTfoot$1 = /*@__PURE__*/ proxyCustomElement(class ZTfoot extends HTMLEleme
         this.sticky = false;
     }
     render() {
-        return (h(Host, { key: '1ebaa2ba1dca561a52963708d05c8e3e5f0940ac', role: "rowgroup" }, h("slot", { key: '06826f87e1ffdcf4b54cbf3b13d779dcb77f8c9a' })));
+        return (h(Host, { key: '441a3e0656da274193c4a12681b9e9d641690982', role: "rowgroup" }, h("slot", { key: '5e80207cbf1238b2141fcd657cb10fc18be7bccb' })));
     }
     static get style() { return ZTfootStyle0; }
 }, [1, "z-tfoot", {

package/dist/components/z-th.js

@@ -54,7 +54,7 @@ const ZTh$1 = /*@__PURE__*/ proxyCustomElement(class ZTh extends HTMLElement {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: 'db05b7222adcb42b904d44fccc8fc63c759c1848', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection }, h("slot", { key: '11ed23546ec8e9223354cf65e851d0d1794f71b5' }), this.sortDirection && (h("button", { class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { name: this.sortDirection === SortDirection.ASC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { class: "cell--menu-container" }, h("z-button", { 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", { ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { name: "contextual-menu" }))))));
+        return (h(Host, { key: 'd164205e39355dbd733b9161a7a27e385c6ad44b', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection }, h("slot", { key: 'ef5d623eaf0ff7aa7a1005d3d35e19fe027d731f' }), this.sortDirection && (h("button", { class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { name: this.sortDirection === SortDirection.ASC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { class: "cell--menu-container" }, h("z-button", { 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", { ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { name: "contextual-menu" }))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/z-thead.js

@@ -11,7 +11,7 @@ const ZThead$1 = /*@__PURE__*/ proxyCustomElement(class ZThead extends HTMLEleme
         this.sticky = false;
     }
     render() {
-        return (h(Host, { key: 'ad4f78d64587c716f2b873a02a2473426d0c1d3f', role: "rowgroup" }, h("slot", { key: '5606cc9d05f711573a130def219cb4d44c5a74a0' })));
+        return (h(Host, { key: 'fd1e0dced377fcfcd3b531c063ac36937eaf6904', role: "rowgroup" }, h("slot", { key: '1d75abf2f9b0f1c109eec083ebfaf3e07de81dca' })));
     }
     static get style() { return ZTheadStyle0; }
 }, [1, "z-thead", {

package/dist/components/z-toast-notification-list.js

@@ -43,7 +43,7 @@ const ZToastNotificationList$1 = /*@__PURE__*/ proxyCustomElement(class ZToastNo
         }
     }
     render() {
-        return h("slot", { key: '43f93b7edca0a4245d9c79d63004617ad21063b0', name: "toasts" });
+        return h("slot", { key: '8cabaa4c789ff5519e3e42e952464f4c137cc157', name: "toasts" });
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/z-toast-notification.js

@@ -180,7 +180,7 @@ const ZToastNotification$1 = /*@__PURE__*/ proxyCustomElement(class ZToastNotifi
             } }, h("div", { id: "flex-container", ref: (el) => (this.container = el) }, this.renderText(), this.renderButton()), this.renderCloseIcon()));
     }
     render() {
-        return (h(Host, { key: 'd6ea4a44c85076f5db4dca3513e6f659f3405d13', style: {
+        return (h(Host, { key: 'aeaadb9a5b9ee6e77cfd1e991eec225364456e9e', style: {
                 "--percentuale": `${this.percentage}%`,
             }, class: this.transition ? this.transition : ToastNotificationTransition.SLIDE_IN_DOWN, onAnimationEnd: (e) => {
                 if (this.autoclose && e.animationName.includes("slidein")) {

package/dist/components/z-tooltip.js

@@ -20,7 +20,7 @@ const ZTooltip$1 = /*@__PURE__*/ proxyCustomElement(class ZTooltip extends HTMLE
         this.open = this.popoverEl.open;
     }
     render() {
-        return (h("z-popover", { key: '307a54499b3c7c6b9929f427a226fbb784b4c620', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: '09baa9194d76cec1bb471d65a5903ac3642823b8' })));
+        return (h("z-popover", { key: '9f666fd17b7051e4ab7a766c46887c7e41579052', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: 'e50d24a8bebabcc40645baf2afd6cafb396b520a' })));
     }
     static get style() { return ZTooltipStyle0; }
 }, [1, "z-tooltip", {

package/dist/components/z-tr.js

@@ -45,7 +45,7 @@ const ZTr$1 = /*@__PURE__*/ proxyCustomElement(class ZTr extends HTMLElement {
         this.updateColumns();
     }
     render() {
-        return (h(Host, { key: 'e6eb85f97e4489e01eecd5af25678006642dc04a', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h("div", { key: '087fdf308ebfdc458ec2894e55034e17473056b9', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: '2acb2edcbf8f5ea71c3da587639ba43c8ece820c', onSlotchange: this.updateColumns.bind(this) })));
+        return (h(Host, { key: '23e6468561e474d51304677536e0d731fa09cfbf', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h("div", { key: 'e716dd6247818a285aacd88109964cf7b063b317', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: '0de8d962ba7e9c72aa614c76052bab607b83a04e', onSlotchange: this.updateColumns.bind(this) })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/z-visually-hidden.js

@@ -10,7 +10,7 @@ const ZVisuallyHidden$1 = /*@__PURE__*/ proxyCustomElement(class ZVisuallyHidden
         this.__attachShadow();
     }
     render() {
-        return h("slot", { key: '3621cee7a23fe68812b92d58a239dce03caf4724' });
+        return h("slot", { key: '3d88b0bfa19b14d1891a6693c557485767035f50' });
     }
     static get style() { return ZVisuallyHiddenStyle0; }
 }, [1, "z-visually-hidden"]);

package/dist/esm/{index-d80abc78.js → index-076dde65.js}

@@ -8,11 +8,11 @@ const ZTbody = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'f60a683407e08dc44c3e60699142dbe15714af8f', role: "rowgroup" }, h("slot", { key: 'cce2e55d056641c4bbe3c043e51525303d75562b' })));
+        return (h(Host, { key: '5053f27544fc018342c190f6365808a7dd5680bd', role: "rowgroup" }, h("slot", { key: '14a7c9dfd3e65dbb6fe1c36012de193e9b734a68' })));
     }
 };
 ZTbody.style = ZTbodyStyle0;
 
 export { ZTbody as Z };
 
-//# sourceMappingURL=index-d80abc78.js.map
+//# sourceMappingURL=index-076dde65.js.map

package/dist/esm/{index-d80abc78.js.map → index-076dde65.js.map}

@@ -1 +1 @@
-{"file":"index-d80abc78.js","mappings":";;AAAA,MAAM,SAAS,GAAG,4CAA4C,CAAC;AAC/D,qBAAe,SAAS;;MCUX,MAAM;;;;IACjB,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,IACnB,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"sources":["src/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","src/components/table/z-tbody/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\n@Component({\n  tag: \"z-tbody\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTbody {\n  render(): HTMLZTbodyElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"index-076dde65.js","mappings":";;AAAA,MAAM,SAAS,GAAG,4CAA4C,CAAC;AAC/D,qBAAe,SAAS;;MCUX,MAAM;;;;IACjB,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,IACnB,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"sources":["src/components/table/z-tbody/styles.css?tag=z-tbody&encapsulation=shadow","src/components/table/z-tbody/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * ZTbody component.\n * @slot - ZTbody content (`z-tr`).\n */\n@Component({\n  tag: \"z-tbody\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTbody {\n  render(): HTMLZTbodyElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}