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

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: 'f8e27d50c34dc2ddc94891b8e43dff0825e30712', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '0e5f0760ce5bef884ea807b7bf8ad2ee5621cbf4', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
                 semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,
                 underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,
-            } }, h("ol", { key: 'c232f64c88e3bff47af1250385589ecda393b4f3' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
+            } }, h("ol", { key: '9f701d58a1ddb317ae6cb0059204aa6df381933a' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
     }
     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: 'ceb3d89bd06803a9593bb55e63faee0faa43c68a', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: 'c5d42227a391a01bbef95847b576cd1a47c93562', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: '87f0a069659fd79cd8a37183afbde56571bbbb9b', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: 'd746c035f0b7c1a8d45df76c9f4b88bdc4dd9b3e', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '7a236c5907bb8c04c26400fd546703f7faab8db2', name: "caret-up-down", width: 16, height: 16 })));
     }
 };
 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: '00d991a8277ed969751242c4ff17b7d3c6a96389', class: {
                 "z-chip-container": true,
                 "z-chip-interactive": !!this.interactiveIcon,
                 [this.type]: true,
-            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: 'baa00891b0130541f3a820a08678d2f1eef894b7', name: this.icon }), h("slot", { key: 'd49c8dc5643a7f42f62ab086f9ae97da18aa2561' }), this.interactiveIcon && (h("button", { key: '970f2ccfd3cf3718627e8aec7bfe06d957694030', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '68c899a4e14a204eaac9fc7d2be37dfd5af1b087', class: "interactive-icon", name: this.interactiveIcon })))));
+            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: '67b105dbab62237e7e06d6b619b72812ce66f726', name: this.icon }), h("slot", { key: '32170e04e6e3cf205ec3ac17b3ad77059dae4925' }), this.interactiveIcon && (h("button", { key: 'd8d3a5663b3074d6438e463c41fdb832afdee9e8', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '928f572b7ffa87880dd6d87a99da54764f5fe85e', class: "interactive-icon", name: this.interactiveIcon })))));
     }
     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: '42b1db0deaca5acfe6191edfd48c79e1bbdf62ee', "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));
     }
     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: 'f58bfedc7e934a10f87927ab45fe4d98ffd46b7f' }, this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.TOP &&
