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

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: '977619373d9694e7037d8c0157fe9475c29d9f83' }, h("footer", { key: '396a01d3f93460abb58bd46fff58388ffc462eaa' }, h("div", { key: '214466f77fe8ba02eca99804f61255ebe9294bf1', class: "top" }, h("slot", { key: '55fa07300973f0545328aca44794bb3b191daf75', name: "top" })), h("div", { key: '31a0de5f66972dd86b335dbfa626a07e31e7d9bf', class: "bottom" }, h("slot", { key: 'd527fab1142fd8b95a926bff6a77d40b3e128374', name: "bottom" })))));
+        return (h("div", { key: '055326ec59d405bf12f1729e4daa67cad2aa6c3c' }, h("footer", { key: 'dc309913a328b9f0c3e3bfa31693dda0bd6009b6' }, h("div", { key: 'e30fec7afc8eec2db11f06c1b724599d51629a5c', class: "top" }, h("slot", { key: '48236d86c3354daeef64a8c0ae3efc839a1a31e4', name: "top" })), h("div", { key: '49da571eaf2a437f02589124a479607864184537', class: "bottom" }, h("slot", { key: 'fe171d7fdabc6e59a060311e7f01f888daa3da30', 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: '58fabd595ae35d893caecf2b2a837b2f8fe8cb66', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '01cbdda1b4df55c36d82ce7beb65ed51aafa8332', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'e9d6792d6d334829b4b56dc76009053fb22cece9', class: "toggle" }, h("slot", { key: '14b97a21c07c601dc5c615a0f1a787cd7415ce90', name: "toggle" })), this.titolo && h("p", { key: 'f3bb1bd7f70f2c617770f06bbda3def23a03d250', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '87cbe48593f61d5b558363d5d9f3f21f1f073bb9', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '989eff96cb42b74dc643dfdc4990eaaf651010b9' }, h("p", { key: '55ac0fc8cbafb967818b3f49260f487af26760ba', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '3b82124a5c190c4cf8946af92ac0b9dd3c32e09a', title: this.getTitleAuthors() }, h("span", { key: '6f8745b25048b2767e8cddfe92b52976e57af94b', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'e02258f1ec6ea014fa30f492d4b4d169c172a9fd', class: "year-isbn" }, h("span", { key: '987fb1871704ff9fc9531e763d4186f723fc4bd1', class: "isbn" }, h("span", { key: 'd73efc4f8aa67a1181b406207dc58d3315ed7fbc' }, h("span", { key: '25b5994255092fe987956183715525464509a52a', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'c5c348f2c850e6021eef03adefa7c69d76dd300e', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '026cbeab2649c2f8657d0d0e602bb52da05084d2', name: "list" })))), this.customContent && h("slot", { key: 'f436487035647e79473b4df81239c67542960586', name: "content" })));
+        return (h("div", { key: '9abe0af163f9a2f5ae1477f56ed4fef943bd681a', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: 'b94b061e0f5840931b932e3c9c2776611734b2ce', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '0edd529c702090b5226be4ef8c100846f7ddc7c4', class: "toggle" }, h("slot", { key: 'df4a2fa9b9a0a0e81839fe3fd76cc6fcf218b97b', name: "toggle" })), this.titolo && h("p", { key: '24ad554b17395e1a4b65d37ff77bcae3fa8b22ac', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'da6b7cdf576f1f32d60da1b424ccecca0b083f17', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '6649be17c5739bb7085eb75d77f872c333508f24' }, h("p", { key: '867f5c6426ba8fe11240b5091a4e63affa46390b', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '0bcd8e9a4fc905e63779c57b83cffdc03c685c0a', title: this.getTitleAuthors() }, h("span", { key: '68a17fe25d7b46ea98a9e6fadf0d65e708c30159', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '3b5f39732844b9c28aa017b61fdbd1aa93ce0369', class: "year-isbn" }, h("span", { key: '721a3ca979bd57f58e55a66f5d2ebd8a3d0bb0f3', class: "isbn" }, h("span", { key: 'eadb8b53304fb861e7c99e6a4554910a7801148b' }, h("span", { key: 'b83976485c1c43e87345a262166d266cb7e4b3ae', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'f4d853fd807d75929510cca3a7c777a46a4e92ab', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '358333c842ad7f79a683f8d6925b09ae2bd62dae', name: "list" })))), this.customContent && h("slot", { key: 'd2590122ddb1fdc27a907ebeae164fa2a5213c2c', 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: '0efbf0213b8e591fecb8a5faaa78ca5a52ebe90a', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: 'a434839ab6a15dece16b4183917d18bc4fa2c928' }, h("z-icon", { key: '7d94c5a200f839b0a1e1f0e9d110c757bd6c9903', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: '9aac8d8f052da8d061ee99132863b80e1359f1e0', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '73893090f2c01adb19f11ee5622237f3b1a9cece' }, h("z-icon", { key: '9352a5feda773efdc6e9a4fe11ff769c417bb1f0', 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: '89638672dffdef5f267c60755e21856a6ef029ae' }, this.renderCloseIcon(), h("div", { key: '71b4b4b5df37b0d6868fd2db22b680ca295ec97e', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '25c47bf4f49051e96dcf192e62670fc758ca4b6d', class: "cta-wrapper" }, h("slot", { key: 'fcd0703d4b9517196e26d46630c10195931c13ae' }))));
+        return (h("div", { key: '3d4116bac1baff44478ca470a7b83f8986126c6b' }, this.renderCloseIcon(), h("div", { key: '93fd7f828c0e0effc4bee26b7df15e9a318ed6d5', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: 'a2deb436976a032f35064a4f5b2720aa4689ef45', class: "cta-wrapper" }, h("slot", { key: 'd363d177e2121573dc2fb98ded22d3e689a96054' }))));
     }
     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: '3566e9f9ffc6455e59d82e26d44bb5a2cb396956' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: '8dad9b12b319846abd8d4d6594db6475d8a0e420' }, 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: 'b5e6a660832a1ecb70a654a1019db5c2cc08f485' }, this.list &&
+        return (h("ul", { key: '3c6b90ccea74f4fabcf679745ef2c920fee1d6c2' }, 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

@@ -222,10 +222,10 @@ const ZNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class ZNavigationTabs
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: 'b7bdbf2b202dead64ed98f5865e9d46e71898bf9', class: {
+        return (h(Host, { key: 'e312638da80510e322842158392ef026d34f7b17', class: {
                 "interactive-2": this.size === NavigationTabsSize.SMALL,
                 "interactive-1": this.size !== NavigationTabsSize.SMALL,
-            }, scrollable: this.canNavigate }, h("button", { key: 'aa1df34b54cf4b8848aed44cd3927ee17777a34b', 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: '2bad56e221bc2691d8ca6cea0a013c6d92d7f8c1', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '8dd45e59019ac799f1fffdf7245d0c902455c0a6', 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: '3d243470caae97c068a2ae23b05078695c2ae367' })), h("button", { key: '080cf9e973e320a795c95acfb3bd41b4ee9eacd9', 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: '293fc3b81bee46d928c8461be0225be73efcc9bb', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+            }, scrollable: this.canNavigate }, h("button", { key: 'c5a8477337649652d96790011ffc3ba14b213a0d', 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: '03b22861d1168cc6de7ec9972bb2eb059509ce67', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: 'fb74acb7603f8a4d4612e27eeb3cf66d755c1a4d', 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: '94f85fbc23dfadc16ad9b889e18314ae2cc1d960' })), h("button", { key: 'fd0b45edc4880d52b103ae0d16296803a2ed27fb', 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: '4e82a52f90e861ac37fdafcc7fe1753fcaf27298', 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: '3681c9216f7ab0ce532c8b1ed013d7af611151de' }, this.contenticonname && (h("z-icon", { key: 'e7c538a5583873ed4ad95885f1199050b89f6732', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '93855c8906e6a65fa2d762fc447d14ee7a456b53', class: "content-container" }, h("div", { key: '526f760b7739c28154195e7a01ce66b185ccb068', class: "content-text" }, h("slot", { key: '56313ec91ad750e57af3035455aa89db3880ae4e' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: 'fc2de2fa3ff7cdf5e522f009efa41af06f8a6cca', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: '3ba0d198a3617d1a05fb33eb8f3ceb9b0d685503', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: '0bba4473674bee1c8c4abbc5792c9cab84c06088', name: "multiply-circle", width: 16, height: 16 })))));
+        return (h(Host, { key: '3c0cd3d37b12edf63e9c44869f77fe3175f0a09b' }, this.contenticonname && (h("z-icon", { key: '8898215d0f14a33b9bd9e8ad1c0fe9ccca2a3139', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '752b1c4d0ea900be26cf4ac830ac7ed836f7d944', class: "content-container" }, h("div", { key: '2b3d0c54ce4ee2181d178841758719b9951897fb', class: "content-text" }, h("slot", { key: '66c71cd9eac6cae6581810a0e19f01bd51c717f7' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: '394c79c184a5d2ef6ac987d9389b65b5c84386b8', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: '37689dd187ba259467ad06622a344a42a9eaf9e0', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: 'a6b7d1179ee78fcf66d43038f717f3e55271070c', 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: '7cdafff5e25f865f60e24c543f6bb6a1f7cf99d1', class: "otp-container" }, h("div", { key: '5240bc35e4831a02c716d061ba17d40da8d4fa38', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: 'd920c31d4658a65ccbf91d019f86b9453b17d2c0', class: "otp-container" }, h("div", { key: '74a80a151bffca04514ce89b1f71151bc1a70995', 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: '5f1a3db554221dd987e9550502af92d0bafdb7ff', 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: '42136b7bc7e47238aad573f9ba13cab368fc9c1b', message: this.message, status: this.status })));
     }
     static get style() { return ZOtpStyle0; }
 }, [1, "z-otp", {

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

@@ -20,12 +20,12 @@ const ZPanelElem$1 = /*@__PURE__*/ proxyCustomElement(class ZPanelElem extends H
     }
     render() {
         const elemId = this.elemid ? this.elemid : "";
-        return (h("div", { key: '0812aa28734e176eaa553ba98011e4e9c7e9522c', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: 'ad62ef2a70a88716ef12b177117e820267e62762', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: '8891d636ff439e25801a60a14e65e4dcad6d6038', src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'aa1275fe9fa4f33cf9c7151bb192e9acce2d3070', class: "panel-elem-link" }, h("a", { key: '6500ac1c11088d22b12de3c63fd8e065c0cf100d', class: {
+        return (h("div", { key: '76954e9baa26fcf44b6640acf19fa552e85b67f5', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: '3ae2b40c42821dd16616b66c21907b5c863277f1', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: 'c353626d573e24a2a9aced38d9efba8f96f0fa85', src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'b8b9fa9cd7810184a0349de65b8695d7cb137a3b', class: "panel-elem-link" }, h("a", { key: '20fb720b88961514fd7e4b290f08da4528d44cc1', class: {
                 "z-link": true,
                 "z-link-disabled": this.isdisabled,
                 "z-link-icon": true,
                 "z-link-blue": true,
-            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: '143e204c1d1bd20178a46a9d77110b9219464c99', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: '9215d44929526bc6e9b8034debbec3f23b00d5ef', class: "panel-elem-desc" }, h("slot", { key: '036bc705038c03e6c021807f5d2217208ec46c9c', name: this.descrSlotName })))));
+            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: 'e4d30b1e21a60fec58ce7f1c8ed8fa55b62ba014', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: '2951bb64c34aa7de782fe590a0f5db0d2b819b14', class: "panel-elem-desc" }, h("slot", { key: 'ad005c08d9b6c3181b36f0238677766f3ff30d73', name: this.descrSlotName })))));
     }
     static get style() { return ZPanelElemStyle0; }
 }, [6, "z-panel-elem", {

package/dist/components/z-result-card.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ZResultCard extends Components.ZResultCard, HTMLElement {}
+export const ZResultCard: {
+    prototype: ZResultCard;
+    new (): ZResultCard;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,57 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const stylesCss$1 = ":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}}";
+const ZResultCardStyle0 = stylesCss$1;
+
+const stylesCss = ".z-cover-container{position:relative;display:flex;width:115px;height:175px;align-items:center;padding:var(--space-unit)}.z-cover-stack{position:relative;width:100%;height:100%}.z-cover-shadow,.z-cover-img{width:115px;min-width:115px;max-width:115px;height:160px;min-height:160px;max-height:160px}.z-cover-container.has-multiple .z-cover-shadow,.z-cover-container.has-multiple .z-cover-img{width:95px;min-width:95px;max-width:95px;height:140px;min-height:140px;max-height:140px}.z-cover-shadow{position:absolute;z-index:1;background:#e0e0e0;border-radius:var(--border-size-large);box-shadow:0 2px 8px rgb(0 0 0 / 10%)}.z-shadow-1{z-index:1;top:var(--space-unit);right:var(--space-unit);border:1px solid var(--gray200)}.z-shadow-2{z-index:0;top:calc(var(--space-unit) * 2);right:calc(var(--space-unit) * 2);border:1px solid var(--gray200)}.z-cover-img{position:absolute;z-index:2;top:0;right:0;border-radius:6px;box-shadow:0 2px 8px rgb(0 0 0 / 12%);object-fit:cover}.z-cover-container.has-multiple .z-cover-img{right:0}";
+const ZResultCardStyle1 = stylesCss;
+
+const ZResultCard$1 = /*@__PURE__*/ proxyCustomElement(class ZResultCard extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        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))));
+    }
+    get hostElement() { return this; }
+    static get style() { return ZResultCardStyle0 + ZResultCardStyle1; }
+}, [1, "z-result-card", {
+        "author": [1],
+        "operaTitle": [1, "opera-title"],
+        "operaSubtitle": [1, "opera-subtitle"],
+        "operaTags": [16],
+        "volumesLabel": [1, "volumes-label"],
+        "cover": [1],
+        "hasMultipleCovers": [4, "has-multiple-covers"],
+        "isInfoPage": [4, "is-info-page"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["z-result-card"];
+    components.forEach(tagName => { switch (tagName) {
+        case "z-result-card":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ZResultCard$1);
+            }
+            break;
+    } });
+}
+
+const ZResultCard = ZResultCard$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ZResultCard, defineCustomElement };
+
+//# sourceMappingURL=z-result-card.js.map

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

@@ -0,0 +1 @@
+{"file":"z-result-card.js","mappings":";;AAAA,MAAMA,WAAS,GAAG,09BAA09B,CAAC;AAC7+B,0BAAeA,WAAS;;ACDxB,MAAM,SAAS,GAAG,4/BAA4/B,CAAC;AAC/gC,0BAAe,SAAS;;MCMXC,aAAW;;;;;;;;;;;iCA+CF,KAAK;0BAOZ,KAAK;;IAElB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,qBAAqB,IAAI,CAAC,iBAAiB,GAAG,cAAc,GAAG,EAAE,EAAE,IAC7E,4DAAK,KAAK,EAAC,eAAe,IACvB,IAAI,CAAC,iBAAiB,KACrB,8DACE,4DAAK,KAAK,EAAC,2BAA2B,GAAO,EAC7C,4DAAK,KAAK,EAAC,2BAA2B,GAAO,CACzC,CACP,EACD,4DACE,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,GAAG,EAAC,YAAY,EAChB,KAAK,EAAC,aAAa,GACnB,CACE,CACF,EACN,4DAAK,KAAK,EAAC,gBAAgB,IACzB,4DAAK,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,MAAM,CAAO,EAC7C,4DAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAO,EAChD,4DAAK,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,aAAa,CAAO,EACtD,4DAAK,KAAK,EAAC,gBAAgB,IACzB,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,EACN,6DAAM,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,YAAY,CAAQ,CAClD,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["stylesCss","ZResultCard"],"sources":["src/components/result-card/z-result-card/styles.css?tag=z-result-card&encapsulation=shadow","src/components/css-components/z-cover/styles.css?tag=z-result-card&encapsulation=shadow","src/components/result-card/z-result-card/index.tsx"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n  min-width: 0;\n  max-width: 500px;\n  height: 175px;\n  border: 2px solid var(--color-surface02);\n  border-radius: var(--border-size-large);\n  font-family: var(--font-family-sans);\n}\n\n.info-container {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  padding: var(--space-unit);\n}\n\n.author-label {\n  overflow: hidden;\n  color: var(--color-default-text);\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.opera-title {\n  display: -webkit-box;\n  overflow: hidden;\n  min-width: 0;\n  max-width: 100%;\n  margin-top: var(--space-unit);\n  margin-bottom: 4px;\n  -webkit-box-orient: vertical;\n  font-size: var(--font-size-3);\n  font-weight: var(--font-bd);\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  text-overflow: ellipsis;\n}\n\n.tags-container {\n  display: flex;\n  margin-top: var(--space-unit);\n  gap: var(--space-unit);\n}\n\n.volumes-label {\n  display: flex;\n  height: auto;\n  flex-direction: column;\n  margin-top: auto;\n}\n\n@media (max-width: var(--breakpoint-sm)) {\n  .opera-title {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".z-cover-container {\n  position: relative;\n  display: flex;\n  width: 115px;\n  height: 175px;\n  align-items: center;\n  padding: var(--space-unit);\n}\n\n.z-cover-stack {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n/* Base sizes for single cover */\n.z-cover-shadow,\n.z-cover-img {\n  width: 115px;\n  min-width: 115px;\n  max-width: 115px;\n  height: 160px;\n  min-height: 160px;\n  max-height: 160px;\n}\n\n/* Scaled sizes for multiple covers */\n.z-cover-container.has-multiple .z-cover-shadow,\n.z-cover-container.has-multiple .z-cover-img {\n  width: 95px;\n  min-width: 95px;\n  max-width: 95px;\n  height: 140px;\n  min-height: 140px;\n  max-height: 140px;\n}\n\n.z-cover-shadow {\n  position: absolute;\n  z-index: 1;\n  background: #e0e0e0;\n  border-radius: var(--border-size-large);\n  box-shadow: 0 2px 8px rgb(0 0 0 / 10%);\n}\n\n.z-shadow-1 {\n  z-index: 1;\n  top: var(--space-unit);\n  right: var(--space-unit);\n  border: 1px solid var(--gray200);\n}\n\n.z-shadow-2 {\n  z-index: 0;\n  top: calc(var(--space-unit) * 2);\n  right: calc(var(--space-unit) * 2);\n  border: 1px solid var(--gray200);\n}\n\n.z-cover-img {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  right: 0;\n  border-radius: 6px;\n  box-shadow: 0 2px 8px rgb(0 0 0 / 12%);\n  object-fit: cover;\n}\n\n.z-cover-container.has-multiple .z-cover-img {\n  right: 0;\n}\n","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"],"version":3}

package/dist/components/z-select.js

@@ -482,7 +482,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, disabled: this.disabled }));
     }
     render() {
-        return (h("div", { key: 'a8109cbdbf4541195123f7dc823a05f630858f05', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
+        return (h("div", { key: '2285db2d7c2b21dbe0c99c8e6eda89d803db9b48', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
     }
     get host() { 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: '0d7f1db9f36fdb279d5fb77861adb0f3168d7037', class: {
+        return (h(Host, { key: '6acaba110f9188e09f14fa3d8e13fb3898adbdf3', class: {
                 [this.variant]: true,
                 "skip-to-content-visible": this.visible,
             } }, this.links.map((link, i) => {

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

@@ -23,7 +23,7 @@ const ZStepperItem$1 = /*@__PURE__*/ proxyCustomElement(class ZStepperItem exten
         return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
     }
     render() {
-        return (h(Host, { key: 'b2019e12066ce3284dde477c420b879ebca11b04', role: "listitem" }, h("button", Object.assign({ key: '0857223230bc66509eada8024b6e8c718320aa94', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '625bf1cbdfe6a2ee0814b579b8755c7c91cb0480', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: '4c5828f99ca1d08c9169fa0729fe31f1035acd0e' }, h("slot", { key: 'e7b48f471f37b8a8a40fcb043df6fe9464a0bf3b' })))));
+        return (h(Host, { key: 'fdc1dd5d67708dd2930988e33c43972de8e87889', role: "listitem" }, h("button", Object.assign({ key: '421be1d6db4284a7b8b00be1424dc16bf9b12c4c', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '14894a8a0a9855875b4bc304570ea377a426076d', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: 'f40f8d7405765eed4f2c55a2815ff4c39780b1c7' }, h("slot", { key: '29a45783b3eae975ff3242c7407f316214861174' })))));
     }
     static get style() { return ZStepperItemStyle0; }
 }, [1, "z-stepper-item", {

package/dist/components/z-stepper.js

@@ -10,7 +10,7 @@ const ZStepper$1 = /*@__PURE__*/ proxyCustomElement(class ZStepper extends HTMLE
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'b4d76cddb405ccc4db532cc4d544898424b290fa', role: "list" }, h("slot", { key: '9b7d842263cf062b5f3b8a27b72d7a66142bc341' })));
+        return (h(Host, { key: 'e4c143f5f9036314160ce81e9a746532fc5e4ed6', role: "list" }, h("slot", { key: '898b263837edd7518c8b40cbe870326e0964852d' })));
     }
     static get style() { return ZStepperStyle0; }
 }, [1, "z-stepper"]);

package/dist/components/z-table.js

@@ -37,7 +37,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: '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' }))));
     }
     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: 'c14251b56741e89faba797de5c531dc539b4561b', role: "rowgroup" }, h("slot", { key: '3d2168a3fdc01ff6f68f19f3c346d6732fb7aab0' })));
+        return (h(Host, { key: '7f10f6a9bc169c64c08519d61ac8efa3bf508a76', role: "rowgroup" }, h("slot", { key: '81fb05b5780ca358653fdb397b307ed3b5a67389' })));
     }
     static get style() { return ZTbodyStyle0; }
 }, [1, "z-tbody"]);

package/dist/components/z-td.js

@@ -36,7 +36,7 @@ const ZTd$1 = /*@__PURE__*/ proxyCustomElement(class ZTd extends HTMLElement {
         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" })))))));
     }
     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: '68f9134c92fd8aa1db8236ca1cae82945b8dff40', role: "rowgroup" }, h("slot", { key: 'e76426e09634deb41395104af9c37f8f75415435' })));
+        return (h(Host, { key: '5ad00f2673bcb43720cdb43559380055971f676f', role: "rowgroup" }, h("slot", { key: '1839d4f1e33be63cda684a3ef2ec486bd581cd5c' })));
     }
     static get style() { return ZTfootStyle0; }
 }, [1, "z-tfoot", {

package/dist/components/z-th.js

@@ -56,7 +56,7 @@ const ZTh$1 = /*@__PURE__*/ proxyCustomElement(class ZTh extends HTMLElement {
         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" })))))));
     }
     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: '8f4e7bb738d8d4cf6aaf83faf5b2ecd4ed58feac', role: "rowgroup" }, h("slot", { key: '2a7dfe21b40cb26c57c98b6cae40dc801b22e7e3' })));
