@zanichelli/albe-web-components 16.2.1 → 16.3.0-rc1

package/dist/cjs/z-aria-alert.cjs.entry.js

@@ -11,7 +11,7 @@ const ZAriaAlert = class {
         this.mode = index$1.ZAriaAlertMode.POLITE;
     }
     render() {
-        return (index.h(index.Host, { key: '851bdac7b9b7c2dd4a5042a78cfacfe234051928', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, index.h("slot", { key: 'e3217c0633b68f55bd62c26fd1afb6d00dfe2708' })));
+        return (index.h(index.Host, { key: 'cbbdc8303bc43c4dd52edce414ad84a63404c372', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, index.h("slot", { key: '0f150df4db55b849ad3c8179cfc4d6554677611b' })));
     }
 };
 

package/dist/cjs/z-avatar.cjs.entry.js

@@ -33,10 +33,10 @@ const ZAvatar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4be97c710d33cc6dd35c1f0a7141b7f13c6e161f', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        return (index.h(index.Host, { key: '9860841c2e673870936affe453e0a284fa62db8f', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
                 color: `var(--${this.textColor})`,
                 backgroundColor: `var(--${this.backgroundColor})`,
-            } }, this.text && !this.image && index.h("span", { key: 'af2d27fb007244f5830151e24e68cc757761d84e' }, this.text.substring(0, 2)), this.image && (index.h("img", { key: 'c507bc501c79eeb009e979242b5224a1fab85470', src: this.image, onError: () => (this.image = "") }))));
+            } }, this.text && !this.image && index.h("span", { key: '8f1c4a6aa7d0d24210492548d56d3510f11f4f10' }, this.text.substring(0, 2)), this.image && (index.h("img", { key: '887bbd228dc7f076d4c3122f712ea7da39ab0055', src: this.image, onError: () => (this.image = "") }))));
     }
 };
 ZAvatar.style = ZAvatarStyle0;

package/dist/cjs/z-book-card.cjs.entry.js