-            this.renderContent(), h("div", { key: 'c700a2f18c53e2ee3f0893bb5e06c591847cbf3d', class: "main-container" }, h("div", { key: '32d74cad8e5c8ca8e6bf14a98dda4f490eca8983', class: "cover-container" }, h("slot", { key: '3b54102807692fa0bd3c13ec02ca577dd817f12c', name: "cover" })), h("slot", { key: '330c4c5cb791cb34d6ae5c797f5af17b55e6173b', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
+            this.renderContent(), h("div", { key: '3a823038df5a8424770caa53df1e4664ae7d6642', class: "main-container" }, h("div", { key: '4aab9a1af68addb46ee7a42ceed78d880b451542', class: "cover-container" }, h("slot", { key: '314ba21407204145dc5e29badb337e6302e5f3cb', name: "cover" })), h("slot", { key: '1f22c692f6227b0d48452e58511ed204a8160a3e', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.BOTTOM &&
             this.renderContent()));
     }

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

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: 'f6cfbca3d9a44d79a731119a63ac3ddd1169b729' });
     }
 };
 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: '3a9ccaf890667bfb48ca54ff9966006d64763ee4', id: this.boxid }, h("slot", { key: '4ac00b2d444e156bd15357746a9b84d1cda6c835', name: "content" }), this.isclosable && (h("z-icon", { key: '8570ef51a28267770d8f3f14e6686219b55bf065', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
     }
 };
 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: '426744a21b8d779770ce57bf831b5aac30467f9b', open: this.open }, h("button", { key: '25935609f410b4605702a1762993d3fd4fc64dc3', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: 'd27424fb4b2bcc7f8915cfe1565267f1cfe6452d', name: this.icon }), this.label && h("span", { key: '18da54541cabb65a1b19d3723e69f1c1b6f62404', class: "z-info-reveal-label" }, this.label)), h("div", { key: '23ed4715a97cd2a40a432374c2eecd5c5549e489', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'f7284e91a5f3ea511e7b9154cc8c533ddb39257b' }), h("button", { key: '68ecbe810b59df4085b6cfa8e2b915925f3d17a0', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: 'f7c0eba6068d6b5f26c8cd13b7fea9f02353b658', name: "multiply" })))));
     }
     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: 'b659ebee364ce5146de3ac66ddd9daee88c7fdaa', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt }))) : (h("img", { alt: this.imageAlt }))));
     }
 };
 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: 'c9eb88359ff5bfedac35c2846a7c12dd8d9b9cd9', open: this.open }, h("button", { key: 'c2488ccb4655e36aaf62eb1f1661095ee73d191f', ref: (el) => (this.label = el), class: "label", "aria-haspopup": `${!!this.hasItems}`, "aria-expanded": `${!!this.open}`, role: "menuitem", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h("slot", { key: '3bed1a8fc27de0284b1a6cb90e47cf548777ece5', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '7629bef016721afe95ff9c54a3e45c5d1040dfea', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: 'c1f16d2800cc2230e5d90c839d8100a0cf125f62', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: '622adb15c31822e51766f8ed803fc0c6bf184252', name: "section", onSlotchange: this.onItemsChange }))));
     }
     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: '0a19998aa8afdf605445ca6fff06226dda90bebd', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '580f27b42700aaaab04425d3c8bc60e3ecbdbc8e', type: this.getAlertType() }, h("div", { key: '6e8c1366ddd95e0a3ffd3048bf5915d1ca5991c8', class: "relative-container" }, h("z-icon", { key: 'e50f2727f14417662f9296dc52b69ab3bb7abefc', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: '4973c8f1184ff49f1c6267e7fff3d97aec1d871f', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: '758357b1a5f29db6fe2c20216059ef3f086f4f15', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (h("div", { key: '4273a23e0b44925fc76e06b6a058baaeb5e2ce9b', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: 'b8734885ea9e493adef84be20015fe8d32a89310', type: this.getAlertType() }, h("div", { key: '7c2e01038befe37964ecfdc1697f5d60f46fdf21', class: "relative-container" }, h("z-icon", { key: '1e7fc5eae0302e0e22efb5d8d3ce2143c499d03e', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'ba62fd24693b695baa18fe4dea82ed36fb55ce68', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: '30d185990d80af3a79f42be07d9260c9c2454819', 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: 'ad61aba485ff07b6887c21e377d6290db3aef346' }, h("z-myz-card", { key: '2e56928077dd16aab521328b3e97e1ec43ef790e' }, h("z-myz-card-header", { key: '51a8db93d985cd985ddf474b77bfa6a808e7b234', titolo: this.name }), h("div", { key: 'c7d27041211bdbe02ff47cc0b2ae044a60cf7b25', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '574d6a0c6e682a588ec6d008a4b5d8fa68d145c8', class: "front" }, h("z-myz-card-body", { key: '5bbcf71f86ce10d1fee29f73a4468bccfd6f1f71' }, h("z-myz-card-cover", { key: '3f2de502f052593fc9ab2914c23ab33ff34c9f57', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '7e34990fb7d304761e160e8536c141851d0db661', 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: '50707395dd1da4630b039d855199269038e26b80', class: "back" }, h("slot", { key: '706088d854a9bb10a8f8a3fb9ef5852e869dd51a', name: "info" }))), h("slot", { key: '3917bc8881f8b0d2c038fb5c61107c2ca7fd27c3' }))));
+        return (h("div", { key: '2cbcf324dda10f8ef23ec423ee947418031e7748' }, h("z-myz-card", { key: 'ee4a08370b406c84de9e275d281a9351ec2859ed' }, h("z-myz-card-header", { key: '94d1cc596f432a605573ae841508cb217eac8c0f', titolo: this.name }), h("div", { key: 'bfaebde989a6b0c682ce2a33d05802d7cfda75b4', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '8653e77291da8ac43f81ff67be161289d3a85bfd', class: "front" }, h("z-myz-card-body", { key: 'aa9e9464a6eec842a2be5e9c74ced5cf3b860a49' }, h("z-myz-card-cover", { key: '1c78b64d946f8a82640412a773d49a0f8112ab38', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '35f54006545a2f40270466bc9f975e9159ef034c', 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: 'cad95a0e33e84fe3c0d1076a02502fe5da36ddcd', class: "back" }, h("slot", { key: '6e72ed2e72bd21db8d96a3558b5e871b67d5ba65', name: "info" }))), h("slot", { key: 'ce2ad5f24ef6ec2efca4f9411b004e44b3c64c90' }))));
     }
 };
 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: '977619373d9694e7037d8c0157fe9475c29d9f83' }, h("footer", { key: '396a01d3f93460abb58bd46fff58388ffc462eaa' }, h("div", { key: '214466f77fe8ba02eca99804f61255ebe9294bf1', class: "top" }, h("slot", { key: '55fa07300973f0545328aca44794bb3b191daf75', name: "top" })), h("div", { key: '31a0de5f66972dd86b335dbfa626a07e31e7d9bf', class: "bottom" }, h("slot", { key: 'd527fab1142fd8b95a926bff6a77d40b3e128374', name: "bottom" })))));
+        return (h("div", { key: '055326ec59d405bf12f1729e4daa67cad2aa6c3c' }, h("footer", { key: 'dc309913a328b9f0c3e3bfa31693dda0bd6009b6' }, h("div", { key: 'e30fec7afc8eec2db11f06c1b724599d51629a5c', class: "top" }, h("slot", { key: '48236d86c3354daeef64a8c0ae3efc839a1a31e4', name: "top" })), h("div", { key: '49da571eaf2a437f02589124a479607864184537', class: "bottom" }, h("slot", { key: 'fe171d7fdabc6e59a060311e7f01f888daa3da30', name: "bottom" })))));
     }
 };
 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: '58fabd595ae35d893caecf2b2a837b2f8fe8cb66', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '01cbdda1b4df55c36d82ce7beb65ed51aafa8332', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'e9d6792d6d334829b4b56dc76009053fb22cece9', class: "toggle" }, h("slot", { key: '14b97a21c07c601dc5c615a0f1a787cd7415ce90', name: "toggle" })), this.titolo && h("p", { key: 'f3bb1bd7f70f2c617770f06bbda3def23a03d250', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '87cbe48593f61d5b558363d5d9f3f21f1f073bb9', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '989eff96cb42b74dc643dfdc4990eaaf651010b9' }, h("p", { key: '55ac0fc8cbafb967818b3f49260f487af26760ba', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '3b82124a5c190c4cf8946af92ac0b9dd3c32e09a', title: this.getTitleAuthors() }, h("span", { key: '6f8745b25048b2767e8cddfe92b52976e57af94b', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'e02258f1ec6ea014fa30f492d4b4d169c172a9fd', class: "year-isbn" }, h("span", { key: '987fb1871704ff9fc9531e763d4186f723fc4bd1', class: "isbn" }, h("span", { key: 'd73efc4f8aa67a1181b406207dc58d3315ed7fbc' }, h("span", { key: '25b5994255092fe987956183715525464509a52a', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'c5c348f2c850e6021eef03adefa7c69d76dd300e', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '026cbeab2649c2f8657d0d0e602bb52da05084d2', name: "list" })))), this.customContent && h("slot", { key: 'f436487035647e79473b4df81239c67542960586', name: "content" })));