+        return (h(Host, { key: '9d7033e460b613bd5698a1a6ebc7cbbf963f4bc0', role: "rowgroup" }, h("slot", { key: 'ffe62f3049d6ec46f002f8967dfbf76139459511' })));
     }
     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: 'a40d72d8809dbf05ddce6a05fc59fd4891cd92e7', name: "toasts" });
+        return h("slot", { key: '62e2fe7f3678ea305b0a26f897ee9d4991c511bd', name: "toasts" });
     }
     get hostElement() { return this; }
     static get watchers() { return {

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

@@ -2795,7 +2795,7 @@ const ZToastNotification$1 = /*@__PURE__*/ proxyCustomElement(class ZToastNotifi
             } })))));
     }
     render() {
-        return (h(Host, { key: 'f9b4a2fe7d3642b1cbbe6f2e433ddbbde49568fd', style: { "--percentuale": `${this.percentage}%` }, class: this.transition ? this.transition : ToastNotificationTransition.SLIDE_IN_DOWN, onAnimationEnd: (e) => {
+        return (h(Host, { key: '9f392eaf945d71738ed9987df961a5812e132924', style: { "--percentuale": `${this.percentage}%` }, class: this.transition ? this.transition : ToastNotificationTransition.SLIDE_IN_DOWN, onAnimationEnd: (e) => {
                 if (this.autoclose && e.animationName.includes("slidein")) {
                     this.startClosingTimeout(this.autoclose);
                 }

package/dist/components/z-toggle-button.js

@@ -24,10 +24,10 @@ const ZToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class ZToggleButton ext
         this.toggleClick.emit(this.opened);
     }
     render() {
-        return (h("button", { key: 'cd6e7b7d9e8366975ac5a35938638c36736900ef', tabindex: this.avoidclick ? "-1" : "0", class: {
+        return (h("button", { key: '272950d88d5edb2cedb4f9f2525e2b9f7761e084', tabindex: this.avoidclick ? "-1" : "0", class: {
                 "isopen": this.opened,
                 "avoid-clicks": this.avoidclick,
-            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: 'd93a2b08f889f918dac31a6dd1a27878d9cac907', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
+            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: 'aba2d176bd41806333972e95c8168b8ff054e5e5', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
     }
     static get style() { return ZToggleButtonStyle0; }
 }, [1, "z-toggle-button", {

package/dist/components/z-toggle-switch.js

@@ -30,14 +30,14 @@ const ZToggleSwitch$1 = /*@__PURE__*/ proxyCustomElement(class ZToggleSwitch ext
         this.emitToggleClick();
     }
     render() {
-        return (h(Host, { key: '5c2fa5cdb898b1948d3961780c5fa72786c2e6bc' }, h("input", { key: '3471fe87f44daf4a9c7a197f9d7d7349736c9823', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '6fcbb7ff25810d00f311c22be960ff04f900907b', htmlFor: this.htmlid, class: {
+        return (h(Host, { key: '184be8ee714161bc3a7a5f33d71ac449e93019b2' }, h("input", { key: '855f85b975a6cc79a248064545aba86cede55149', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: 'feb975924c1dc05f11f48aa3bf97f029a112182c', htmlFor: this.htmlid, class: {
                 [this.labelPosition]: true,
                 disabled: this.disabled,
-            } }, h("span", { key: '6f734eaac90511fd4939b4f8bab2632f8ad24c6d' }, h("slot", { key: '0b7b519ae530e0ebf6b4b3ea0199e8b0d54094da' })), h("span", { key: 'b41791cbd5aa569a3f1361dd5881b86cb3aa0322', class: {
+            } }, h("span", { key: '20ba4773b4e73a9eb733d06560220a432966396f' }, h("slot", { key: 'eb8f2d8c27ec654fc35690bafc893f9ab18fe471' })), h("span", { key: 'b7310134236905b43118066c253c0c7ddaa57821', class: {
                 container: true,
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, h("span", { key: 'f79160dde4dda3a3988e57fa5addb698573acde5', class: "circle" }, this.checked && (h("z-icon", { key: '011bd9649c7cb1c08f5ee7dd534edbe11fe7706f', width: 12, height: 12, name: "checkmark" })))))));
+            } }, h("span", { key: '52cccc3d58f17c7e383a4f0b159bbc2986d2f0e8', class: "circle" }, this.checked && (h("z-icon", { key: '954e90b5343a04821cbd9dd2b623d166899f2d0d', width: 12, height: 12, name: "checkmark" })))))));
     }
     static get style() { return ZToggleSwitchStyle0; }
 }, [6, "z-toggle-switch", {

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: 'a978e9df607830aec7c30ef3d83c5f8529772722', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: '0c6adc98da3941ed5f19902dc52ad8188215c340' })));
+        return (h("z-popover", { key: 'f51d0247643b2ff89153eee39a5e7d5fd7fa84df', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: '903502101d0f1451e428b1805afe543334fe300f' })));
     }
     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: '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) })));
     }
     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: '3d75845d1ec7fa620b82b32f68fe73368d800e61' });
+        return h("slot", { key: '6a4e63acea4deaf3d820c0b35b12dbb80e7d02a0' });
     }
     static get style() { return ZVisuallyHiddenStyle0; }
 }, [1, "z-visually-hidden"]);

package/dist/esm/{index-571f913c.js → index-2f04a947.js}

@@ -9,11 +9,11 @@ const ZTfoot = class {
         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' })));
     }
 };
 ZTfoot.style = ZTfootStyle0;
 
 export { ZTfoot as Z };
 
-//# sourceMappingURL=index-571f913c.js.map
+//# sourceMappingURL=index-2f04a947.js.map

package/dist/esm/{index-571f913c.js.map → index-2f04a947.js.map}

@@ -1 +1 @@
-{"file":"index-571f913c.js","mappings":";;AAAA,MAAM,SAAS,GAAG,kOAAkO,CAAC;AACrP,qBAAe,SAAS;;MCUX,MAAM;;;sBAKR,KAAK;;IAEd,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,IACnB,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"sources":["src/components/table/z-tfoot/styles.css?tag=z-tfoot&encapsulation=shadow","src/components/table/z-tfoot/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  border-top: 1px solid var(--color-surface03);\n  border-bottom: 1px solid var(--color-surface03);\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 1;\n  bottom: 0;\n  background-color: var(--color-surface01);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * ZTFoot component.\n * @slot - ZTFoot content (`z-tr`).\n */\n@Component({\n  tag: \"z-tfoot\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTfoot {\n  /**\n   * If true, the footer will be stuck to the bottom of the table.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  render(): void {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"index-2f04a947.js","mappings":";;AAAA,MAAM,SAAS,GAAG,kOAAkO,CAAC;AACrP,qBAAe,SAAS;;MCUX,MAAM;;;sBAKR,KAAK;;IAEd,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,IACnB,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"sources":["src/components/table/z-tfoot/styles.css?tag=z-tfoot&encapsulation=shadow","src/components/table/z-tfoot/index.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n  border-top: 1px solid var(--color-surface03);\n  border-bottom: 1px solid var(--color-surface03);\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 1;\n  bottom: 0;\n  background-color: var(--color-surface01);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * ZTFoot component.\n * @slot - ZTFoot content (`z-tr`).\n */\n@Component({\n  tag: \"z-tfoot\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTfoot {\n  /**\n   * If true, the footer will be stuck to the bottom of the table.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  render(): void {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/{index-eb53c87f.js → index-49697233.js}

@@ -9,11 +9,11 @@ const ZThead = class {
         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' })));
     }
 };
 ZThead.style = ZTheadStyle0;
 
 export { ZThead as Z };
 
-//# sourceMappingURL=index-eb53c87f.js.map
+//# sourceMappingURL=index-49697233.js.map

package/dist/esm/{index-eb53c87f.js.map → index-49697233.js.map}

@@ -1 +1 @@
-{"file":"index-eb53c87f.js","mappings":";;AAAA,MAAM,SAAS,GAAG,qRAAqR,CAAC;AACxS,qBAAe,SAAS;;MCUX,MAAM;;;sBAKR,KAAK;;IAEd,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,IACnB,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"sources":["src/components/table/z-thead/styles.css?tag=z-thead&encapsulation=shadow","src/components/table/z-thead/index.tsx"],"sourcesContent":[":host {\n  --z-table--cells-bottom-border-size: var(\n    --border-size-medium\n  ); /* Needed to handle the border of the expand button cell */\n\n  --z-table--cells-background: var(\n    --color-background\n  ); /* Needed to handle the background-color of the expand button cell */\n\n  display: block;\n  box-sizing: border-box;\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 2;\n  top: 0;\n  box-shadow: 0 2px 4px -2px var(--shadow-color-base);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * ZThead component.\n * @slot - ZThead content (`z-tr`).\n */\n@Component({\n  tag: \"z-thead\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZThead {\n  /**\n   * If true, the header will be stuck to the top of the table.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  render(): HTMLZTheadElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"index-49697233.js","mappings":";;AAAA,MAAM,SAAS,GAAG,qRAAqR,CAAC;AACxS,qBAAe,SAAS;;MCUX,MAAM;;;sBAKR,KAAK;;IAEd,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,UAAU,IACnB,8DAAa,CACR,EACP;KACH;;;;;;","names":[],"sources":["src/components/table/z-thead/styles.css?tag=z-thead&encapsulation=shadow","src/components/table/z-thead/index.tsx"],"sourcesContent":[":host {\n  --z-table--cells-bottom-border-size: var(\n    --border-size-medium\n  ); /* Needed to handle the border of the expand button cell */\n\n  --z-table--cells-background: var(\n    --color-background\n  ); /* Needed to handle the background-color of the expand button cell */\n\n  display: block;\n  box-sizing: border-box;\n}\n\n:host([sticky]) {\n  position: sticky;\n  z-index: 2;\n  top: 0;\n  box-shadow: 0 2px 4px -2px var(--shadow-color-base);\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\n\n/**\n * ZThead component.\n * @slot - ZThead content (`z-tr`).\n */\n@Component({\n  tag: \"z-thead\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZThead {\n  /**\n   * If true, the header will be stuck to the top of the table.\n   */\n  @Prop({reflect: true})\n  sticky = false;\n\n  render(): HTMLZTheadElement {\n    return (\n      <Host role=\"rowgroup\">\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/{index-0ea3c7c8.js → index-5f93fae1.js}

@@ -8,11 +8,11 @@ const ZTbody = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'c14251b56741e89faba797de5c531dc539b4561b', role: "rowgroup" }, h("slot", { key: '3d2168a3fdc01ff6f68f19f3c346d6732fb7aab0' })));
+        return (h(Host, { key: '7f10f6a9bc169c64c08519d61ac8efa3bf508a76', role: "rowgroup" }, h("slot", { key: '81fb05b5780ca358653fdb397b307ed3b5a67389' })));
     }
 };
 ZTbody.style = ZTbodyStyle0;
 
 export { ZTbody as Z };
 
-//# sourceMappingURL=index-0ea3c7c8.js.map
+//# sourceMappingURL=index-5f93fae1.js.map

package/dist/esm/{index-0ea3c7c8.js.map → index-5f93fae1.js.map}

@@ -1 +1 @@
-{"file":"index-0ea3c7c8.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-5f93fae1.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}

package/dist/esm/{index-ceebee64.js → index-6c947b76.js}

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-c8ceadeb.js';
 import { r as randomId } from './utils-c7062cf7.js';
-import './index-2ccbb96f.js';
-import './index-fc0913d1.js';
+import './index-c0e1c7bb.js';
+import './index-9aea6ba6.js';
 
 const stylesCss = ":host{--columns:1;display:grid;box-sizing:border-box;grid-auto-flow:column;grid-template-columns:var(--z-table--expand-button-size, 0) repeat(var(--columns), minmax(128px, 1fr))}*{box-sizing:border-box}.z-tr--expand-button-container,::slotted(*){border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}::slotted(*:not(:last-child)){border-right:var(--z-table--cell-left-border, none)}:host([expandable]){--show-expandable-button:visible;cursor:pointer}:host([expandable]) ::slotted(*){grid-row:1}:host([expandable]) ::slotted(:nth-last-child(2)){border-right:none}:host([expandable]) ::slotted(*:last-child){border-left:0;grid-column:1 / span calc(var(--columns) + 1);grid-row:2}:host([expandable]:not([expanded])) ::slotted(*:last-child){display:none}:host([expanded]){margin-bottom:4px;box-shadow:0 4px 4px -2px var(--shadow-color-base)}:host([expanded]) .z-tr--expand-button-container,:host([expanded]) ::slotted(*){background-color:var(--color-background)}.z-tr--expand-button-container{display:flex;align-items:center;justify-content:center;background-color:var(--z-table--cells-background, var(--color-surface01))}.z-tr--expand-button-container button{display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:auto;appearance:none;background:transparent;cursor:pointer;visibility:var(--show-expandable-button, hidden)}.z-tr--expand-button-container button:focus{box-shadow:var(--shadow-focus-primary);outline:none}.z-tr--expand-button-container button z-icon{--z-icon-width:16px;--z-icon-height:16px}";
 const ZTrStyle0 = stylesCss;
@@ -43,7 +43,7 @@ const ZTr = class {
         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) })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -54,4 +54,4 @@ ZTr.style = ZTrStyle0;
 
 export { ZTr as Z };
 
-//# sourceMappingURL=index-ceebee64.js.map
+//# sourceMappingURL=index-6c947b76.js.map