@@ -124,7 +124,7 @@ const ZBookCard = class {
         return (index.h("div", { class: "action-container" }, index.h("slot", { name: "footer-cta" })));
     }
     render() {
-        return (index.h("article", { key: '00cfaf1ddd32ce35c1e4db212332470941d7774e', class: {
+        return (index.h("article", { key: '43075703b3065bf7fc495fe52b3e7ef77759bbec', class: {
                 [this.variant]: true,
                 borderless: !!this.borderless,
             } }, this.renderCard()));

package/dist/cjs/z-breadcrumb.cjs.entry.js

@@ -204,10 +204,10 @@ const ZBreadcrumb = class {
         ];
     }
     render() {
-        return (index.h(index.Host, { key: '103caf1740a6663402282211d961204bce9b8a70', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, index.h("nav", { key: '6fea4845c60c77671d59abc70d9b4d10ce33c0f7', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
+        return (index.h(index.Host, { key: 'a7de78fe76e5e86999ce073b8cd0c0ea39efb617', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, index.h("nav", { key: '818a56a1acf3e75f387bc9ec5d3f199e34b9e691', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
                 semibold: this.pathStyle === index$1.BreadcrumbPathStyle.SEMIBOLD,
                 underlined: this.pathStyle === index$1.BreadcrumbPathStyle.UNDERLINED,
-            } }, index.h("ol", { key: '608d68e56a5810e77358afc316d5d4d721155628' }, this.viewPortWidth === index$1.Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
+            } }, index.h("ol", { key: 'b680c3371d88c72a7acd2789b77dc93882daf7c6' }, this.viewPortWidth === index$1.Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-button-sort.cjs.entry.js

@@ -46,7 +46,7 @@ const ZButtonSort = class {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (index.h("button", { key: 'b6c328214c3d75310976a734cdaff34a47f5822c', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, index.h("span", { key: '4bc5edbe60157542dbea6e1cc8d9e7d1da76ab38', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), index.h("span", { key: 'ae64bab422698547fe8767adb0793fa43741b754', class: "counter" }, this.counter && ` (${this.counter})`), index.h("span", { key: 'f109549ca43596ae840703a3444e5a2b6efbc9e6', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), index.h("z-icon", { key: '3e81d1762cd1f385d72eb2079a41f13583fa036b', name: "caret-up-down", width: 16, height: 16 })));
+        return (index.h("button", { key: 'e7f468d6d2a3b2ec814abe5e2b46262e128bd07e', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, index.h("span", { key: '78859d531e5bdc621bb1728696eabf777d86ed2d', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), index.h("span", { key: '024105b185d45fbf2df4d6e3c48e25c3c861cfee', class: "counter" }, this.counter && ` (${this.counter})`), index.h("span", { key: '7865c66c2ac7bb548a1ccfa4d08bc1f045de799f', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), index.h("z-icon", { key: '8d05a2ad40be826ab3c7d85b53caa5bc58974cff', name: "caret-up-down", width: 16, height: 16 })));
     }
 };
 ZButtonSort.style = ZButtonSortStyle0;

package/dist/cjs/z-chip.cjs.entry.js

@@ -19,11 +19,11 @@ const ZChip = class {
         this.ariaLabel = "";
     }
     render() {
-        return (index.h("div", { key: '53ee49e87ccaa13c3c80be83f799d48b5d43b09a', class: {
+        return (index.h("div", { key: '0f797663b7a934dcb990db5782e9df5e8fa192c0', class: {
                 "z-chip-container": true,
                 "z-chip-interactive": !!this.interactiveIcon,
                 [this.type]: true,
-            }, "aria-disabled": this.disabled }, this.icon && index.h("z-icon", { key: 'd8d6c51f9aeeeec166898f263f75588f3c666cef', name: this.icon }), index.h("slot", { key: '3f1e2925b5e3ae370d4c37bcbdc95f142ff22a3f' }), this.interactiveIcon && (index.h("button", { key: '13b028125d5718b882351ab017418246e8bf900d', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, index.h("z-icon", { key: '913f66b93c948aeaf67e89a76d6870c26ce48a31', class: "interactive-icon", name: this.interactiveIcon })))));
+            }, "aria-disabled": this.disabled }, this.icon && index.h("z-icon", { key: 'f64c81514c49e4b03d7bf2cdc62f8bc03580f8cc', name: this.icon }), index.h("slot", { key: '0edcc5e0273724b5c4174a665e4fa134de224835' }), this.interactiveIcon && (index.h("button", { key: '987b1d2a9aa44885c2cabee2b334c6e217810edf', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, index.h("z-icon", { key: 'e48611813e874ccab4233635fdd4cfd3a8932aee', class: "interactive-icon", name: this.interactiveIcon })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/z-combobox.cjs.entry.js

@@ -262,7 +262,7 @@ const ZCombobox = class {
         return (index.h("div", { class: "check-all-wrapper" }, index.h("z-input", { type: index$1.InputType.CHECKBOX, checked: allChecked, htmlid: checkAllId, class: this.getCheckboxClass(), label: allChecked ? this.uncheckalltext : this.checkalltext, disabled: this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length, size: this.size === index$1.ControlSize.X_SMALL ? index$1.ControlSize.SMALL : this.size, role: "option", "aria-selected": allChecked ? "true" : "false", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, checkAllId), onInputCheck: (e) => this.checkAll(e.detail.checked), onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));
     }
     render() {
-        return (index.h("div", { key: '4d1d99f8d0f180054a363b17d478098380677de2', "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));
+        return (index.h("div", { key: '2e564b2458489f06134e2de89b175be82aaebd11', "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-cover-hero.cjs.entry.js

@@ -33,9 +33,9 @@ const ZCoverHero = class {
         return (index.h("div", { class: "content-container" }, index.h("slot", { name: "content" })));
     }
     render() {
-        return (index.h(index.Host, { key: '0442ee31b5680684016e70c34f6fe5e2c3b9fce2' }, this.variant === index$1.CoverHeroVariant.STACKED &&
+        return (index.h(index.Host, { key: '3ca1daae49161dbf205360cd220d36c3b817a011' }, this.variant === index$1.CoverHeroVariant.STACKED &&
             this.contentPosition === index$1.CoverHeroContentPosition.TOP &&
-            this.renderContent(), index.h("div", { key: '06709aca22e8f925ed0a3fcb3f0bd4f6e25f5893', class: "main-container" }, index.h("div", { key: '1e963192dbb9782b11f196f21a9722accc42999d', class: "cover-container" }, index.h("slot", { key: '698d87aaf8c141a3a781e238e9b13619cc4c60d3', name: "cover" })), index.h("slot", { key: '5f92a6143b679620fdfe5149b2af891da718665d', name: "info-reveal" }), this.variant === index$1.CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === index$1.CoverHeroVariant.STACKED &&
+            this.renderContent(), index.h("div", { key: 'f63e349e0b7f78c78f43771cf5795a945e1a7f8d', class: "main-container" }, index.h("div", { key: 'a350f5951ca6f6be672d1de2d3690c19ae44b341', class: "cover-container" }, index.h("slot", { key: '78d0f8e49581568cb371f61e7b7f8b44bb19034b', name: "cover" })), index.h("slot", { key: '54c6fc3a7dfa2a0642ad6853a22ff2a5783cacc2', name: "info-reveal" }), this.variant === index$1.CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === index$1.CoverHeroVariant.STACKED &&
             this.contentPosition === index$1.CoverHeroContentPosition.BOTTOM &&
             this.renderContent()));
     }

package/dist/cjs/z-dragdrop-area_2.cjs.entry.js

@@ -1006,16 +1006,16 @@ const ZModal = class {
         e.preventDefault();
     }
     render() {
-        return (index.h("dialog", { key: 'a1e93e72fa4aa80d94192e1fb18bca7a50ad0aa3', class: {
+        return (index.h("dialog", { key: '7e8e2d5893ab2379c930a0553ace86e7b2c4561a', class: {
                 "modal-dialog": !this.scrollInside,
-            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, index.h("div", { key: '5346f87a3812911b434a2b9b95691e86ecaeb853', class: {
+            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, index.h("div", { key: 'd1be69db6f2f5c830aaaef9a6f824bc6af4bfa3b', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, index.h("header", { key: 'ae7f3aa101e7a55276c4a07a58fd126da494ba83', onClick: this.emitModalHeaderActive.bind(this) }, index.h("div", { key: '6938cbb56171186773c6b2d14323bde7d2f40761' }, this.modaltitle && index.h("h1", { key: '0cc3ee46b3598ec91465c1f8668b399c0c32034f', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (index.h("div", { key: '453e07da973d95eed5e66c4768c86cfe47cadbf3', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), index.h("div", { key: 'bb5a5facd7b854e172a4f0502f97a6fffc03552a', class: {
+            }, id: this.modalid }, index.h("header", { key: '4d4c9e5dd2efc153bc874c2d9c5db96b178e90a0', onClick: this.emitModalHeaderActive.bind(this) }, index.h("div", { key: 'ab356591c58db36ff0b1ae054725db0461ae5952' }, this.modaltitle && index.h("h1", { key: '2b820e2cee8498bb34ad19685c4c2cb79f84ef16', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (index.h("div", { key: '8e79fedf782f99715903560a4bc7c5ca03e3fa98', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), index.h("div", { key: 'bd7324fdd8458bd867f15bf90e854ba66d89dda1', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, index.h("slot", { key: '3c2b58be34c464e06065258e710853e716d415df', name: "modalContent" }))), index.h("div", { key: '2b0e3e016ba08aeb65307ead19d9ca2ca408a85d', class: {
+            }, id: "modal-content" }, index.h("slot", { key: '445c09851e934a449ddcb039a6789b84145ed7f9', name: "modalContent" }))), index.h("div", { key: '1e1559fcd356611e7a8626a5f8ff69973071cf59', class: {
                 "modal-background": true,
                 "modal-background-scroll-outside": !this.scrollInside,
             }, "data-action": "modalBackground", "data-modal": this.modalid, onClick: () => {

package/dist/cjs/z-ghost-loading.cjs.entry.js

@@ -12,7 +12,7 @@ const ZGhostLoading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: '72423981dd27b511f927751a0886182a0872d512' });
+        return index.h(index.Host, { key: '02b753d5f7c972860fe6f49844b5c5333977b0e5' });
     }
 };
 ZGhostLoading.style = ZGhostLoadingStyle0;

package/dist/cjs/z-info-box.cjs.entry.js

@@ -18,7 +18,7 @@ const ZInfoBox = class {
         this.infoBoxClose.emit({ boxid: this.boxid });
     }
     render() {
-        return (index.h("div", { key: '7b95574bc12ca15eb80f5a710f75e8bcff2ea0cd', id: this.boxid }, index.h("slot", { key: 'fcd4a9ae4a4efdae1e6a7aa89c77104344122a1a', name: "content" }), this.isclosable && (index.h("z-icon", { key: '9a757d25f508088be59f2c51ea5ac5c6067f579a', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+        return (index.h("div", { key: '251424a0983aba678d28fd2cec9b46dfe80b9613', id: this.boxid }, index.h("slot", { key: 'a35e75f792de72b447e808a9463d97709c359ef1', name: "content" }), this.isclosable && (index.h("z-icon", { key: 'b8a0b8a1d727a85eb32508e3def74a468991beca', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
     }
 };
 ZInfoBox.style = ZInfoBoxStyle0;

package/dist/cjs/z-info-reveal.cjs.entry.js

@@ -50,7 +50,7 @@ const ZInfoReveal = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f6264a965cec2cac4e38ce1ffb8e6738f3b1fcd4', open: this.open }, index.h("button", { key: 'fdeac683e761204c28a6f9a017062a2bf86a06d6', 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 && index.h("z-icon", { key: 'ea75d8979c67562f88768aa02e237883f0ea89f8', name: this.icon }), this.label && index.h("span", { key: '4e37cd8bdb878f083682f65ac592b15af04d48e4', class: "z-info-reveal-label" }, this.label)), index.h("div", { key: '1808554bf404059a691058c5069c7e3bddf8e50f', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, index.h("slot", { key: 'b1aca025f4e3fe0e27ebe28b0faaf37971cb2c32' }), index.h("button", { key: '9037710ed3fc0f2972dbe263b0d5df120373b34a', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, index.h("z-icon", { key: 'f0cc7e4778dfa59623c32b02c69b0aed00892aeb', name: "multiply" })))));
+        return (index.h(index.Host, { key: 'ea58b3ebf4f3409a322a69e255b66267ea64b6f9', open: this.open }, index.h("button", { key: 'f7bfacd0f57366a843e3492aa3c141c9cbf47353', 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 && index.h("z-icon", { key: 'fa496e51ce6c773fd6a1a18ba9f90784ec9f22b0', name: this.icon }), this.label && index.h("span", { key: 'dca043100cd2e938208c71b9f48620e16cf658cb', class: "z-info-reveal-label" }, this.label)), index.h("div", { key: 'a13a0334421a332b9e2853bc999b25bc7fc651cf', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, index.h("slot", { key: '44ce4ce5b237f0f28d90cab399caff11f6bccdab' }), index.h("button", { key: '6453242c98c7056d0394e47315879ab1688a7eb4', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, index.h("z-icon", { key: 'cf114e18289ebf61595f6ec2bbbcdb6d20490242', name: "multiply" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-logo.cjs.entry.js

@@ -25,7 +25,7 @@ const ZLogo = class {
         if (this.height) {
             style["height"] = style["max-height"] = `${this.height}px`;
         }
-        return (index.h(index.Host, { key: 'ed2dc5272d8e229b9d329b5425611ee504286a75', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (index.h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, index.h("img", { alt: this.imageAlt }))) : (index.h("img", { alt: this.imageAlt }))));
+        return (index.h(index.Host, { key: '398d14ac2633488e87fcf36ff104a5f4e54a7f8b', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (index.h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, index.h("img", { alt: this.imageAlt }))) : (index.h("img", { alt: this.imageAlt }))));
     }
 };
 ZLogo.style = ZLogoStyle0;

package/dist/cjs/z-menu-section.cjs.entry.js

@@ -137,7 +137,7 @@ const ZMenuSection = class {
         this.checkContent();
     }
     render() {
-        return (index.h(index.Host, { key: '1370ec8c9379a204ed8bfb387ef53f6ad976ce0f', role: "menu", open: this.open }, index.h("button", { key: '4a474f4f47b9f72f3621a4c1f043f287ebf98d66', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this), onKeyUp: this.focusFirstSectionItemOnKeyUp.bind(this) }, index.h("slot", { key: '1332d96212421fd936b1ee1e295c856219bfb1cc', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && index.h("z-icon", { key: '04b94f8f22bd56d16f7cdb3f394024c5726435e5', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (index.h("div", { key: '01353c9f9b57cce04361849e79c3264f5f106472', class: "items" }, index.h("slot", { key: '29379c69dff6189d4226246eb859dad6c67ca0ec', name: "section", onSlotchange: this.checkContent.bind(this) })))));
+        return (index.h(index.Host, { key: '000ba2f80f01a19209f7848c83f1f4503f55f05d', role: "menu", open: this.open }, index.h("button", { key: 'a690d675f070c539fbb2ff515c469f696990cbeb', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this), onKeyUp: this.focusFirstSectionItemOnKeyUp.bind(this) }, index.h("slot", { key: 'e2fdb9c4f09bc8a8ffb022d72658d73b0aa18111', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && index.h("z-icon", { key: '5f30df35dd899062744cce1138b1223163949686', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (index.h("div", { key: '8eee7eacfece2b37e1a1321f3e10e5e0ae3a8b48', class: "items" }, index.h("slot", { key: '50bea84496331335adbe436f02d0d55401809f68', name: "section", onSlotchange: this.checkContent.bind(this) })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/z-menu.cjs.entry.js

@@ -212,7 +212,7 @@ const ZMenu = class {
         return (index$1.h("div", { class: "menu-wrapper" }, index$1.h("div", { class: "menu-label" }, index$1.h("div", { class: "menu-label-content" }, index$1.h("slot", { onSlotchange: this.onLabelSlotChange })))));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'e2ab0535d927c4ef1dbaf75746a1e7ee1a87858a' }, this.renderMenuLabel(), this.hasContent && (index$1.h("div", { key: '3f0a5da5e77bd229ff0ee232afbbf0273d4245cf', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (index$1.h("header", { key: '4264de0204704ad5f16cb1b0617532220ab121fb', class: "header" }, index$1.h("slot", { key: '6b88411ff1c87fa1d12f2e6dedcec19605921df9', name: "header", onSlotchange: this.checkContent }))), index$1.h("div", { key: '4fab11ecc9b79b5b95d3238da7f25b05b6e36ec9', class: "items", role: "menu" }, index$1.h("slot", { key: '42d1e2006d0588e337a5cb9df4688081e128c9f9', name: "item", onSlotchange: this.onItemsChange }))))));
+        return (index$1.h(index$1.Host, { key: 'e602d69e2046c9c811a6df845b581bea40b9807d' }, this.renderMenuLabel(), this.hasContent && (index$1.h("div", { key: '145b5bff59cacb08d8397101eb12b0586fb631a8', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (index$1.h("header", { key: 'e5f7498e3ba1a8cde44b4479fa9c6c8775ec1795', class: "header" }, index$1.h("slot", { key: 'd7c39311d4fad9ecd9ab2d6cbf7205e28d59deb1', name: "header", onSlotchange: this.checkContent }))), index$1.h("div", { key: '75812951a5c5e0fa99df7a762edf278a892367b8', class: "items", role: "menu" }, index$1.h("slot", { key: '7dd57bcf3c40011378c4f13f0a262c2a75b792e8', name: "item", onSlotchange: this.onItemsChange }))))));
     }
     get hostElement() { return index$1.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-myz-card-alert.cjs.entry.js

@@ -56,7 +56,7 @@ const ZMyzCardAlert = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'e488b304fcdd145b3ce0ba375d36a997a646eec9', class: "alert-external-wrapper " + this.retrieveClass() }, index.h("z-alert", { key: '256f5d68375a9c8c187785cfdbd6272b8cc449f9', type: this.getAlertType() }, index.h("div", { key: '9f3d7e43b28f3fc92bf1e627475af9a9f0464799', class: "relative-container" }, index.h("z-icon", { key: '6c9e26abc686e0d6020d7c6398a8575e6e8ac543', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), index.h("span", { key: 'b4b997286c4e5250c5b856f0d375ad49162c92df', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (index.h("span", { key: '18020fe9e8180577a168a25c0ba17464cedf70c0', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (index.h("div", { key: 'd56b4368e66d3959cc60b95f6e17c018f8bfd514', class: "alert-external-wrapper " + this.retrieveClass() }, index.h("z-alert", { key: '3d105565b00a05a0f181c4f1522a78e5cb63535e', type: this.getAlertType() }, index.h("div", { key: 'fed3f8fe251eb2a72062375be2b3db559b8a57e8', class: "relative-container" }, index.h("z-icon", { key: '14fad33cf0e93d14def38090ff14a34f3fd7787f', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), index.h("span", { key: 'eed365c5566a89b03d3d9e8350a396e89b3f8b89', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (index.h("span", { key: 'db12283131998f12ec31cdd40512d0488c79e4ac', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);

package/dist/cjs/z-myz-card-dictionary.cjs.entry.js

@@ -27,7 +27,7 @@ const ZMyzCardDictionary = class {
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (index.h("div", { key: 'd86e3c2140c9100c3bac377380a4fff77d089153' }, index.h("z-myz-card", { key: '34a3f2a9bfe747865ad3a4dca7f0ec106b1fe567' }, index.h("z-myz-card-header", { key: 'dc172fabf38338d7fd89af67a80da6918a1c0918', titolo: this.name }), index.h("div", { key: '8d0b945f35287a60658cf37b15440f8b66c98b65', class: `content ${this.flipped ? "flipped" : ""}` }, index.h("div", { key: '7b205650b760c3fb8f7d538bbfe5d2a73e237992', class: "front" }, index.h("z-myz-card-body", { key: 'c8fe772333350bc8ef4643f04e0585b80fea7e83' }, index.h("z-myz-card-cover", { key: 'a1b65f443fdf541dee8b21fb3709362ed6eaff4f', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), index.h("z-button", { key: 'e5b8bb0a7543a5f1e3954564f4cd28c11963b0aa', class: { "hide-info": this.hideinfobtn }, variant: index$1.ButtonVariant.SECONDARY, icon: "informationsource", size: index$1.ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), index.h("div", { key: 'ce3cfb76aac872409b162b80c6659799c17ea6ed', class: "back" }, index.h("slot", { key: 'eafdc479751d3326775dd01f1ced2ac9a9df189f', name: "info" }))), index.h("slot", { key: '4e4d018a5ca6c9282985d7fb978abb738675fa52' }))));
+        return (index.h("div", { key: '92e059ad2b002412fd8831ff47dd36e745682a7c' }, index.h("z-myz-card", { key: 'e5d3cf336fde882b4358481f8bdb6e31fa1484d5' }, index.h("z-myz-card-header", { key: 'b8058a568434c1d8a3fcaaa9b6e159f85d3cd470', titolo: this.name }), index.h("div", { key: '47980eb0950c3417a06064b6af2d8fe20ae2ded3', class: `content ${this.flipped ? "flipped" : ""}` }, index.h("div", { key: '6acc389702046895e1aef1909f87ec242525ad52', class: "front" }, index.h("z-myz-card-body", { key: '221ca2bbb2780a76b8f0015ec6f0a8513d6d48fb' }, index.h("z-myz-card-cover", { key: 'de002018d56e7f19ed56cb77f0276ce9b072016c', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), index.h("z-button", { key: '9e1a91a79cfa4fea26d5a8e56630d9e013a4df4c', class: { "hide-info": this.hideinfobtn }, variant: index$1.ButtonVariant.SECONDARY, icon: "informationsource", size: index$1.ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), index.h("div", { key: '7cec28dda0080e0149399beee85e3669fbdce635', class: "back" }, index.h("slot", { key: '80db1cfd412a1458366521767855bf4b2865bc75', name: "info" }))), index.h("slot", { key: '57aa9044462a6e9aaf0ff6675169cca29d3c6f42' }))));
     }
 };
 ZMyzCardDictionary.style = ZMyzCardDictionaryStyle0;

package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js

@@ -12,7 +12,7 @@ const ZMyzCardFooterSections = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '460ccb7066c598d7712f468b8b77850190fd6088' }, index.h("footer", { key: '14789b182cd02636149dd501d8963e23bf9893ff' }, index.h("div", { key: 'f618c2e4c24c9488aa6090c6629d846c72b9868c', class: "top" }, index.h("slot", { key: '9fdbc5aeb537308c6a0a1197de2490749d8710a8', name: "top" })), index.h("div", { key: '900ff46313ca3d71e7e501f6c7d9e531ec41cdfb', class: "bottom" }, index.h("slot", { key: 'abac3671bea6c55bb0e18d6c05899e4ae9be3895', name: "bottom" })))));
+        return (index.h("div", { key: '2e632f7150485f970adc0970c35db7ae84a74613' }, index.h("footer", { key: '619018521156d3366b2c8495982de9f80000335a' }, index.h("div", { key: '7d55e4d2a7e928b53c856096da26f408e5e4824a', class: "top" }, index.h("slot", { key: 'be43f9cb4501c53fca8e0bb045e41c4f5c325edf', name: "top" })), index.h("div", { key: '117e48439257c99d587a91318822812dd3e61951', class: "bottom" }, index.h("slot", { key: '1d43b4f263df49fa8112866b3139f2efbeb7deb3', name: "bottom" })))));
     }
 };
 ZMyzCardFooterSections.style = ZMyzCardFooterSectionsStyle0;

package/dist/cjs/z-myz-card-footer.cjs.entry.js

@@ -64,7 +64,7 @@ const ZMyzCardFooter = class {
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (index.h("div", { key: '5e52bb4e61efb15a9e45cfc35635edf162c1348b', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, index.h("footer", { key: 'e58bbf1f64147496f82422ea45e0c7769145f5d2', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, index.h("span", { key: '7733adaf9bd6739ce95b53c963c5fef169fe5617', class: "toggle" }, index.h("slot", { key: '43c3727d4206f3538f82298da583634338df147f', name: "toggle" })), this.titolo && index.h("p", { key: '8d895c1628c00fdf053cd413c93a71bd2ed7fe2e', class: { "custom-content": this.customContent } }, this.titolo), index.h("div", { key: '8bc2964e1e62e7dc2b9c4198fc3d19572702fc04', class: { "content": true, "custom-content": this.customContent } }, index.h("div", { key: '75c1a00ee5b83cc1202ff7ea8ae96fab7d24e09a' }, index.h("p", { key: 'b2a545232bba45aac1aa7615dead6354327dcbff', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, index.h("span", { key: '4869f5bb8a75bc51b3fddde7fe46a23811d061f9', title: this.getTitleAuthors() }, index.h("span", { key: '43f8c9ff3eb8a794f9be628b8d0a1d8853bc1510', "aria-description": "Autori", class: "bold" }, this.autori))), index.h("p", { key: '15ed7ba2687e6aafdf7704da66dcbcee7ec25445', class: "year-isbn" }, index.h("span", { key: 'a05d17196f49c90c025ef545586dc162444efd03', class: "isbn" }, index.h("span", { key: '6481dac818d211c724aaddf1e17cf71637099376' }, index.h("span", { key: '6d27dc2a43d5e6e3367ad77e05c76b6d096f08a1', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), index.h("div", { key: '6df905d3cedea3ed63029851103a4a4f919e8b20', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, index.h("slot", { key: 'b71e8974d82d8b45f1bd53d8d73b893924a8a84d', name: "list" })))), this.customContent && index.h("slot", { key: 'a2269175a16d7f2f2cdc48035969e6fab3d64052', name: "content" })));
+        return (index.h("div", { key: '4d3e04f4a2e1e26d27009c724bebcb437f9ec9cd', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, index.h("footer", { key: 'e0a842ab97ca6b7d53b139326ce9e3a8e0c59e26', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, index.h("span", { key: '8c70db89dfe26fb8f413cb83934ce9c6912c89d4', class: "toggle" }, index.h("slot", { key: '3ff96142e26ee9d98a1f35f9f470eccf6e72b6de', name: "toggle" })), this.titolo && index.h("p", { key: '3feb275197ffac00e755b769077847f3f740c5d5', class: { "custom-content": this.customContent } }, this.titolo), index.h("div", { key: '575b42d787b8ef2997b255f25dce6655e8f369b1', class: { "content": true, "custom-content": this.customContent } }, index.h("div", { key: '8f174bccd714953aa64d4bf17bf022f03f4db118' }, index.h("p", { key: '51bb9d81d7eb5d0b8d9ddde434c3fa507dfec114', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, index.h("span", { key: '09572e1ef71256718f349ce5d62ffe85dc0cc20e', title: this.getTitleAuthors() }, index.h("span", { key: '82a406467ab1269235f2e66a2169e0eaec137cba', "aria-description": "Autori", class: "bold" }, this.autori))), index.h("p", { key: '840dc502047299e1238c667ef08ce51ef702416d', class: "year-isbn" }, index.h("span", { key: 'bb4de7e518babbc45b5b17b330b618abde5112d3', class: "isbn" }, index.h("span", { key: 'a95246622a98a5f9fa60dfee0acd27945459cd87' }, index.h("span", { key: '64eab7f5f14de0f5247b53b569ff40d7271237ac', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), index.h("div", { key: '5eeabdff1ae2e38c387e446e1123b0b47dd5cafd', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, index.h("slot", { key: '6965315cb2fb273fadd5f5360de615178dc9fc34', name: "list" })))), this.customContent && index.h("slot", { key: '8e708f396ff396c2fec9517634c8a9413ddb4c47', name: "content" })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/z-myz-card-icon.cjs.entry.js

@@ -15,7 +15,7 @@ const ZMyzCardIcon = class {
         this.ariaLabel = "";
     }
     render() {
-        return (index.h("button", { key: '204f6d7ba43b9300ce8f4fbbd7d27849e7db1c8a', disabled: this.isdisabled, "aria-label": this.ariaLabel }, index.h("span", { key: '660c3c2bd313decba37ea630f83ce74c0b2f4153' }, index.h("z-icon", { key: '22fdf366571f73909d2411a0b745184a6d39b098', name: this.icon, width: 16, height: 16 }))));
+        return (index.h("button", { key: 'a37758fafd02cd31c7d5a962633db50a510c0712', disabled: this.isdisabled, "aria-label": this.ariaLabel }, index.h("span", { key: '82bd90e7492e165f89e09531b5e3b9bf8ce3abdc' }, index.h("z-icon", { key: 'cb8d17c51283529f672bcb7743e534a7ea4a4cab', name: this.icon, width: 16, height: 16 }))));
     }
 };
 ZMyzCardIcon.style = ZMyzCardIconStyle0;

package/dist/cjs/z-myz-card-info.cjs.entry.js

@@ -122,7 +122,7 @@ const ZMyzCardInfo = class {
         return (index.h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, index.h("span", { class: "license-heading" }, index.h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", index.h("b", null, this.cardData.offlineLicense.expiration), index.h("br", null), "Installazioni disponibili: ", index.h("b", null, this.cardData.offlineLicense.installations)));
     }
     render() {
-        return (index.h("div", { key: '1f42c0e5dee2d7dad7f4cfe4f57546091566e6a0' }, this.renderCloseIcon(), index.h("div", { key: '15bde9788efb9a4b9140ba75d0619aed9d9debfa', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), index.h("div", { key: '813495ab63d355830e85557f10ae18ee3900c517', class: "cta-wrapper" }, index.h("slot", { key: '760ca67e6143c5d96bf31121b786e03f7606b4f3' }))));
+        return (index.h("div", { key: '6ef44cab5041bae9a26d0c52ddddf04f4f5fd23f' }, this.renderCloseIcon(), index.h("div", { key: 'e85f90f98d7d405cbea9518ffd57e726a3a4c23d', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), index.h("div", { key: '75ee1cf8699518431e3648b2a0f9ac8b70c2ff7f', class: "cta-wrapper" }, index.h("slot", { key: 'dea3392e38d203fee59e851eb151799873ba3652' }))));
     }
 };
 ZMyzCardInfo.style = ZMyzCardInfoStyle0;

package/dist/cjs/z-myz-card-list.cjs.entry.js

@@ -32,7 +32,7 @@ const ZMyzCardList = class {
         });
     }
     render() {
-        return index.h("ul", { key: '874d84f31edec60ba919f37feb4ae42d399b90d6' }, this.renderList(JSON.parse(this.listdata)));
+        return index.h("ul", { key: 'd3f7300b28cfd01aeea2cec8cf6555c32aba6400' }, this.renderList(JSON.parse(this.listdata)));
     }
 };
 ZMyzCardList.style = ZMyzCardListStyle0;

package/dist/cjs/z-myz-card_4.cjs.entry.js

@@ -39,7 +39,7 @@ const ZMyzCardComponent = class {
         return elemClasses;
     }
     render() {
-        return (index.h("div", { key: '0513da0ab64e0db2c6f075c435ef3a9249501609', class: this.retrieveClass(), tabindex: "0" }, index.h("slot", { key: '3b208fff53e518e4e291e2aa3c0b70d939419690' })));
+        return (index.h("div", { key: '577f6416dd6735035992add5efbb9841e4a21539', class: this.retrieveClass(), tabindex: "0" }, index.h("slot", { key: '770e7057dbb66ade0c1447f4170715a261dc2982' })));
     }
 };
 ZMyzCardComponent.style = ZMyzCardStyle0;
@@ -52,7 +52,7 @@ const ZMyzCardBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'dccc73da3128968555dc65848994a4f11ee6cea4' }, index.h("slot", { key: 'bc8948b5bd03b6c49db50a8aa0d46b1078ca328e', name: "alert" }), index.h("slot", { key: '747327ca24dba0f35ec49d1f85600a5eada44c9e', name: "cover" })));
+        return (index.h("div", { key: 'd3b6d477205ab759a117b6645e118ab1ed7c6d9b' }, index.h("slot", { key: '02ed8c74aef3978e378d106741089264c0425ad7', name: "alert" }), index.h("slot", { key: '9450cf0edfabf0b0592a05104ad98b43efc33eff', name: "cover" })));
     }
 };
 ZMyzCardBody.style = ZMyzCardBodyStyle0;
@@ -72,7 +72,7 @@ const ZMyzCardCover = class {
         this.img = this.defaultimg;
     }
     render() {
-        return (index.h("img", { key: 'adce1c44a87ce81718fa65d7e12cf44e02ffee8c', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (index.h("img", { key: '5ae98409b56ab426fbc0eaf44b47c1c41121fdeb', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
     }
 };
 ZMyzCardCover.style = ZMyzCardCoverStyle0;
@@ -108,7 +108,7 @@ const ZMyzCardHeader = class {
         };
     }
     render() {
-        return (index.h("header", { key: '36891ab64687de7f66157a59f39daf44e7948fb7', class: this.retrieveClass() }, index.h("slot", { key: 'ddbcbc9b3c062a5c8188e4e256cd130d8c36374b', name: "aria-heading" }), index.h("span", { key: 'c5b18ba22229b5f2e3e1be4788b64ee3038d2091', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), index.h("slot", { key: 'b9ac8652bf20fb32a35f0df697ba83c2b033fabf', name: "icon" })));
+        return (index.h("header", { key: 'f3d4999b2a49ca3bed8797cb561af56291bfb832', class: this.retrieveClass() }, index.h("slot", { key: '2140e9e85cfb8722279a1afbddd760fd26df8355', name: "aria-heading" }), index.h("span", { key: 'f214d1be909ca671f3807878e191302685682a7b', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), index.h("slot", { key: '9db60bdcfe749d37676196a602c4ee1816797b21', name: "icon" })));
     }
 };
 ZMyzCardHeader.style = ZMyzCardHeaderStyle0;

package/dist/cjs/z-myz-list-item.cjs.entry.js

@@ -33,7 +33,7 @@ const ZMyzListItem = class {
     }
     render() {
         const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-        return (index.h("li", { key: '94c2984279c7bc295ba60c54e205310b5d584f24', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, index.h("span", { key: '766ae559f05ac6565f45930eea86f15cd9950324', class: this.underlined && "border" }, this.icon && index.h("z-icon", { key: '82154a54b424ae62ac1701aed06872443c879795', name: this.icon }), this.link ? (index.h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (index.h("span", { innerHTML: this.text })), index.h("slot", { key: '66674a723e927ea0be315fafd84c9d07883a4561' }))));
+        return (index.h("li", { key: 'dbe11308bfec84dd85e2466188469fbf622deea6', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, index.h("span", { key: '45f4819de497b53af052c4554160f67a870bafd5', class: this.underlined && "border" }, this.icon && index.h("z-icon", { key: '76211261bf9404ed59d22d8934719f5239e2efb7', name: this.icon }), this.link ? (index.h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (index.h("span", { innerHTML: this.text })), index.h("slot", { key: 'd003608997e7e39c0b138055274324530a640670' }))));
     }
 };
 ZMyzListItem.style = ZMyzListItemStyle0;

package/dist/cjs/z-myz-list.cjs.entry.js

@@ -26,7 +26,7 @@ const ZMyzList = class {
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (index.h("ul", { key: 'b49ccd7184049e42611185d36fcf9cc1f74fd13b' }, this.list &&
+        return (index.h("ul", { key: 'c998b497e10e19d05bf4958405941b94c6dc1142' }, this.list &&
             this.list.map((bean, i) => (index.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/cjs/z-navigation-tabs.cjs.entry.js

@@ -207,10 +207,10 @@ const ZNavigationTabs = class {
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '16294d384c48cb2380178445630240fcc6f085cc', class: {
+        return (index.h(index.Host, { key: '0c33a7d3aef775398fbda7b901445a55b63caf88', class: {
                 "interactive-2": this.size === index$1.NavigationTabsSize.SMALL,
                 "interactive-1": this.size !== index$1.NavigationTabsSize.SMALL,
-            }, scrollable: this.canNavigate }, index.h("button", { key: '98eae832700569a7f2539aa51cee7c07ac2f3815', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, index.h("z-icon", { key: '21ddd942ac5c9a7cfdf53e1c31788268b7932f03', name: this.orientation === index$1.NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), index.h("nav", { key: 'd2582f956ec466d672bdf43494f96d1b2ee73485', 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 }, index.h("slot", { key: '3cfbaf5ef02b8964b1b497deef2b8e95b6ef94e0' })), index.h("button", { key: '6cc204b98252d19cdd79bdf2f9f1824c2f69d559', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, index.h("z-icon", { key: '7bc36b5cdb865c759e0bb37362a820557e079be4', name: this.orientation === index$1.NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+            }, scrollable: this.canNavigate }, index.h("button", { key: '536b8ea2c4ed093e238e6e587c14e4009a8d7887', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, index.h("z-icon", { key: 'e0c0fb83da4db6bc8dfc2b513cedf199f6ee1618', name: this.orientation === index$1.NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), index.h("nav", { key: 'eba91e87f2ad5371446dd0fd0a4f880cf646f931', 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 }, index.h("slot", { key: '9c1d2f92691a2928c7912f003b46f91df93712ee' })), index.h("button", { key: '010ed7bc0abf89bf59ec3ef2928845bf6385ceae', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, index.h("z-icon", { key: '2fd838f03656dfa1e20e651c07769d48afbe2285', name: this.orientation === index$1.NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-notification.cjs.entry.js

@@ -31,7 +31,7 @@ const ZNotification = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'bf9ead754226002371eb0669770d24c0230bcf92' }, this.contenticonname && (index.h("z-icon", { key: '322709ad12acd8a885214809012178649b172bd8', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), index.h("div", { key: 'd68ea8f5984fee4d906a05f93f9cf3ef4dae932c', class: "content-container" }, index.h("div", { key: 'd67f12dcbcf7075cbc0e111db260dce207e3411a', class: "content-text" }, index.h("slot", { key: '6e23a5b287e328657e1848dc1944b3a1ddc065be' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (index.h("button", { key: '68da7a70a5dec9113c021c915594c2e8424c21be', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (index.h("button", { key: '342853024b8a9bfce814282471d8d8e9e9f6b522', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, index.h("z-icon", { key: 'ce20a4b279bc3cb3d4b0dd7bf4c61fe9b3837556', name: "multiply-circle", width: 16, height: 16 })))));
+        return (index.h(index.Host, { key: '467a230ba58b2642a3f13cfdd9b82669e3f39a9d' }, this.contenticonname && (index.h("z-icon", { key: '610944969e1ebc676683c72a538d9f3ccb84c6ac', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), index.h("div", { key: '188591692e486ae50dd0d6792ee8ad06ee606102', class: "content-container" }, index.h("div", { key: '0f9ccc9c49862ca21b2eae0268776b399c3bd575', class: "content-text" }, index.h("slot", { key: 'deaac1db17ab5d963dae077b1d23a90fb91966ae' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (index.h("button", { key: '22c8752e5c634018144c3034f2131f61c8f4fd81', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (index.h("button", { key: 'a2dfbbc203b64729cfb23a5ae96d14afbcc5ecc7', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, index.h("z-icon", { key: '81ad02f6c6d0c764682e9a9abb43a63ec1d390f1', name: "multiply-circle", width: 16, height: 16 })))));
     }
 };
 ZNotification.style = ZNotificationStyle0;

package/dist/cjs/z-otp.cjs.entry.js

@@ -24,7 +24,7 @@ const ZOtp = class {
         this.otpRef = [...Array(this.inputNum)];
     }
     render() {
-        return (index.h("div", { key: '501979362aafae33a4266f38a5785e0e328dba1b', class: "otp-container" }, index.h("div", { key: 'ca4b4646af395228586dd55ba5cb335b6492347b', class: "digits-container" }, this.otp.map((_val, i) => (index.h("input", { class: this.status == index$1.InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (index.h("div", { key: '22ac9df1ed4e70a3107f79d0ca9f4fb2f94fc652', class: "otp-container" }, index.h("div", { key: '3b867810147768e6758628ff0f7730e8b38e5008', class: "digits-container" }, this.otp.map((_val, i) => (index.h("input", { class: this.status == index$1.InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
                 if (e.keyCode > 47) {
                     this.otpRef[i].value = "";
                 }
@@ -35,7 +35,7 @@ const ZOtp = class {
             }, 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) })))), index.h("z-input-message", { key: 'ce018353101dac73e4dc0ec9d78918f614a85247', message: this.message, status: this.status })));
+            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), index.h("z-input-message", { key: 'b5d4cc5a0cec7aa4746f1e4731113579477e50b8', message: this.message, status: this.status })));
     }
 };
 ZOtp.style = ZOtpStyle0;

package/dist/cjs/z-panel-elem.cjs.entry.js

@@ -22,11 +22,11 @@ const ZPanelElem = class {
     }
     render() {
         const elemId = this.elemid ? this.elemid : "";
-        return (index.h("div", { key: '7364ce8b1efc2b30e792693a93f41834a65dd7c6', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (index.h("div", { key: '815580b59284ea71764fd9f18b98be4ab69ff1e5', "aria-hidden": "true", class: "panel-elem-icon" }, index.h("img", { key: 'a736866758f35a8284310a5bc81d08f166aec78c', src: this.imgurl, alt: this.imgalt }))), index.h("div", { key: '1d154781e2bf59a9a6b1c8ddff324e035095c5ec', class: "panel-elem-link" }, index.h("a", { key: '3531d557c2145fa3fb96f13c2952d4c2c6e366b8', class: {
+        return (index.h("div", { key: '980fb3c0aec4901c083af91e61c1af0d1f9bf415', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (index.h("div", { key: '6f48aaa96e459a4dd4b2ead53548e6d121a34361', "aria-hidden": "true", class: "panel-elem-icon" }, index.h("img", { key: '1f6cae8a9c49e232c5158fdf7b1728278ac88cfd', src: this.imgurl, alt: this.imgalt }))), index.h("div", { key: '54a0690012fad5f6c837017aca04a959f5c5a479', class: "panel-elem-link" }, index.h("a", { key: 'bf781de40115ee086b96c65773c732864284bda6', class: {
                 "z-link": true,
                 "z-link-disabled": this.isdisabled,
                 "z-link-icon": true,
-            }, id: elemId + "link_id", href: this.url, target: this.target }, index.h("z-icon", { key: 'dd6a4750589fe913eeb211025beebb3da7cfc8fd', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (index.h("div", { key: 'b2cbea114008c9f5c6a560c0e52f60ff9e6f7722', class: "panel-elem-desc" }, index.h("slot", { key: '73a350ea0ca8bc51e56a5a2879651883669a79b4', name: this.descrSlotName })))));
+            }, id: elemId + "link_id", href: this.url, target: this.target }, index.h("z-icon", { key: 'a7fc21c2b023aa04eeee1cbe2c8edcec8fa2a0c0', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (index.h("div", { key: '1f744be5e25b29f1e3c53cb010ba16e0bc552c7c', class: "panel-elem-desc" }, index.h("slot", { key: '94aada9c2f94cda716318aebb59c1e6c593271c9', name: this.descrSlotName })))));
     }
 };
 ZPanelElem.style = ZPanelElemStyle0;

package/dist/cjs/z-popover.cjs.entry.js

@@ -304,7 +304,7 @@ const ZPopover = class {
         this.onOpen();
     }
     render() {
-        return index.h("slot", { key: '3c34ab8733a93885e6e2a9fd8b0f3607cafca402' });
+        return index.h("slot", { key: '5f11a7a53fa16c590f2d171252d352e5748c2be7' });
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-section-title.cjs.entry.js

@@ -18,7 +18,7 @@ const ZSectionTitle = class {
         this.hasSecondaryTitle = !!this.host.querySelector("[slot=secondary-title]");
     }
     render() {
-        return (index.h(index.Host, { key: '5718215a4b4b42735d8045c3de73998189f38bf7' }, index.h("slot", { key: '99e51ba27a27a3100ae7fc88df7537624f8682bb', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === index$1.ZSectionTitleDividerPosition.BEFORE && (index.h("z-divider", { key: 'd62ca69ea2ecdbb75ef8c034ca6beffc6041ede0', size: index$1.DividerSize.LARGE, color: "z-section-title--divider-color" })), index.h("slot", { key: 'cb8a5a51554a90e8749d664f3d6d19af67e5afeb', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === index$1.ZSectionTitleDividerPosition.AFTER && (index.h("z-divider", { key: 'bdf9d80c19154f8f89947d277f6a7234986b605e', size: index$1.DividerSize.LARGE, color: "z-section-title--divider-color" }))));
+        return (index.h(index.Host, { key: '0c4b87ceddcba29e185482bf59af1e3b0924405f' }, index.h("slot", { key: '09d4ad87a1c58fb8aea750e6dbffbd638d57a64f', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === index$1.ZSectionTitleDividerPosition.BEFORE && (index.h("z-divider", { key: 'ac18c9f472df201a80088db9ec5cca97c9cb3ca9', size: index$1.DividerSize.LARGE, color: "z-section-title--divider-color" })), index.h("slot", { key: '58839168a71f8d3e7c4f262deb1735b19aa5dd06', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === index$1.ZSectionTitleDividerPosition.AFTER && (index.h("z-divider", { key: '550c55466ad1018e92d2a5b4c90527f5a8e114cb', size: index$1.DividerSize.LARGE, color: "z-section-title--divider-color" }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/z-select.cjs.entry.js

@@ -326,7 +326,7 @@ const ZSelect = class {
         return (index.h("z-input-message", { message: utils.boolean(this.message) === true ? undefined : this.message, status: this.status, class: this.size }));
     }
     render() {
-        return (index.h("div", { key: '16a8b264460cb21cd19258694e04f7c58ca5bc26', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
+        return (index.h("div", { key: '3f88d94d1d4ef7f9a7abccd49b6146ee16f2b3ec', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-skip-to-content.cjs.entry.js

@@ -52,7 +52,7 @@ const ZSkipToContent = class {
         this.visible = false;
     }
     render() {
-        return (index.h(index.Host, { key: '06ee6c9f26ddc014c08c34bb81ddd990aa7c0282', class: {
+        return (index.h(index.Host, { key: 'f1bc5c87d3c619d7887fcd16768bd3f20c80465d', class: {
                 [this.variant]: true,
                 "skip-to-content-visible": this.visible,
             } }, this.links.map((link, i) => {

package/dist/cjs/z-stepper-item.cjs.entry.js

@@ -24,7 +24,7 @@ const ZStepperItem = class {
         return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
     }
     render() {
-        return (index.h(index.Host, { key: '0994d3d3a8e89f1a93f17cb71baff1c1581bf7e4', role: "listitem" }, index.h("button", Object.assign({ key: '14becf7e97de2bd909f61cc3aa09b64b45f7ab30', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), index.h("div", { key: '69f3cd00d2eeaafa65037d939218b2665d34b62b', class: "indicator" }, this.checked ? index.h("z-icon", { name: "checkmark" }) : this.index), index.h("span", { key: '8d2ed47daa09ae26562bac42d262ba7c4c5320a4' }, index.h("slot", { key: '48004d92935fa78bd48df08a9eb3db11662a171b' })))));
+        return (index.h(index.Host, { key: 'd101614c37bf96e00d0193e0eaa3ecaa30a34ada', role: "listitem" }, index.h("button", Object.assign({ key: '504cf6bbfbf6adbd708d26b1a771245c83903e57', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), index.h("div", { key: '9da0892f47d45aaa4df1fb28765a9fde238dc5a4', class: "indicator" }, this.checked ? index.h("z-icon", { name: "checkmark" }) : this.index), index.h("span", { key: '53b2b5ad7d46e059d10dd551ffff51b1c076bbb6' }, index.h("slot", { key: 'e7beae0aa067f254f8bf2b2271f07598f14d851e' })))));
     }
 };
 ZStepperItem.style = ZStepperItemStyle0;

package/dist/cjs/z-stepper.cjs.entry.js

@@ -12,7 +12,7 @@ const ZStepper = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5fbfa9cc1b0e6f672f054427828d56560059c160', role: "list" }, index.h("slot", { key: 'd2c5abd53c5c9e8569696aafb6101b7878e1a10c' })));
+        return (index.h(index.Host, { key: '597548241d2ea51034d18c1f099f2a7767875bc4', role: "list" }, index.h("slot", { key: '252251925dbfdaafdb0679a19e96adbcb94cde1e' })));
     }
 };
 ZStepper.style = ZStepperStyle0;

package/dist/cjs/z-table.cjs.entry.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e801ae96.js');
-require('./index-1f9f28df.js');
-require('./index-b361709b.js');
-require('./index-1890445d.js');
-require('./index-f0159789.js');
+require('./index-5d3e254f.js');
+require('./index-ce636845.js');
+require('./index-cf034e55.js');
+require('./index-c234bc14.js');
 require('./utils-6bd8c55e.js');
 require('./index-bab7a651.js');
 require('./breakpoints-5c22092a.js');
-require('./index-3a070c6b.js');
-require('./index-597156d1.js');
+require('./index-b695a167.js');
+require('./index-6994b9af.js');
 
-const stylesCss = ":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}.table{min-width:max-content}";
+const stylesCss = ":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}";
 const ZTableStyle0 = stylesCss;
 
 const ZTable = class {
@@ -45,7 +45,7 @@ const ZTable = class {
         (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '2d8e50a74ff7ccf3c6dc4f5324a512177ad52f45', expandable: this.expandable }, index.h("div", { key: '5e1d9d44dc90ac06683bf5306f7eecadffe807fe', class: "table", role: "table" }, index.h("slot", { key: '12a615e336a4ad50390a2ab0b12b2d20b3503f06' }))));
+        return (index.h(index.Host, { key: 'b52da4a04a1ae7b02c1382f5fb900cd129f06319', expandable: this.expandable }, index.h("div", { key: '8a4913966c915691a7dde1d1a23dd4da39cf1800', class: "table", role: "table" }, index.h("slot", { key: 'c4ff8a3fabe9451e83013e922e95976a6de3da34' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/z-table.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"z-table.entry.cjs.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,SAAS,GAAG,2VAA2V,CAAC;AAC9W,qBAAe,SAAS;;MCeX,MAAM;;;wBAON,KAAK;0BAMH,KAAK;;IAEV,gBAAgB;QACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;KAC7E;;;;IAOD,iBAAiB;QACf,IAAI,CAAC,0BAA0B,GAAG,IAAI,gBAAgB,CAAC;YACrD,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB,CAAC,CAAC;QACH,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;YACjD,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,YAAY,CAAC;YAC/B,iBAAiB,EAAE,KAAK;SACzB,CAAC,CAAC;KACJ;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,0BAA0B,0CAAE,UAAU,EAAE,CAAC;KAC/C;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,UAAU,EAAE,IAAI,CAAC,UAAU,IAC/BD,kEACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,IAEZA,oEAAa,CACT,CACD,EACP;KACH;;;;;;;","names":["h","Host"],"sources":["src/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","src/components/table/z-table/index.tsx"],"sourcesContent":[":host {\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n  position: relative;\n  display: block;\n  overflow: auto;\n  max-width: 100%;\n  box-sizing: border-box;\n  background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n  --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n\n.table {\n  min-width: max-content;\n}\n","import {Component, Element, Host, Prop, State, h} from \"@stencil/core\";\nimport \"../z-tbody/index\";\nimport \"../z-tfoot/index\";\nimport \"../z-thead/index\";\nimport \"../z-tr/index\";\n\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\n@Component({\n  tag: \"z-table\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTable {\n  @Element() host: HTMLZTableElement;\n\n  /**\n   * Whether the table cells should show a border between them.\n   */\n  @Prop({reflect: true})\n  bordered = false;\n\n  /**\n   * Whether the table contains some expandable rows.\n   */\n  @State()\n  expandable = false;\n\n  private updateExpandable(): void {\n    this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n  }\n\n  private expandableMutationObserver: MutationObserver;\n\n  /**\n   * Setup the table creating a mutation observer for the expandable attribute.\n   */\n  componentWillLoad(): void {\n    this.expandableMutationObserver = new MutationObserver(() => {\n      this.updateExpandable();\n    });\n    this.expandableMutationObserver.observe(this.host, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"expandable\"],\n      attributeOldValue: false,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.expandableMutationObserver?.disconnect();\n  }\n\n  render(): HTMLZTableElement {\n    return (\n      <Host expandable={this.expandable}>\n        <div\n          class=\"table\"\n          role=\"table\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"z-table.entry.cjs.js","mappings":";;;;;;;;;;;;;;;AAAA,MAAM,SAAS,GAAG,8TAA8T,CAAC;AACjV,qBAAe,SAAS;;MCeX,MAAM;;;wBAON,KAAK;0BAMH,KAAK;;IAEV,gBAAgB;QACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;KAC7E;;;;IAOD,iBAAiB;QACf,IAAI,CAAC,0BAA0B,GAAG,IAAI,gBAAgB,CAAC;YACrD,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB,CAAC,CAAC;QACH,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE;YACjD,SAAS,EAAE,IAAI;YACf,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,YAAY,CAAC;YAC/B,iBAAiB,EAAE,KAAK;SACzB,CAAC,CAAC;KACJ;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,0BAA0B,0CAAE,UAAU,EAAE,CAAC;KAC/C;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,UAAU,EAAE,IAAI,CAAC,UAAU,IAC/BD,kEACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,IAEZA,oEAAa,CACT,CACD,EACP;KACH;;;;;;;","names":["h","Host"],"sources":["src/components/table/z-table/styles.css?tag=z-table&encapsulation=shadow","src/components/table/z-table/index.tsx"],"sourcesContent":[":host {\n  --z-table--cells-padding: calc(var(--space-unit) * 2);\n\n  position: relative;\n  display: block;\n  overflow: auto;\n  max-width: 100%;\n  box-sizing: border-box;\n  background-color: var(--color-surface01);\n}\n\n:host([expandable]) {\n  --z-table--expand-button-size: 40px;\n}\n\n:host([bordered]) {\n  --z-table--cell-left-border: 1px solid var(--color-surface03);\n}\n","import {Component, Element, Host, Prop, State, h} from \"@stencil/core\";\nimport \"../z-tbody/index\";\nimport \"../z-tfoot/index\";\nimport \"../z-thead/index\";\nimport \"../z-tr/index\";\n\n/**\n * ZTable component.\n * @slot - Table content (`z-thead`, `z-tbody`, `z-tfoot`, `z-tr`).\n * @cssprop --z-table--cells-padding - Padding of the cells.\n */\n@Component({\n  tag: \"z-table\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZTable {\n  @Element() host: HTMLZTableElement;\n\n  /**\n   * Whether the table cells should show a border between them.\n   */\n  @Prop({reflect: true})\n  bordered = false;\n\n  /**\n   * Whether the table contains some expandable rows.\n   */\n  @State()\n  expandable = false;\n\n  private updateExpandable(): void {\n    this.expandable = this.host.querySelectorAll(\"z-tr[expandable]\").length > 0;\n  }\n\n  private expandableMutationObserver: MutationObserver;\n\n  /**\n   * Setup the table creating a mutation observer for the expandable attribute.\n   */\n  componentWillLoad(): void {\n    this.expandableMutationObserver = new MutationObserver(() => {\n      this.updateExpandable();\n    });\n    this.expandableMutationObserver.observe(this.host, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: [\"expandable\"],\n      attributeOldValue: false,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.expandableMutationObserver?.disconnect();\n  }\n\n  render(): HTMLZTableElement {\n    return (\n      <Host expandable={this.expandable}>\n        <div\n          class=\"table\"\n          role=\"table\"\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/z-tbody.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1f9f28df.js');
+const index = require('./index-5d3e254f.js');
 require('./index-e801ae96.js');
 
 

package/dist/cjs/z-td.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-3a070c6b.js');
+const index = require('./index-b695a167.js');
 require('./index-e801ae96.js');
 require('./index-bab7a651.js');