+        return (h("div", { key: '9abe0af163f9a2f5ae1477f56ed4fef943bd681a', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: 'b94b061e0f5840931b932e3c9c2776611734b2ce', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '0edd529c702090b5226be4ef8c100846f7ddc7c4', class: "toggle" }, h("slot", { key: 'df4a2fa9b9a0a0e81839fe3fd76cc6fcf218b97b', name: "toggle" })), this.titolo && h("p", { key: '24ad554b17395e1a4b65d37ff77bcae3fa8b22ac', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'da6b7cdf576f1f32d60da1b424ccecca0b083f17', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '6649be17c5739bb7085eb75d77f872c333508f24' }, h("p", { key: '867f5c6426ba8fe11240b5091a4e63affa46390b', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '0bcd8e9a4fc905e63779c57b83cffdc03c685c0a', title: this.getTitleAuthors() }, h("span", { key: '68a17fe25d7b46ea98a9e6fadf0d65e708c30159', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '3b5f39732844b9c28aa017b61fdbd1aa93ce0369', class: "year-isbn" }, h("span", { key: '721a3ca979bd57f58e55a66f5d2ebd8a3d0bb0f3', class: "isbn" }, h("span", { key: 'eadb8b53304fb861e7c99e6a4554910a7801148b' }, h("span", { key: 'b83976485c1c43e87345a262166d266cb7e4b3ae', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'f4d853fd807d75929510cca3a7c777a46a4e92ab', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '358333c842ad7f79a683f8d6925b09ae2bd62dae', name: "list" })))), this.customContent && h("slot", { key: 'd2590122ddb1fdc27a907ebeae164fa2a5213c2c', name: "content" })));
     }
     get host() { return 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: '0efbf0213b8e591fecb8a5faaa78ca5a52ebe90a', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: 'a434839ab6a15dece16b4183917d18bc4fa2c928' }, h("z-icon", { key: '7d94c5a200f839b0a1e1f0e9d110c757bd6c9903', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: '9aac8d8f052da8d061ee99132863b80e1359f1e0', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '73893090f2c01adb19f11ee5622237f3b1a9cece' }, h("z-icon", { key: '9352a5feda773efdc6e9a4fe11ff769c417bb1f0', name: this.icon, width: 16, height: 16 }))));
     }
 };
 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: '89638672dffdef5f267c60755e21856a6ef029ae' }, this.renderCloseIcon(), h("div", { key: '71b4b4b5df37b0d6868fd2db22b680ca295ec97e', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '25c47bf4f49051e96dcf192e62670fc758ca4b6d', class: "cta-wrapper" }, h("slot", { key: 'fcd0703d4b9517196e26d46630c10195931c13ae' }))));
+        return (h("div", { key: '3d4116bac1baff44478ca470a7b83f8986126c6b' }, this.renderCloseIcon(), h("div", { key: '93fd7f828c0e0effc4bee26b7df15e9a318ed6d5', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: 'a2deb436976a032f35064a4f5b2720aa4689ef45', class: "cta-wrapper" }, h("slot", { key: 'd363d177e2121573dc2fb98ded22d3e689a96054' }))));
     }
 };
 ZMyzCardInfo.style = ZMyzCardInfoStyle0;

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

