@zanichelli/albe-web-components 18.5.3 → 18.5.4

package/dist/esm/z-app-header_12.entry.js

@@ -250,7 +250,7 @@ const ZAppHeader = class {
     }
     render() {
         const hasTopSubtitle = this.hasSlot("top-subtitle");
-        return (h(Host, { key: '607b7e24e9f285a68b2b060594d7f05e1858d5cb', "menu-length": this.menuLength }, h("div", { key: 'de8f54eeebf6566e213aa26f938de37837a4eaee', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: 'f11b563767f199727353f296321d0668f8444465', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: '19345fabd859f0d6bad18ee1cdb1c03d959f888a', class: "top-subtitle" }, h("slot", { key: '47a905ab7dc9c88c99d296bc57021bb15ce5ca12', name: "top-subtitle" }))), h("div", { key: 'c2143a9324af347082cdd40584622818f631cea3', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h("slot", { key: '90ebc7860504f24edf3b4380d716eedf4674ccab', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: '43fb23d049539010c329b0b4c03df3651ad0962b', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: 'e08c4cd11e0fb472ae66ed70c7129977175eaa1c', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: '5daa80b2f4cd1274f2cf564d29677a2c426a4359', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
+        return (h(Host, { key: '01bcf2e73c2b4da9ed2c9bcf19ceeece56bd738e', "menu-length": this.menuLength }, h("div", { key: 'adf412ee992b488c6e87b7e2f82265c7e6a13b8c', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '015996363351b8b81ee50bffd409d8a41edc4008', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: '98e3fd2bc1a55fb77dfb00fb55708f6520461bb5', class: "top-subtitle" }, h("slot", { key: '068c16c8cb9496933955c6d68ac8aa1326640688', name: "top-subtitle" }))), h("div", { key: 'c7a806a4af8d099f0c6bc70cefd03f01467b235f', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h("slot", { key: '45a99fbbb889355061ee3230d5825110d681e26e', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: 'b9ab704c754800865087d45791257a6191b847e9', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '0dd28fca9d831513a3f29041a33da0b9935caa3e', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: '35e03382a70e5601c8d02c26731ba434d795de0a', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {
@@ -314,7 +314,7 @@ const ZDivider = class {
         this.orientation = DividerOrientation.HORIZONTAL;
     }
     render() {
-        return (h(Host, { key: '04573f93294d9e35e7901c677476414b9d1eb74f', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+        return (h(Host, { key: '8a1e8b974fcbb5e77c9ee30d3fb08886f4c0e733', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
     }
 };
 ZDivider.style = ZDividerStyle0;
@@ -1547,7 +1547,7 @@ const ZInput = class {
             default:
                 input = this.renderInputText(this.type);
         }
-        return h(Host, { key: '892974fb87a1a32879701db724f7e400931ef4dc' }, input);
+        return h(Host, { key: 'bc21d1112cecb0bfbcc8e27b5e1f33141a8542e4' }, input);
     }
     get hostElement() { return getElement(this); }
 };
@@ -1576,7 +1576,7 @@ const ZInputMessage = class {
         this.onMessageChange();
     }
     render() {
-        return (h(Host, Object.assign({ key: 'ef26c50e4e8f21bed23b6b530f34866bb9d746af' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: '1c701e5f10e96e549fc3e799cbc16099f2032956', name: this.statusIcons[this.status] }), h("span", { key: '9a12b124d65a4b4ebcb9856ce6e9fa275d96ac64', innerHTML: this.message })));
+        return (h(Host, Object.assign({ key: '4be98ac32b40898013cfa95bab53c6db382ab517' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: '8b2e151decf152944c2d02007c96069222032a33', name: this.statusIcons[this.status] }), h("span", { key: 'c03efc0a6313ed89e46527fe20ec3007e81c392d', innerHTML: this.message })));
     }
     static get watchers() { return {
         "message": ["onMessageChange"],
@@ -1845,7 +1845,7 @@ const ZOffcanvas = class {
         this.open = false;
     }
     render() {
-        return (h(Host, { key: '299c69d8788f7cf2e12b6f6eb151c3b7c5e4e271', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: '2620f2f0ef0741cbe6e5d63f7ed38299fb253852', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: '1df851d5c4d1fddb24a62c5e3d92a7181bd36d05', class: "canvas-content z-scrollbar", role: "presentation" }, h("slot", { key: '89303666352d55c9a92a0b4cecc9bea8d42125f7', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h("div", { key: '197e3eb34f5981c52a553875157a3a02993f7684', class: "canvas-background", onClick: () => (this.open = false) }))));
+        return (h(Host, { key: '0c9caef91e7fc366aeb0bceb20902f220b153dca', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: 'f3fd979c181a32a8c647f3f6eac1603658696629', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: '80493b2714dcfc795c8820c4a6d5e865f0bbb715', class: "canvas-content z-scrollbar", role: "presentation" }, h("slot", { key: '2512d43345e106c728c782f91e93973a5f55bfe7', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h("div", { key: '939b5ea940e96fbcec87ff7e48b6ba578ff0848e', class: "canvas-background", onClick: () => (this.open = false) }))));
     }
     static get watchers() { return {
         "variant": ["handlePageOverflow"],
@@ -2141,7 +2141,7 @@ const ZSearchbar = class {
         return (h("z-list-element", { role: "option", tabindex: 0, clickable: true, id: `list-item-${this.htmlid}-show-all`, onClickItem: () => (this.currResultsCount = 0), color: "color-primary01" }, h("div", { class: "item-show-all" }, "Vedi tutti i risultati")));
     }
     render() {
-        return (h(Host, { key: '806928c6bd93912f7c4465bebdf802870e26cdf1', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, h("div", { key: '24c07470b67a224896bd7fd86adb7c5a10080d28', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
+        return (h(Host, { key: '0ecc3fd73df3cf20449c6b241b526153e08caddb', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, h("div", { key: '860e5fea6661aad7aaa4ddfdf0e340754cf5275e', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -7,7 +7,7 @@ const ZAriaAlert = class {
         this.mode = ZAriaAlertMode.POLITE;
     }
     render() {
-        return (h(Host, { key: '583949db78c250fbedcf782e8985635f23a109d8', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: '12d852a544ac602c33237d7f24124bd2fd47847c' })));
+        return (h(Host, { key: '507fd85bea3bc6cdfa0915afaf57866e29cc36e3', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: 'b28a7129f907a00beb9e5aa186f2960d7d6c4d1d' })));
     }
 };
 

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

@@ -29,10 +29,10 @@ const ZAvatar = class {
         }
     }
     render() {
-        return (h(Host, { key: 'bf7dc11b7c8aea57303ce02812fd487a78248d46', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        return (h(Host, { key: '8ce8c6ffe56b55036f9f47146041fcb91051ad36', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
                 color: `var(--${this.textColor})`,
                 backgroundColor: `var(--${this.backgroundColor})`,
-            } }, this.text && !this.image && h("span", { key: 'f5ff0b0ef02d7d69ada96f344f32dc8daccd5437' }, this.text.substring(0, 2)), this.image && (h("img", { key: '7df4cda5d4028d7397b70e1181c846bc9f84e19d', src: this.image, onError: () => (this.image = "") }))));
+            } }, this.text && !this.image && h("span", { key: 'b989378860518c05074dcf3cf445df062679f3c1' }, this.text.substring(0, 2)), this.image && (h("img", { key: '56a3a248fe3f88b2ed285f6a7c133b542ca21940', src: this.image, onError: () => (this.image = "") }))));
     }
 };
 ZAvatar.style = ZAvatarStyle0;

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

@@ -206,10 +206,10 @@ const ZBreadcrumb = class {
         ];
     }
     render() {
-        return (h(Host, { key: 'a92078ad9a4aa1ac4689c66c765afa5f113d16d7', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '99259d02797aff8396f3a87af0ff40d1c97e40fd', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
+        return (h(Host, { key: 'bd4614a169bb3bd236c84b4b75de459189c6ebce', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '9148dec5bf9bdc9ea5b7a1bd67b60d85cbff688c', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
                 semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,
                 underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,
-            } }, h("ol", { key: 'c232f64c88e3bff47af1250385589ecda393b4f3' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
+            } }, h("ol", { key: '7c2d74ec32b18e22f444a9ab9ed3c6fb04983558' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -42,7 +42,7 @@ const ZButtonSort = class {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (h("button", { key: 'ad7184ad09e3c07eb2e2b548775155006a67cb6c', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '84451899a4c8ccecb759144f7c2f991628e2e998', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: '6b18ed6bdf9466de296625afd14fda3ac5180d7b', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: 'f44bbe9cc7bb39a850acacfe9066e6458ef3d3e0', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '931fd0149c14840cfe0721a5af9eabb0dcfb7d24', name: "caret-up-down", width: 16, height: 16 })));
+        return (h("button", { key: '48135e022855d78da6ea11bf643bb6f3165a5ffc', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '211cf02c4ecf6558030ca0ad16bc12a657a5ad99', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: '93e81849c1aa11be20b258b7c6156fa006d411c9', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: 'f3a1e05c2fb37fc36f724d1760a691c45c8397e9', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '34fb2d58e925c18101f17e337332faf1cf55eecb', name: "caret-up-down", width: 16, height: 16 })));
     }
 };
 ZButtonSort.style = ZButtonSortStyle0;

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

@@ -15,11 +15,11 @@ const ZChip = class {
         this.ariaLabel = "";
     }
     render() {
-        return (h("div", { key: '0c1d69ed8078ff340f797d27d2b74798471c001b', class: {
+        return (h("div", { key: '4b4a07ba069a0392343f826702b9d221fe76f0be', class: {
                 "z-chip-container": true,
                 "z-chip-interactive": !!this.interactiveIcon,
                 [this.type]: true,
-            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: 'baa00891b0130541f3a820a08678d2f1eef894b7', name: this.icon }), h("slot", { key: 'd49c8dc5643a7f42f62ab086f9ae97da18aa2561' }), this.interactiveIcon && (h("button", { key: '970f2ccfd3cf3718627e8aec7bfe06d957694030', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '68c899a4e14a204eaac9fc7d2be37dfd5af1b087', class: "interactive-icon", name: this.interactiveIcon })))));
+            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: '1adeb5f9343cfd12208342e2028ba802f5aa6dd6', name: this.icon }), h("slot", { key: 'ea3d86af473a049622e6de91dc6dafee0499da05' }), this.interactiveIcon && (h("button", { key: 'd4d2eb2c77d2a1224e0582500fc329a381e07a20', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '7d4d4743ac1c87882732f9b5145afc70889dcac2', class: "interactive-icon", name: this.interactiveIcon })))));
     }
     get el() { return getElement(this); }
 };

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

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

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

@@ -29,9 +29,9 @@ const ZCoverHero = class {
         return (h("div", { class: "content-container" }, h("slot", { name: "content" })));
     }
     render() {
-        return (h(Host, { key: '9d19bccd90d41d823dedfd22d4735806513e02b4' }, this.variant === CoverHeroVariant.STACKED &&
+        return (h(Host, { key: 'a95198a28808bea34edd9dc283fa9770196e1bdc' }, this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.TOP &&
-            this.renderContent(), h("div", { key: 'c700a2f18c53e2ee3f0893bb5e06c591847cbf3d', class: "main-container" }, h("div", { key: '32d74cad8e5c8ca8e6bf14a98dda4f490eca8983', class: "cover-container" }, h("slot", { key: '3b54102807692fa0bd3c13ec02ca577dd817f12c', name: "cover" })), h("slot", { key: '330c4c5cb791cb34d6ae5c797f5af17b55e6173b', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
+            this.renderContent(), h("div", { key: '2a80380b0daab0661249370372204adeb2d477a0', class: "main-container" }, h("div", { key: '69a62950d3722871c6a82d3a771b0bc0a971358e', class: "cover-container" }, h("slot", { key: '0dcecf6ab18b8a42fb21b8573729094cfdbaa83a', name: "cover" })), h("slot", { key: '6c841fc5167924badc3ceb44e51757c6056a2dd6', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.BOTTOM &&
             this.renderContent()));
     }

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

@@ -1010,16 +1010,16 @@ const ZModal = class {
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: '8b921668da4604e386536b7aad9f29aa79f8c070', class: {
+        return (h("dialog", { key: 'eebc09ed6ac159c725b0614bd7ca030699b05b9f', class: {
                 "modal-dialog": !this.scrollInside,
-            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, h("div", { key: 'ff7c0a54c27501f0de55fa051f4181dbb67b45f8', class: {
+            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, h("div", { key: 'a422d0d13979d51cd4b48f30077962b7b1cf91d3', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, h("header", { key: 'bc3fb5a42fc5b9b7a4a0772edc128b3b2cdb4145', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '0dbf87678b992d60df083e61f301ac43df103dbb' }, this.modaltitle && h("h1", { key: '7e61c3c9efc52d5b8d9a457907af76f9e10365a7', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '594aedcd430c5f132973c59dfdba288b657243ba', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: 'ac5d89b074eb7ab21acd3a5ae0846f96f2a9df66', class: {
+            }, id: this.modalid }, h("header", { key: 'f605cdc8fd3af1f94fca27de5d4eb088769d592c', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '77d079642e8797ecd131f42dde419964b315858e' }, this.modaltitle && h("h1", { key: '1cf2c6917e03b6a9198ed86e03414191f01ae760', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: 'dd6b44a5c67c1cb3a76252aa172d12a639d63153', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '8d91575e38810d7b93cb75807d985ffc5689ea67', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: 'f6810e73b2dc2fc698bebed654698d267b113f11', name: "modalContent" }))), h("div", { key: '65bd11b7941467700592d45edd0ec078cde6f145', class: {
+            }, id: "modal-content" }, h("slot", { key: '3ff48549ece0ec01d7ff6714dbae41998cd64bc2', name: "modalContent" }))), h("div", { key: '08004938884c7984cbf535653e82ce775c559d48', class: {
                 "modal-background": true,
                 "modal-background-scroll-outside": !this.scrollInside,
             }, "data-action": "modalBackground", "data-modal": this.modalid, onClick: () => {

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

@@ -8,7 +8,7 @@ const ZGhostLoading = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return h(Host, { key: '06569bdb14202a00a873fc4d8336448b20115378' });
+        return h(Host, { key: '92040be77ff2741acd6f13352ff13c550524c78b' });
     }
 };
 ZGhostLoading.style = ZGhostLoadingStyle0;

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

@@ -14,7 +14,7 @@ const ZInfoBox = class {
         this.infoBoxClose.emit({ boxid: this.boxid });
     }
     render() {
-        return (h("div", { key: '97f595bcb0456f5a5178d713253f44798e97aa64', id: this.boxid }, h("slot", { key: 'dad87fab0f68993bfd0c255b10d7949e8df64ce4', name: "content" }), this.isclosable && (h("z-icon", { key: '405f33531ac9fb80f1677837c4e873fc609b289f', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+        return (h("div", { key: 'ddfc024530dd4382eb2f01d06e2832b9cfb32a4d', id: this.boxid }, h("slot", { key: 'e8bd8f2beaa72a8b03b20f1788afcd7fc1bd9dc0', name: "content" }), this.isclosable && (h("z-icon", { key: '403b33b87cced253f883b20640616d1b34d91f6b', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
     }
 };
 ZInfoBox.style = ZInfoBoxStyle0;

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

@@ -46,7 +46,7 @@ const ZInfoReveal = class {
         }
     }
     render() {
-        return (h(Host, { key: 'a19485beada104ab116a2eb280d976aa608260aa', open: this.open }, h("button", { key: '504213f62284cc74ed74b651a3a54dcd9715a1f1', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '4fd422856292ae26d66a04188abfb74c5e809141', name: this.icon }), this.label && h("span", { key: '4753636fcf7c98c077a93ac783b22b1057492bb5', class: "z-info-reveal-label" }, this.label)), h("div", { key: 'bdff08efa35c74951b48d909e83d7ccf32079460', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: '441569ddd80537294c1d66a1555423c460f7f8c9' }), h("button", { key: '690e9a97f7e77a6de567030062d159184106b725', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '1e110ca5a85731ec582d4696f72e4b010593d9eb', name: "multiply" })))));
+        return (h(Host, { key: 'b139ec62ca6dd929c5f26621bd2ef1fa64b4a653', open: this.open }, h("button", { key: '1ed8f8db4144375b4f56d95981993affc17639a3', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '166d7bef728bb7bf91ea593bcc9e0b6786f15b41', name: this.icon }), this.label && h("span", { key: '3e5f4b7ca4bedfcd533e2cd4270eda603905f18a', class: "z-info-reveal-label" }, this.label)), h("div", { key: 'bd09825f3606ff127d069d23ec68834985d1373e', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: '85051148d2c53c1ae0592ed158c84362ad006098' }), h("button", { key: '9dc246c07b8ed8022c9e56605e94cb1fe1afc1ec', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '4bbcd8dc12f435dba963ed49f2529db8cbf03339', name: "multiply" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

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

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

@@ -176,7 +176,7 @@ const ZMenuSection = class {
         this.onItemsChange();
     }
     render() {
-        return (h(Host, { key: 'b308fce3890a3094dca7d5de4f5837b47d6f2796', open: this.open }, h("button", { key: 'dd6eaa241e2f26c79b7fa0e6f7e14049c20b3ed6', ref: (el) => (this.label = el), class: "label", "aria-haspopup": `${!!this.hasItems}`, "aria-expanded": `${!!this.open}`, role: "menuitem", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h("slot", { key: '74f5c61fcf32df69b0b5d17ff0f06b5b62f940fa', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '8338d8b57893c110475fe980320310236abb3446', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: '4df11f5eaa5226c24930527caba7f0bfa048946a', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: '8393b22b945ec02e32e78248090505a012529253', name: "section", onSlotchange: this.onItemsChange }))));
+        return (h(Host, { key: '4dce34f277ab3c8c41171a15a02fd174c45742cd', open: this.open }, h("button", { key: 'b6c535e87dbb5af8808d7a19556ad116cbcca72b', ref: (el) => (this.label = el), class: "label", "aria-haspopup": `${!!this.hasItems}`, "aria-expanded": `${!!this.open}`, role: "menuitem", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h("slot", { key: 'fbbba483ca5fe6d45440c01a89f061565ce641aa', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: 'b4c67b7cada94580b4f5853aaa8cbb9818bece74', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: '711c085b5d74affb2c23ebd1acdd774b5903e7e5', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: 'a2fe12f235f6b23a96f2bd3a8a18f3a095fcff2d', name: "section", onSlotchange: this.onItemsChange }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -52,7 +52,7 @@ const ZMyzCardAlert = class {
         }
     }
     render() {
-        return (h("div", { key: 'c872dffaa351a4c1407361e2a5a15f9731b2cc26', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: 'a5e719d5a2ae8f4dc73fc62d71d09194dcdd5e8b', type: this.getAlertType() }, h("div", { key: '24bbe68591d79c6a1a352afa35907ac74c669f16', class: "relative-container" }, h("z-icon", { key: '6fb4cc62fc3f121df1cc54f2d3bdbb8b7f013473', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'ca8890d8af90105d3c72d4dd3910b23fd27aaf9a', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: '13d1663c810b6cf2ac8a7f9ef6e8cbf1cea66b18', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (h("div", { key: '63d701e49601d639a3d6ec3f773addccf5c8d4d3', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: 'dbcc09866b669944137bac22d0b4115bcf55671e', type: this.getAlertType() }, h("div", { key: '79bc1dca9cf1b6b3b818db44d7cd068efdca4a53', class: "relative-container" }, h("z-icon", { key: '8152513be95ed01b8eb429eb14414ceba72b27ad', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: '0b5e824a6a1ce755ace52d54d447d6494704faec', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: '2cb35bb6069ac2c40de97bb250561add1f6ae4b9', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);

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

@@ -23,7 +23,7 @@ const ZMyzCardDictionary = class {
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (h("div", { key: 'c9c9e8b19a2bea3a3a3d3e9068a861082807cca1' }, h("z-myz-card", { key: 'd896b291a04ba600f7b0d5b1e9bbfcef832ba5cd' }, h("z-myz-card-header", { key: 'f11c54362d6576667ae32e65009edd814bb0c1be', titolo: this.name }), h("div", { key: '2f3f3a315179a8c731dff427fdbbd2c24fa0b242', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '4d07a2c08ba1231074a74582895f2bcd07809ed5', class: "front" }, h("z-myz-card-body", { key: '37deb0becefe8daf4b85857160e4cbdd66efb2f0' }, h("z-myz-card-cover", { key: '4f08439081886f3e11c684b9b036cb1cb75f6c14', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '43b0d914a31252f6cdfaedf554754d2d15355945', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: '527ba7fa39fcd696a9dd365c098f9a27b9cafcab', class: "back" }, h("slot", { key: '0e9b3353d957cea825fa60efb975657121e2616f', name: "info" }))), h("slot", { key: '04a8056434f039fc33b43d0b529138e8be00f4dd' }))));
+        return (h("div", { key: '53b7bd363a0bfea6c982214d0c461cd3a82b2896' }, h("z-myz-card", { key: '8bcb24ba4637e6a79df60bbe2bc5ee724c35b0a0' }, h("z-myz-card-header", { key: '0148c0d772bc6a246431d20f0a7d9b8f56c39341', titolo: this.name }), h("div", { key: '60c1c22531d17993a3aee6617db60652bcb80040', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: 'fe6df90f6c445a95e03f69a0c598fcfb3d6f2cef', class: "front" }, h("z-myz-card-body", { key: '9f445be3f416d75869b4f2805dfd315ebe1291c8' }, h("z-myz-card-cover", { key: '5933474297a9eefdbcfe59dae9e5f74c3e542e46', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '38a3970ced4d52c222c684517e1ea14610e2b014', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: '5b297c4591619366ace5f6b92abfacf69a1f867b', class: "back" }, h("slot", { key: '1ea4506369f9dec480891286028b87cddbf2b0ea', name: "info" }))), h("slot", { key: '4a5a21e4b058895801d7f12833aad0734302167b' }))));
     }
 };
 ZMyzCardDictionary.style = ZMyzCardDictionaryStyle0;

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

@@ -8,7 +8,7 @@ const ZMyzCardFooterSections = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '9703ee2fd10280262569972803a7d3415e1822c4' }, h("footer", { key: 'd0fc23f9d726852c97b8ffe3efd9492c8c47b1e2' }, h("div", { key: '1a5489dec0b81ffb6c4b3c525a55032d1f43ca9a', class: "top" }, h("slot", { key: '2a9c1491f63d414f4721056e37e946eed9884f0d', name: "top" })), h("div", { key: '97a7b1fb466a599c5e607d2c289ddc227de2c11f', class: "bottom" }, h("slot", { key: '9fa80a29f730178fdb82e78406998faf59f8417f', name: "bottom" })))));
+        return (h("div", { key: '5144daa5d9e002a0b5a28bddffe2d1e3f73f981e' }, h("footer", { key: 'bb9c0ae02c103cbf43cd0161267333f88bd4901d' }, h("div", { key: 'e666f1688fbfb4ab5830600d95a44bd54f0e614f', class: "top" }, h("slot", { key: '3071ef2a2857071965d0c041e0717e249ce88178', name: "top" })), h("div", { key: '302e464f10c51a0ff52a5c758015f402b67bbc8b', class: "bottom" }, h("slot", { key: '5e0e9470df478296c9b91b402791983576a633af', name: "bottom" })))));
     }
 };
 ZMyzCardFooterSections.style = ZMyzCardFooterSectionsStyle0;

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

@@ -60,7 +60,7 @@ const ZMyzCardFooter = class {
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (h("div", { key: '92e64d095ee33678a13c169a496f83b53357fd27', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '4fef05b184a2130b19b983ec83bda02ed78141eb', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'c7e218520f78e8388677ee77569761fcd29d3ba4', class: "toggle" }, h("slot", { key: '7dc21f890f3e0775e13891c874aa88d8f6cbc245', name: "toggle" })), this.titolo && h("p", { key: 'b1092bfb1839719d658ecda91e24be25b61d31e5', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '6989423d6d73aaef837b133b18385d388e44ec2c', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '28a6040aa290f8c34d6ca7c84fbb52a2d37d5ec9' }, h("p", { key: '0bab0a6a1c52cfc122b43fd0e6145e9f40f74782', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: 'fc3e603d3cabd79805297192eca933da270e3218', title: this.getTitleAuthors() }, h("span", { key: 'd4b61df5fff586933ae946aaf3c806b66a043549', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'ad23d82c2290d0692c7ca735d8f33bd11f07f2f2', class: "year-isbn" }, h("span", { key: '8c7cfe3034b61c8c924ceaccca5b318119b2fa2c', class: "isbn" }, h("span", { key: '4be547d82b9c73b1818a36ffc2fa3a8867589f51' }, h("span", { key: 'a79d29d41f6b8f83a46cad921a8b20deb403c156', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '7ae13fd266b9a57e8112520c08e4887bd7396ab0', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '2a8aeb5da244d3fd2f594afd297f09e5e853ba58', name: "list" })))), this.customContent && h("slot", { key: '93b766f5a81d17e46cb4d945ad9bf45dbc3fc110', name: "content" })));
+        return (h("div", { key: 'c4768ef4a723411c9904a6524ec9fdf765869f1f', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: 'db741ce1f1db75f70949753be3d43eb298087d6b', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '62b0b2b8c762d5270e453d9510c205234079ae85', class: "toggle" }, h("slot", { key: '76b7a3bc97b370903a3914b10c82e3fa70ba8e3f', name: "toggle" })), this.titolo && h("p", { key: '90d60dccb67602360fe057f1d63607de3a5cfe86', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'abda4a5e96f10999c16c12e939a8919f1ce55e2e', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '054e7feeb6a26eeb0dce34cde27d10ceb4497464' }, h("p", { key: '300ca841dd5fd30263f5b9dae20cfe9603569a71', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '36fe6e72626811bd2afd043f6017e67da04c6da7', title: this.getTitleAuthors() }, h("span", { key: '7813537e2a302cf69e6040e84e715fb807f45199', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'be1018b2bdff8dcfd2b55609a1803501385c4f67', class: "year-isbn" }, h("span", { key: '87349d43c3c8c4c1793b9ce676656202d411980a', class: "isbn" }, h("span", { key: '2eb704f82d1494dd0acf48f24fcd6b2dca1ae2bf' }, h("span", { key: '519d3f408892c0809f9de05db0d2d84cd7ad8a7c', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'b5ac3cc177fe509bf142d3230627a827becc5af1', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: 'f8a2b434abfb242bee1f830a00345763a7503358', name: "list" })))), this.customContent && h("slot", { key: '831924dba2c695a125ed7d7cd61c9bd39ae05269', name: "content" })));
     }
     get host() { return getElement(this); }
 };

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

@@ -11,7 +11,7 @@ const ZMyzCardIcon = class {
         this.ariaLabel = "";
     }
     render() {
-        return (h("button", { key: '00aaa8cb869a6990df315779fcc2e07e01c35ae6', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: 'f30600812fefb0918c42879d98dd1c14a32b22f0' }, h("z-icon", { key: 'b7cfecc30647dfe11a55deea66b9a9da4780b463', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: 'f55508220a6e8890568fcb51e53028a815cf9d6c', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '35b9a8fe1dceead8ca5e8074171f3a589abe50c9' }, h("z-icon", { key: 'b8ba6455b6966949359abd52da1b092b515b1f7b', name: this.icon, width: 16, height: 16 }))));
     }
 };
 ZMyzCardIcon.style = ZMyzCardIconStyle0;

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

@@ -118,7 +118,7 @@ const ZMyzCardInfo = class {
         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: '2432bdbcbfdac05acee5c02ef4ed71aee899b137' }, this.renderCloseIcon(), h("div", { key: 'be66005920c03f58f0548539565d4f034f1af320', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '5dfa3d32d43ba9abf6d50e5fc3ecca9ebd6bc39f', class: "cta-wrapper" }, h("slot", { key: '2a2bbc9dc494253032a01b91247d2d706f38c76a' }))));
+        return (h("div", { key: '2da5c29057a85f238e99b34bf5afe2d3fced734f' }, this.renderCloseIcon(), h("div", { key: '7a1a52d3dd21f2a73d6af292705162dc3bb7a977', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '3df54c0ab2569fa911b5ddddf38b59672fa02867', class: "cta-wrapper" }, h("slot", { key: '83e473746c24c97cb9910f25e8f25f3ea7d41cc2' }))));
     }
 };
 ZMyzCardInfo.style = ZMyzCardInfoStyle0;

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

@@ -28,7 +28,7 @@ const ZMyzCardList = class {
         });
     }
     render() {
-        return h("ul", { key: 'e481025e302899de17b37f8756708448811f4545' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: '79d7e2eeb6daf06409e4c39a0ea454f37083ae99' }, this.renderList(JSON.parse(this.listdata)));
     }
 };
 ZMyzCardList.style = ZMyzCardListStyle0;

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

@@ -35,7 +35,7 @@ const ZMyzCardComponent = class {
         return elemClasses;
     }
     render() {
-        return (h("div", { key: '47ddda75ff04b30bb006b77d93ba87541e9a9725', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: 'e78f83092e8973e0868c2bd291368cb7494e7814' })));
+        return (h("div", { key: 'eb55fd3931b353c8fbf3aaf4e5111398d8f62600', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '6fdaa5975e859e717095b3015c4ca29915ad9ea2' })));
     }
 };
 ZMyzCardComponent.style = ZMyzCardStyle0;
@@ -48,7 +48,7 @@ const ZMyzCardBody = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '3376767d1d3e7b14a97da200ad70bfcbdbe61c0e' }, h("slot", { key: '6eaf3804d28f171523225db76157a73462e31b62', name: "alert" }), h("slot", { key: '153fc8ee45e0552ab601449144421081ce569bef', name: "cover" })));
+        return (h("div", { key: '370498e01c27de7708bc2caac64a0e7ca98acbcc' }, h("slot", { key: '269b058ebf5e47903c0da3d23615061d3623f0bb', name: "alert" }), h("slot", { key: '86eb8e32468fc1830c8cf8fe70051bfda7e9296b', name: "cover" })));
     }
 };
 ZMyzCardBody.style = ZMyzCardBodyStyle0;
@@ -68,7 +68,7 @@ const ZMyzCardCover = class {
         this.img = this.defaultimg;
     }
     render() {
-        return (h("img", { key: '3af2ccc2a6e7d9fbb009363726cc456a28b8a347', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (h("img", { key: '63e22b0eb4182c565007555be4c498c106183ec1', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
     }
 };
 ZMyzCardCover.style = ZMyzCardCoverStyle0;
@@ -104,7 +104,7 @@ const ZMyzCardHeader = class {
         };
     }
     render() {
-        return (h("header", { key: '0edf2d40476d81e6815f1f081686f214c5993da8', class: this.retrieveClass() }, h("slot", { key: 'be1f22b64c16a7bfc8a3323f87c066e3fa23e9a2', name: "aria-heading" }), h("span", { key: 'c131c92971fcf0614fa4c047be7ff9ef8c88d9a6', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '929d63b9a11ec23d74bb45b1245e1ba937b5e3ee', name: "icon" })));
+        return (h("header", { key: 'b016e6fbe1262aed7919d3eb6f18ca8dbb70f45f', class: this.retrieveClass() }, h("slot", { key: 'a7c67967be1f4530aad773d92a2d4e880c79d572', name: "aria-heading" }), h("span", { key: 'bf04e34db6fc68a690ac8b61114b7b1c49d6c98d', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: 'fbfe5f15b8064f426ae70013d7a4d9b819997a9b', name: "icon" })));
     }
 };
 ZMyzCardHeader.style = ZMyzCardHeaderStyle0;

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

@@ -29,7 +29,7 @@ const ZMyzListItem = class {
     }
     render() {
         const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-        return (h("li", { key: '5ee57123059bf6e319ad93624c91bd8830b4af13', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: '06929f92ad299cefc2267071ee700da0dfce8eb3', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '329c6af79758b78933046f09980676435cb41fe6', name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: '2a522809bfe3a779a890a2393e3d3fa9a00a354e' }))));
+        return (h("li", { key: 'e3057de0269559d1b3a767c2c5f93e61156374f7', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: '725e136f9f68bc79ca54146d84dd55b42b52e58e', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '056304bf8118186435b8a45076c107e1238293e2', name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: 'd8c48713670c5cf62fb51f8e6f7c7c0b8a49dbe2' }))));
     }
 };
 ZMyzListItem.style = ZMyzListItemStyle0;

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

@@ -22,7 +22,7 @@ const ZMyzList = class {
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: 'd0bf83fc8c6917abb5112be4d8efcf75e085e322' }, this.list &&
+        return (h("ul", { key: '6c533b3d206e3c6349647afd560ee0e71979b951' }, 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/esm/z-navigation-tabs.entry.js

@@ -220,10 +220,10 @@ const ZNavigationTabs = class {
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: 'b7bdbf2b202dead64ed98f5865e9d46e71898bf9', class: {
+        return (h(Host, { key: '5216c71c53d3263870b4d64749554c36dadfdb8c', 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: 'b59fcef70ff51453d679678caabae7f69a3a91d9', 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: '2f2a9f0630c6f7c340132bfde3c90c2392ea3f07', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: 'f8e06aaadd56dfd9e1ab068a4a0d5633083b2ca9', 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: '8f1062acbb5616c395cac371d8737660f69c5326' })), h("button", { key: '28342d0ad1c43119862b148b550c57c352d6a07c', 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: 'e975d966cdc0f0f52345bca3cb842cd0672783b8', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -27,7 +27,7 @@ const ZNotification = class {
     }
     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: '1476969ad9cd71af738c1032fa1b426a31faef9f' }, this.contenticonname && (h("z-icon", { key: '449b25859ae4f501b42d4c4cd0c26cd9dcb1935e', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '5b8feced4f05c6e14e6ac7e9a06096db6fd93997', class: "content-container" }, h("div", { key: 'ec6a27aebcc0d60efdb5fd3cb29cc7fddc441331', class: "content-text" }, h("slot", { key: 'd66a3fbf761e5460f0d52c5111b07166c59fa7f4' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: '73f5c71a14294c230342ef7382f9ae3fa2b330ce', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: 'a0be489166ad16faa182adac379ce08ca06317ed', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: '254d0f36a6ee1a356506db703658053959020070', name: "multiply-circle", width: 16, height: 16 })))));
     }
 };
 ZNotification.style = ZNotificationStyle0;

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

@@ -20,7 +20,7 @@ const ZOtp = class {
         this.otpRef = [...Array(this.inputNum)];
     }
     render() {
-        return (h("div", { key: 'b40a4c7095f23a0c7cbafc924172ab1a3b304854', class: "otp-container" }, h("div", { key: '85107cd10596d048e34e84caa472fa8ceb7d0994', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: 'fbc28e800a7fb7fe81b836869f44d24797c09922', class: "otp-container" }, h("div", { key: '547c8f308045f1f4d5a463404f2ec494ef67421b', 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 = "";
                 }
@@ -31,7 +31,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) })))), h("z-input-message", { key: '0c47a139f060381bca154d5b232a84c597da4da6', 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: '51eacbd4b0a7ec9e1ac0fa55a132cd43aa6b7ecf', message: this.message, status: this.status })));
     }
 };
 ZOtp.style = ZOtpStyle0;

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

@@ -18,12 +18,12 @@ const ZPanelElem = class {
     }
     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: '90afba46bcde1bd3bd27b35c6e5db38ce9071aee', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: 'd9493560e96ad743ae3ee52be6c9205b6014b8da', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: '5bd7c14c0083b9fed6e320a4ef4652018abf2762', src: this.imgurl, alt: this.imgalt }))), h("div", { key: '4cbebd354b6b3b56304970aedb0e94e084d49a9f', class: "panel-elem-link" }, h("a", { key: '195ec2e77eac163c65cf746faa114f39618d2abc', 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: 'c11c35e5bff66d382b309fece4bec295abb1a0d4', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: '319374f4955314400344ce558486c6afa36ca4f2', class: "panel-elem-desc" }, h("slot", { key: '7e7dcf38991bc7f67ab164e4bac9d20026fa29d9', name: this.descrSlotName })))));
     }
 };
 ZPanelElem.style = ZPanelElemStyle0;

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

@@ -439,7 +439,7 @@ const ZPopover = class {
         cancelAnimationFrame(this.animationFrameRequestId);
     }
     render() {
-        return (h(Host, { key: '38c84d7959587dfef4ef66a4b76be519fe1e0f82', "current-position": this.currentPosition }, h("slot", { key: 'ccd1f8a455c7755e38b5aac231adcb9efeebee17' })));
+        return (h(Host, { key: '8628b0f299deb808e4c554047c76b82f392782c9', "current-position": this.currentPosition }, h("slot", { key: '144294e8216d7ad673e4ee3a96651c053703d135' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

@@ -479,7 +479,7 @@ const ZSelect = class {
         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: '54550dd2e992dc1327d6cf45236176191cca37ea', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
+        return (h("div", { key: '175046b438342ee0b6bae38a35a0c70f47cdc0f8', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

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

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

@@ -20,7 +20,7 @@ const ZStepperItem = class {
         return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
     }
     render() {
-        return (h(Host, { key: '7701faad44cc3ab29431dac179dcec2c9cd7d8b2', role: "listitem" }, h("button", Object.assign({ key: '5e4538aedd4c131bfe41df55180eda6b9ab6be8b', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '1bb076c1f81ad02ba616eb2351263a2997799dc1', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: '9cd5d8e91632102ff44da1339ff85b0aba2a3356' }, h("slot", { key: 'a72ee20a29be4f2c53b09d12dd82bbfe13bf81bc' })))));
+        return (h(Host, { key: '916903deb19e21efcbf41a7b6abdc67fd9d77e24', role: "listitem" }, h("button", Object.assign({ key: '8b1f517486bc8f20a068005097e4c05de79f03a3', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '9ee7e36ec5bea649c0bcbffcfc01c60e7f20015a', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: 'd9a2fcfb5af81003984c2c826a585ff67f956d31' }, h("slot", { key: '7fbbe5e023e32231a7efae862fea122d0455d20f' })))));
     }
 };
 ZStepperItem.style = ZStepperItemStyle0;

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

@@ -8,7 +8,7 @@ const ZStepper = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'e061b74c2336b281488848b87f6a4f7897777f8d', role: "list" }, h("slot", { key: 'f381debb6adab9931047c6cdd26c58ec78f7a1c1' })));
+        return (h(Host, { key: 'd0ee7919dcc30630687f4ad0e09365be7005fdcf', role: "list" }, h("slot", { key: '7ee595454d4fe021ab10cab8114f65dce9d3e428' })));
     }
 };
 ZStepper.style = ZStepperStyle0;

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, h, a as Host, g as getElement } from './index-c8ceadeb.js';
 import './index-0ea3c7c8.js';
-import './index-571f913c.js';
-import './index-eb53c87f.js';
-import './index-3e140e28.js';
+import './index-36122d8f.js';
+import './index-0bcacbd3.js';
+import './index-628f296f.js';
 import './utils-c8abef2f.js';
 import './index-2a6324f8.js';
 import './breakpoints-d148bfde.js';
-import './index-eb99d165.js';
-import './index-5e18fc4b.js';
+import './index-f20179ad.js';
+import './index-b64ced16.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)}";
+const stylesCss = ":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;min-width:max-content;max-width:100%;box-sizing:border-box;padding:var(--space-unit);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 {
@@ -41,7 +41,7 @@ const ZTable = class {
         (_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: '6749b44ab2c28b92e6b282487bf9f23c40cead58', expandable: this.expandable }, h("div", { key: '633237695b09182263ac74b5118d533a8cae33b8', class: "table", role: "table" }, h("slot", { key: 'f46d287050238e137ababadae8b8eb1ffdb96c7b' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1 +1 @@
-{"file":"z-table.entry.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,QACE,EAAC,IAAI,qDAAC,UAAU,EAAE,IAAI,CAAC,UAAU,IAC/B,4DACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,IAEZ,8DAAa,CACT,CACD,EACP;KACH;;;;;;;","names":[],"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}
+{"file":"z-table.entry.js","mappings":";;;;;;;;;;;AAAA,MAAM,SAAS,GAAG,8WAA8W,CAAC;AACjY,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,QACE,EAAC,IAAI,qDAAC,UAAU,EAAE,IAAI,CAAC,UAAU,IAC/B,4DACE,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,IAEZ,8DAAa,CACT,CACD,EACP;KACH;;;;;;;","names":[],"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  min-width: max-content;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: var(--space-unit);\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}