@@ -28,7 +28,7 @@ const ZMyzCardList = class {
         });
     }
     render() {
-        return h("ul", { key: '3566e9f9ffc6455e59d82e26d44bb5a2cb396956' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: '8dad9b12b319846abd8d4d6594db6475d8a0e420' }, 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: '7fa05ad00eb7302c724301812810f284b9e74d60', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '5833956ac7c7439cd166001c9545c2cf7631f2be' })));
+        return (h("div", { key: '01311ec1e8b79b28495aa31c21f554ba061425f0', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '042aec747988226abd713d21b99a9f4f8a2b9072' })));
     }
 };
 ZMyzCardComponent.style = ZMyzCardStyle0;
@@ -48,7 +48,7 @@ const ZMyzCardBody = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '72856e9d304244851cea6b90e21dd3d261bd0d76' }, h("slot", { key: '0064834899002115811d8f53cf8144f8ac9c0e08', name: "alert" }), h("slot", { key: '9eac95d82313fed0561b9d715c318de8547ed704', name: "cover" })));
+        return (h("div", { key: '03895b33fe42862c21a01378309844226201e8fa' }, h("slot", { key: '450c60cf797e6a148cc32693c57b2b6fbc3ea7a5', name: "alert" }), h("slot", { key: 'd83ff1f4c0e786a89a7acac215fbd74a94db4992', name: "cover" })));
     }
 };
 ZMyzCardBody.style = ZMyzCardBodyStyle0;
@@ -68,7 +68,7 @@ const ZMyzCardCover = class {
         this.img = this.defaultimg;
     }
     render() {
-        return (h("img", { key: '36e99a04af42af23727a4683842d832986518393', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (h("img", { key: 'b02d180e58bcc62caa144dc5eff6f2c8d31aa4ad', 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: 'c9f6600a2cf1240414d51f5b596996dce9f37280', class: this.retrieveClass() }, h("slot", { key: 'd14702e679aae6c107103e161524fcc5199689de', name: "aria-heading" }), h("span", { key: 'f7d8779e6e39cde037b09779594628054f128826', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '5879bc608ee2a5003058f8615ab965661495b887', name: "icon" })));
+        return (h("header", { key: 'bcef034e5da96b6b0c6f1a009d1f39e594478bf1', class: this.retrieveClass() }, h("slot", { key: 'ebbb4cd4ad68e9f464300316edb4f8865b59124d', name: "aria-heading" }), h("span", { key: '03bd4ad572e9285b009a907819a9ff698f9e72a5', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '02608f82f32d93bafda07be1555cfc8025be07f4', 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: '61b1d8587c4425412ab0889c57c5240ed60d9b28', 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: '6653e6e32ab2c26df2578ce7a1b0597a4dfa254f', class: this.underlined && "border" }, this.icon && h("z-icon", { key: 'ee5a694bfac0d94230f7c48d12417ed3b62cc35b', 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: '858a57f9c493e73f3a93877830defb0e32a86acc' }))));
+        return (h("li", { key: '8e392c8af3d8b2e1e9270c10a1802c26b0feab03', 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: '1b133dd5876088b01fd59e64a81bd237f6bc934a', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '78f5bcd01fdbb00536f904ff82d73e40f2a81b5b', 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: '45a1f14276dfb1e86ec853be3054c5f91d884520' }))));
     }
 };
 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: 'b5e6a660832a1ecb70a654a1019db5c2cc08f485' }, this.list &&
+        return (h("ul", { key: '3c6b90ccea74f4fabcf679745ef2c920fee1d6c2' }, this.list &&
             this.list.map((bean, i) => (h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
     }
     static get watchers() { return {

package/dist/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: 'e312638da80510e322842158392ef026d34f7b17', class: {
                 "interactive-2": this.size === NavigationTabsSize.SMALL,
                 "interactive-1": this.size !== NavigationTabsSize.SMALL,
-            }, scrollable: this.canNavigate }, h("button", { key: 'aa1df34b54cf4b8848aed44cd3927ee17777a34b', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, h("z-icon", { key: '2bad56e221bc2691d8ca6cea0a013c6d92d7f8c1', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '8dd45e59019ac799f1fffdf7245d0c902455c0a6', role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", { key: '3d243470caae97c068a2ae23b05078695c2ae367' })), h("button", { key: '080cf9e973e320a795c95acfb3bd41b4ee9eacd9', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, h("z-icon", { key: '293fc3b81bee46d928c8461be0225be73efcc9bb', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+            }, scrollable: this.canNavigate }, h("button", { key: 'c5a8477337649652d96790011ffc3ba14b213a0d', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, h("z-icon", { key: '03b22861d1168cc6de7ec9972bb2eb059509ce67', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: 'fb74acb7603f8a4d4612e27eeb3cf66d755c1a4d', role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", { key: '94f85fbc23dfadc16ad9b889e18314ae2cc1d960' })), h("button", { key: 'fd0b45edc4880d52b103ae0d16296803a2ed27fb', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, h("z-icon", { key: '4e82a52f90e861ac37fdafcc7fe1753fcaf27298', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
     }
     get host() { return 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: '3c0cd3d37b12edf63e9c44869f77fe3175f0a09b' }, this.contenticonname && (h("z-icon", { key: '8898215d0f14a33b9bd9e8ad1c0fe9ccca2a3139', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '752b1c4d0ea900be26cf4ac830ac7ed836f7d944', class: "content-container" }, h("div", { key: '2b3d0c54ce4ee2181d178841758719b9951897fb', class: "content-text" }, h("slot", { key: '66c71cd9eac6cae6581810a0e19f01bd51c717f7' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: '394c79c184a5d2ef6ac987d9389b65b5c84386b8', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: '37689dd187ba259467ad06622a344a42a9eaf9e0', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: 'a6b7d1179ee78fcf66d43038f717f3e55271070c', name: "multiply-circle", width: 16, height: 16 })))));
     }
 };
 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: '7cdafff5e25f865f60e24c543f6bb6a1f7cf99d1', class: "otp-container" }, h("div", { key: '5240bc35e4831a02c716d061ba17d40da8d4fa38', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: 'd920c31d4658a65ccbf91d019f86b9453b17d2c0', class: "otp-container" }, h("div", { key: '74a80a151bffca04514ce89b1f71151bc1a70995', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
                 if (e.keyCode > 47) {
                     this.otpRef[i].value = "";
                 }
@@ -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: '5f1a3db554221dd987e9550502af92d0bafdb7ff', message: this.message, status: this.status })));
+            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: '42136b7bc7e47238aad573f9ba13cab368fc9c1b', message: this.message, status: this.status })));
     }
 };
 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: '76954e9baa26fcf44b6640acf19fa552e85b67f5', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: '3ae2b40c42821dd16616b66c21907b5c863277f1', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: 'c353626d573e24a2a9aced38d9efba8f96f0fa85', src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'b8b9fa9cd7810184a0349de65b8695d7cb137a3b', class: "panel-elem-link" }, h("a", { key: '20fb720b88961514fd7e4b290f08da4528d44cc1', class: {
                 "z-link": true,
                 "z-link-disabled": this.isdisabled,
                 "z-link-icon": true,
                 "z-link-blue": true,
-            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: '143e204c1d1bd20178a46a9d77110b9219464c99', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: '9215d44929526bc6e9b8034debbec3f23b00d5ef', class: "panel-elem-desc" }, h("slot", { key: '036bc705038c03e6c021807f5d2217208ec46c9c', name: this.descrSlotName })))));
+            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: 'e4d30b1e21a60fec58ce7f1c8ed8fa55b62ba014', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: '2951bb64c34aa7de782fe590a0f5db0d2b819b14', class: "panel-elem-desc" }, h("slot", { key: 'ad005c08d9b6c3181b36f0238677766f3ff30d73', name: this.descrSlotName })))));
     }
 };
 ZPanelElem.style = ZPanelElemStyle0;

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

@@ -300,7 +300,7 @@ const ZPopover = class {
         this.onOpen();
     }
     render() {
-        return h("slot", { key: 'f7f6f81dc2698b5d560503a984dcd47e377de0bc' });
+        return h("slot", { key: 'cf604a6080d559637819ec4141ee82803e230dd6' });
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/z-result-card.entry.js

@@ -0,0 +1,30 @@
+import { r as registerInstance, h, a as Host, g as getElement } from './index-c8ceadeb.js';
+
+const stylesCss$1 = ":host{display:flex;width:100%;min-width:0;max-width:500px;height:175px;border:2px solid var(--color-surface02);border-radius:var(--border-size-large);font-family:var(--font-family-sans)}.info-container{display:flex;min-width:0;flex-direction:column;padding:var(--space-unit)}.author-label{overflow:hidden;color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);text-overflow:ellipsis;white-space:nowrap}.opera-title{display:-webkit-box;overflow:hidden;min-width:0;max-width:100%;margin-top:var(--space-unit);margin-bottom:4px;-webkit-box-orient:vertical;font-size:var(--font-size-3);font-weight:var(--font-bd);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis}.tags-container{display:flex;margin-top:var(--space-unit);gap:var(--space-unit)}.volumes-label{display:flex;height:auto;flex-direction:column;margin-top:auto}@media (max-width: var(--breakpoint-sm)){.opera-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}";
+const ZResultCardStyle0 = stylesCss$1;
+
+const stylesCss = ".z-cover-container{position:relative;display:flex;width:115px;height:175px;align-items:center;padding:var(--space-unit)}.z-cover-stack{position:relative;width:100%;height:100%}.z-cover-shadow,.z-cover-img{width:115px;min-width:115px;max-width:115px;height:160px;min-height:160px;max-height:160px}.z-cover-container.has-multiple .z-cover-shadow,.z-cover-container.has-multiple .z-cover-img{width:95px;min-width:95px;max-width:95px;height:140px;min-height:140px;max-height:140px}.z-cover-shadow{position:absolute;z-index:1;background:#e0e0e0;border-radius:var(--border-size-large);box-shadow:0 2px 8px rgb(0 0 0 / 10%)}.z-shadow-1{z-index:1;top:var(--space-unit);right:var(--space-unit);border:1px solid var(--gray200)}.z-shadow-2{z-index:0;top:calc(var(--space-unit) * 2);right:calc(var(--space-unit) * 2);border:1px solid var(--gray200)}.z-cover-img{position:absolute;z-index:2;top:0;right:0;border-radius:6px;box-shadow:0 2px 8px rgb(0 0 0 / 12%);object-fit:cover}.z-cover-container.has-multiple .z-cover-img{right:0}";
+const ZResultCardStyle1 = stylesCss;
+
+const ZResultCard = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.author = undefined;
+        this.operaTitle = undefined;
+        this.operaSubtitle = undefined;
+        this.operaTags = undefined;
+        this.volumesLabel = undefined;
+        this.cover = undefined;
+        this.hasMultipleCovers = false;
+        this.isInfoPage = false;
+    }
+    render() {
+        return (h(Host, { key: 'cefd6fafc8252fe9466d4249a53484e4496fe71c' }, h("div", { key: '6fea1ba19fc67cca828d9c6deb3c2e48542289aa', class: `z-cover-container ${this.hasMultipleCovers ? "has-multiple" : ""}` }, h("div", { key: '262720f94efa1caa4bd717bc0fbb95da2160e8ef', class: "z-cover-stack" }, this.hasMultipleCovers && (h("div", { key: '737453fc97779b85cdf5bbb33ac79e4c863ca57e' }, h("div", { key: '5060b407e47c055d692a2d01cd931cea10863104', class: "z-cover-shadow z-shadow-2" }), h("div", { key: '9e09b32d0492d44f6c9c3485960bb47dcea5eaab', class: "z-cover-shadow z-shadow-1" }))), h("img", { key: '6e19f9b46705f65b41bbed85233fe0668d6b0852', src: this.cover, alt: "Book Cover", class: "z-cover-img" }))), h("div", { key: '899025761397d5827a358069e08c1462ab32f010', class: "info-container" }, h("div", { key: '52e4c5af5bd5e51b3db0f6caa4571b92138ff8e4', class: "author-label" }, this.author), h("div", { key: 'd192d977146ae8f7c166d4acdcfeae2904e5c0f0', class: "opera-title" }, this.operaTitle), h("div", { key: 'c3720eca864689fd9cf12cca42cf7acc85045dfa', class: "opera-subtitle" }, this.operaSubtitle), h("div", { key: '2996f165cdde8d04b381a1bd094761e40ce76da7', class: "tags-container" }, h("slot", { key: 'd501db9a9d2d08c5dd42bb0404fc17e79a756498', name: "tags" })), h("span", { key: '92c40372919ce95a30cd28ce3650153376937c40', class: "volumes-label" }, this.volumesLabel))));
+    }
+    get hostElement() { return getElement(this); }
+};
+ZResultCard.style = ZResultCardStyle0 + ZResultCardStyle1;
+
+export { ZResultCard as z_result_card };
+
+//# sourceMappingURL=z-result-card.entry.js.map

package/dist/esm/z-result-card.entry.js.map

@@ -0,0 +1 @@
+{"file":"z-result-card.entry.js","mappings":";;AAAA,MAAMA,WAAS,GAAG,09BAA09B,CAAC;AAC7+B,0BAAeA,WAAS;;ACDxB,MAAM,SAAS,GAAG,4/BAA4/B,CAAC;AAC/gC,0BAAe,SAAS;;MCMX,WAAW;;;;;;;;;iCA+CF,KAAK;0BAOZ,KAAK;;IAElB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,qBAAqB,IAAI,CAAC,iBAAiB,GAAG,cAAc,GAAG,EAAE,EAAE,IAC7E,4DAAK,KAAK,EAAC,eAAe,IACvB,IAAI,CAAC,iBAAiB,KACrB,8DACE,4DAAK,KAAK,EAAC,2BAA2B,GAAO,EAC7C,4DAAK,KAAK,EAAC,2BAA2B,GAAO,CACzC,CACP,EACD,4DACE,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,GAAG,EAAC,YAAY,EAChB,KAAK,EAAC,aAAa,GACnB,CACE,CACF,EACN,4DAAK,KAAK,EAAC,gBAAgB,IACzB,4DAAK,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,MAAM,CAAO,EAC7C,4DAAK,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,UAAU,CAAO,EAChD,4DAAK,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,aAAa,CAAO,EACtD,4DAAK,KAAK,EAAC,gBAAgB,IACzB,6DAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,EACN,6DAAM,KAAK,EAAC,eAAe,IAAE,IAAI,CAAC,YAAY,CAAQ,CAClD,CACD,EACP;KACH;;;;;;;","names":["stylesCss"],"sources":["src/components/result-card/z-result-card/styles.css?tag=z-result-card&encapsulation=shadow","src/components/css-components/z-cover/styles.css?tag=z-result-card&encapsulation=shadow","src/components/result-card/z-result-card/index.tsx"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n  min-width: 0;\n  max-width: 500px;\n  height: 175px;\n  border: 2px solid var(--color-surface02);\n  border-radius: var(--border-size-large);\n  font-family: var(--font-family-sans);\n}\n\n.info-container {\n  display: flex;\n  min-width: 0;\n  flex-direction: column;\n  padding: var(--space-unit);\n}\n\n.author-label {\n  overflow: hidden;\n  color: var(--color-default-text);\n  font-size: var(--font-size-2);\n  font-weight: var(--font-rg);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.opera-title {\n  display: -webkit-box;\n  overflow: hidden;\n  min-width: 0;\n  max-width: 100%;\n  margin-top: var(--space-unit);\n  margin-bottom: 4px;\n  -webkit-box-orient: vertical;\n  font-size: var(--font-size-3);\n  font-weight: var(--font-bd);\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  text-overflow: ellipsis;\n}\n\n.tags-container {\n  display: flex;\n  margin-top: var(--space-unit);\n  gap: var(--space-unit);\n}\n\n.volumes-label {\n  display: flex;\n  height: auto;\n  flex-direction: column;\n  margin-top: auto;\n}\n\n@media (max-width: var(--breakpoint-sm)) {\n  .opera-title {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n",".z-cover-container {\n  position: relative;\n  display: flex;\n  width: 115px;\n  height: 175px;\n  align-items: center;\n  padding: var(--space-unit);\n}\n\n.z-cover-stack {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n\n/* Base sizes for single cover */\n.z-cover-shadow,\n.z-cover-img {\n  width: 115px;\n  min-width: 115px;\n  max-width: 115px;\n  height: 160px;\n  min-height: 160px;\n  max-height: 160px;\n}\n\n/* Scaled sizes for multiple covers */\n.z-cover-container.has-multiple .z-cover-shadow,\n.z-cover-container.has-multiple .z-cover-img {\n  width: 95px;\n  min-width: 95px;\n  max-width: 95px;\n  height: 140px;\n  min-height: 140px;\n  max-height: 140px;\n}\n\n.z-cover-shadow {\n  position: absolute;\n  z-index: 1;\n  background: #e0e0e0;\n  border-radius: var(--border-size-large);\n  box-shadow: 0 2px 8px rgb(0 0 0 / 10%);\n}\n\n.z-shadow-1 {\n  z-index: 1;\n  top: var(--space-unit);\n  right: var(--space-unit);\n  border: 1px solid var(--gray200);\n}\n\n.z-shadow-2 {\n  z-index: 0;\n  top: calc(var(--space-unit) * 2);\n  right: calc(var(--space-unit) * 2);\n  border: 1px solid var(--gray200);\n}\n\n.z-cover-img {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  right: 0;\n  border-radius: 6px;\n  box-shadow: 0 2px 8px rgb(0 0 0 / 12%);\n  object-fit: cover;\n}\n\n.z-cover-container.has-multiple .z-cover-img {\n  right: 0;\n}\n","import {Component, Element, h, Host, Prop} from \"@stencil/core\";\n\n@Component({\n  tag: \"z-result-card\",\n  styleUrls: [\"styles.css\", \"../../css-components/z-cover/styles.css\"],\n  shadow: true,\n})\nexport class ZResultCard {\n  @Element() hostElement: HTMLZResultCardElement;\n\n  /**\n   * The author of the opera.\n   */\n  @Prop()\n  author: string;\n\n  /**\n   * The title of the opera.\n   */\n  @Prop()\n  operaTitle: string;\n\n  /**\n   * The subtitle of the opera.\n   */\n  @Prop()\n  operaSubtitle: string;\n\n  /**\n   * Tags associated with the opera.\n   * This is a string array that can be used to display tags in the component.\n   */\n  @Prop()\n  operaTags: string[];\n\n  /**\n   * The label for the volumes.\n   * This is used to display the number of volumes or a related message.\n   */\n  @Prop()\n  volumesLabel: string;\n\n  /**\n   * The URL of the cover image.\n   * This is used to display the cover image of the opera.\n   */\n  @Prop()\n  cover: string;\n\n  /**\n   * Indicates whether the card has multiple covers.\n   * This is used to apply specific styles when there are multiple covers.\n   */\n  @Prop()\n  hasMultipleCovers = false;\n\n  /**\n   * Indicates whether the card is an info page.\n   * This can be used to apply specific styles or behaviors for info pages.\n   */\n  @Prop()\n  isInfoPage = false;\n\n  render(): HTMLZResultCardElement {\n    return (\n      <Host>\n        <div class={`z-cover-container ${this.hasMultipleCovers ? \"has-multiple\" : \"\"}`}>\n          <div class=\"z-cover-stack\">\n            {this.hasMultipleCovers && (\n              <div>\n                <div class=\"z-cover-shadow z-shadow-2\"></div>\n                <div class=\"z-cover-shadow z-shadow-1\"></div>\n              </div>\n            )}\n            <img\n              src={this.cover}\n              alt=\"Book Cover\"\n              class=\"z-cover-img\"\n            />\n          </div>\n        </div>\n        <div class=\"info-container\">\n          <div class=\"author-label\">{this.author}</div>\n          <div class=\"opera-title\">{this.operaTitle}</div>\n          <div class=\"opera-subtitle\">{this.operaSubtitle}</div>\n          <div class=\"tags-container\">\n            <slot name=\"tags\"></slot>\n          </div>\n          <span class=\"volumes-label\">{this.volumesLabel}</span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

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

@@ -474,7 +474,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: 'a8109cbdbf4541195123f7dc823a05f630858f05', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
+        return (h("div", { key: '2285db2d7c2b21dbe0c99c8e6eda89d803db9b48', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
     }
     get host() { return 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: '0d7f1db9f36fdb279d5fb77861adb0f3168d7037', class: {
+        return (h(Host, { key: '6acaba110f9188e09f14fa3d8e13fb3898adbdf3', 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: 'b2019e12066ce3284dde477c420b879ebca11b04', role: "listitem" }, h("button", Object.assign({ key: '0857223230bc66509eada8024b6e8c718320aa94', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '625bf1cbdfe6a2ee0814b579b8755c7c91cb0480', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: '4c5828f99ca1d08c9169fa0729fe31f1035acd0e' }, h("slot", { key: 'e7b48f471f37b8a8a40fcb043df6fe9464a0bf3b' })))));
+        return (h(Host, { key: 'fdc1dd5d67708dd2930988e33c43972de8e87889', role: "listitem" }, h("button", Object.assign({ key: '421be1d6db4284a7b8b00be1424dc16bf9b12c4c', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '14894a8a0a9855875b4bc304570ea377a426076d', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: 'f40f8d7405765eed4f2c55a2815ff4c39780b1c7' }, h("slot", { key: '29a45783b3eae975ff3242c7407f316214861174' })))));
     }
 };
 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: 'b4d76cddb405ccc4db532cc4d544898424b290fa', role: "list" }, h("slot", { key: '9b7d842263cf062b5f3b8a27b72d7a66142bc341' })));
+        return (h(Host, { key: 'e4c143f5f9036314160ce81e9a746532fc5e4ed6', role: "list" }, h("slot", { key: '898b263837edd7518c8b40cbe870326e0964852d' })));
     }
 };
 ZStepper.style = ZStepperStyle0;

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

@@ -1,13 +1,13 @@
 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-ceebee64.js';
+import './index-5f93fae1.js';
+import './index-2f04a947.js';
+import './index-49697233.js';
+import './index-6c947b76.js';
 import './utils-c7062cf7.js';
 import './index-fe87283d.js';
 import './breakpoints-d148bfde.js';
-import './index-2ccbb96f.js';
-import './index-fc0913d1.js';
+import './index-c0e1c7bb.js';
+import './index-9aea6ba6.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 ZTableStyle0 = stylesCss;
@@ -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: '436f47d81c40bc1c24a0bb1d660cfa897ebba693', expandable: this.expandable }, h("div", { key: '94fdeab57ac9368c546c08db96de2f87aa3d12f6', class: "table", role: "table" }, h("slot", { key: 'c146bf36f91ca7fe4b2eca2654f4341ddc98074e' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-export { Z as z_tbody } from './index-0ea3c7c8.js';
+export { Z as z_tbody } from './index-5f93fae1.js';
 import './index-c8ceadeb.js';
 
 //# sourceMappingURL=z-tbody.entry.js.map

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

@@ -1,4 +1,4 @@
-export { Z as z_td } from './index-2ccbb96f.js';
+export { Z as z_td } from './index-c0e1c7bb.js';
 import './index-c8ceadeb.js';
 import './index-fe87283d.js';
 

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

@@ -1,4 +1,4 @@
-export { Z as z_tfoot } from './index-571f913c.js';
+export { Z as z_tfoot } from './index-2f04a947.js';
 import './index-c8ceadeb.js';
 
 //# sourceMappingURL=z-tfoot.entry.js.map

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

@@ -1,4 +1,4 @@
-export { Z as z_th } from './index-fc0913d1.js';
+export { Z as z_th } from './index-9aea6ba6.js';
 import './index-c8ceadeb.js';
 import './index-fe87283d.js';
 

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

@@ -1,4 +1,4 @@
-export { Z as z_thead } from './index-eb53c87f.js';
+export { Z as z_thead } from './index-49697233.js';
 import './index-c8ceadeb.js';
 
 //# sourceMappingURL=z-thead.entry.js.map

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

@@ -41,7 +41,7 @@ const ZToastNotificationList = class {
         }
     }
     render() {
-        return h("slot", { key: 'a40d72d8809dbf05ddce6a05fc59fd4891cd92e7', name: "toasts" });
+        return h("slot", { key: '62e2fe7f3678ea305b0a26f897ee9d4991c511bd', name: "toasts" });
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

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