@zanichelli/albe-web-components 19.2.0 → 19.2.1-RC

package/dist/collection/components/z-toolbar/index.js

@@ -133,7 +133,7 @@ export class ZToolbar {
         }
     }
     render() {
-        return (h(Host, { key: 'eb195bd6bb7d19e7958492c96761572838e2a881', role: "toolbar", "aria-label": this.htmlAriaLabel }, h("slot", { key: '6283d32e6e5568a890ff9c404d152800269cda99', onSlotchange: () => {
+        return (h(Host, { key: 'dc26c2f0e3a48566e671476dce7241e326cacac8', role: "toolbar", "aria-label": this.htmlAriaLabel }, h("slot", { key: 'ff7b8ae41331be87db8f71ff0cbaf4882a7d684d', onSlotchange: () => {
                 this.collectToolItems();
                 this.updateTabIndexes();
             } })));

package/dist/collection/components/z-tooltip/index.js

@@ -20,7 +20,7 @@ export class ZTooltip {
         this.open = this.popoverEl.open;
     }
     render() {
-        return (h("z-popover", { key: 'e8fdf1126d0759105386285c13cd4f8d8774567b', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, h("slot", { key: '07042a5a804e77bdf4de0233fc7f1311079a5ad5' })));
+        return (h("z-popover", { key: '8290e0b20bc315ce438e6407ff40c51d227f719d', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, h("slot", { key: 'e4f62754fc30723f63f99b79d53d72310f2cae91' })));
     }
     static get is() { return "z-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class ZVisuallyHidden {
     render() {
-        return h("slot", { key: 'e165e47bd9a2da0bb438ea4dccfbb08e6f02cc4b' });
+        return h("slot", { key: 'b76451842cf32ab957ee81e9b689e94e35256524' });
     }
     static get is() { return "z-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card/index.js

@@ -33,7 +33,7 @@ export class ZMyzCardComponent {
         return elemClasses;
     }
     render() {
-        return (h("div", { key: '67caeabf761d38418ecababfe82bc940863cbe41', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '28df341d91994b1cb260ff44ba1e8906646697d6' })));
+        return (h("div", { key: 'fe9682514ff12467eff3a0f844690aaad51ac1e5', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: 'b38b157360d99c9f0fd6009343547877c51fd59a' })));
     }
     static get is() { return "z-myz-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js

@@ -46,7 +46,7 @@ export class ZMyzCardAlert {
         }
     }
     render() {
-        return (h("div", { key: 'de35ab9329973e2abf430b613474a58611dc9020', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: 'bd5258ea5f38e20d6efcce6a64976a6bea1dae46', type: this.getAlertType() }, h("div", { key: 'f97cbf6a6c9b0d27922142c4e163993de25ed713', class: "relative-container" }, h("z-icon", { key: 'e14067bce09f626b3cc0cfa85640d6c51b6207ba', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'cc33afd45ffc783b86d869d9da9ad9137c8133d1', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: 'c6799d07af9bdfc1e203644a16dabda65e809dba', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (h("div", { key: 'cfc5ba625b1f657d2717a2ac5aae0ad070ad4177', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: 'c74a674717764ac11f4e71dcaa034ba950c0a1f8', type: this.getAlertType() }, h("div", { key: 'e289a588eee12751d10964bd9244251d0fef88b4', class: "relative-container" }, h("z-icon", { key: 'afe5a16bd61de53fdb2ac55e722c3d64ecf22bdf', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'e7b11a13ba83bcd214b11e0e8bb89ef7976b356c', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: 'cb5e55bbfb7afdbd2a19b7b612b2412b1a35fa80', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);

package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZMyzCardBody {
     render() {
-        return (h("div", { key: '7592526a04b47a943a6009f38c6a0c19dea768af' }, h("slot", { key: '2b1803409b9df02a4cfd069877d38bce79dea3f1', name: "alert" }), h("slot", { key: '419f0ccc4f200c500b6f92f643e67494b8ec5a4c', name: "cover" })));
+        return (h("div", { key: 'ce8e2f29bbbe43340a86049182f38586e14b8e47' }, h("slot", { key: '2b3c1274ab1df4995039e7dfc82a06e10ac66be9', name: "alert" }), h("slot", { key: 'c92240268966ca58f7844e6a43693582152b59f5', name: "cover" })));
     }
     static get is() { return "z-myz-card-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js

@@ -10,7 +10,7 @@ export class ZMyzCardCover {
         this.img = this.defaultimg;
     }
     render() {
-        return (h("img", { key: 'c5703cfa02815351e2ff577a01134edb9e6eeb24', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (h("img", { key: '9474ee5c6352f5f253b4d976ff88a4a9079ad176', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
     }
     static get is() { return "z-myz-card-cover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js

@@ -21,7 +21,7 @@ export class ZMyzCardDictionary {
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (h("div", { key: '2fdbc0c37b80268d3af1d4c8b170d9218319a1d9' }, h("z-myz-card", { key: 'd1a8d5391792b9624475480854603e4c3f54e270' }, h("z-myz-card-header", { key: '3797b4f4c34948fe0469b3c0ae669bcbda596045', titolo: this.name }), h("div", { key: '8f4ebd1eb315669987aff0bb45af98e42508fb82', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: 'c21e290ecfba6f8621574972ab3fae2a4172ce71', class: "front" }, h("z-myz-card-body", { key: '0949f522ac5046bb8e9aa6839ccd7e304d1155ee' }, h("z-myz-card-cover", { key: '3cbcd5015a7b9bc32caabb489425d85d683004c3', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: 'f5f133d27ab294c9e2a931420d82ae3b8b3e791f', 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: '4a390b5c597f9b7379f1a5a2760bbdaff11d1997', class: "back" }, h("slot", { key: '3d9f5a5ff414a81d8fbe4747770da70e404107d8', name: "info" }))), h("slot", { key: '847e96d805ade00dc8d5e96e2593f65e99edc198' }))));
+        return (h("div", { key: 'e6ec0b5054975547584bbee8759d987b72134d29' }, h("z-myz-card", { key: 'b074508d5e487ab311aab750a9595c65d0bb182f' }, h("z-myz-card-header", { key: 'eace632cf520eac6a109790acb47d08f03f7f88c', titolo: this.name }), h("div", { key: '9fc66378a96351d6251e0d700c3f93046343cb64', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '9a90a3b496bdb8dbbe53820536f41f91aca5fe8f', class: "front" }, h("z-myz-card-body", { key: 'b1a8aee7f1b172fb8070e06b5d929c9c726c870e' }, h("z-myz-card-cover", { key: '8e51755d66e3d0b1081f34cfbbcff860b325ac52', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '9ebd9fcb0bf970b3ae9250048809a5427d7f7586', 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: '03cc1ad4636d1cf4d36ef062f9f66d07a2960d38', class: "back" }, h("slot", { key: '2b766a05250d41a648cb07e072707a16fa45c484', name: "info" }))), h("slot", { key: '288e7018302b221aa6244b01fc5f4b8140297078' }))));
     }
     static get is() { return "z-myz-card-dictionary"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js

@@ -59,7 +59,7 @@ export class ZMyzCardFooter {
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (h("div", { key: '35da87d8b6c298e1d275dfd560e188392f6b4240', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '19cb5c6be1332e1368a95e9f1c9fd75eab180537', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '6c60c797a38297dae9bd0d20de05d1b1fc56eabe', class: "toggle" }, h("slot", { key: 'b8f05dfa48ac55abe1973edc1362c058cd6229ae', name: "toggle" })), this.titolo && h("p", { key: '2351683832e396830b209cd79f4e1dfda4ea0a06', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'a9c3fa81d7782a6435a25ff11cc441387dd5d2f5', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: 'db438000b8945a0e475f4d87210d434a9ed89291' }, h("p", { key: 'fcded55527c89607c612f3bf5df8930d8f5f4f03', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '293942b64d7bd650a9da699d1af2352ce655b3a6', title: this.getTitleAuthors() }, h("span", { key: '8a160dd2f564a8b13aaf1851e0f816ddd6f76900', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'f229c0892190257e3b3c524d18287025b00d9935', class: "year-isbn" }, h("span", { key: '696be9c4b7d1241631984dcd03843ead0797bb49', class: "isbn" }, h("span", { key: '61b3408ac1241e71fead90968d4fca0ee431a524' }, h("span", { key: 'b849e83f4a918865903eb11fe2a5419ab23f6d2a', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '855603b8a51aeee7d473dc3db00e26a298be7220', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '020d4cd75c9f90ec3f61f287dd92e8d36f1bf4a2', name: "list" })))), this.customContent && h("slot", { key: '0777c84a347b457b6f92c19100ac12d452356bb6', name: "content" })));
+        return (h("div", { key: '6e5881056e1db48d540e8ef21116bee2c196b8c4', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '243b4a819cba9325d9425d63a23fcee9f9876b3d', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'cfc887864e6bf0c7fc8d08be05f0005a38aa869d', class: "toggle" }, h("slot", { key: 'a9e65157596b4a26eb19d5eee5a7b1a57d1feea4', name: "toggle" })), this.titolo && h("p", { key: '15b6bd8c19394d7bef24eb4e09720c0bb0a1685c', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'ebc158163ecd3b334daec7edb050b7e7b9f7df47', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '60590d4b3f2bcb949c21cde6a6d6a8a837a089a3' }, h("p", { key: '9b2f3b97f5de7f0760d623fc3761920aa3b1c845', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '807a82ffe180cec55e8d32124be8ca46eb572270', title: this.getTitleAuthors() }, h("span", { key: 'c9c790fcd14571bd4d15d991496b49392097990f', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'ca97678f9bc18bea8777c1a2ae994a954cab4cf3', class: "year-isbn" }, h("span", { key: '232aab4aaf39be78ace0ece41ea4060a4e355f9a', class: "isbn" }, h("span", { key: '301da712b177444f57a889ed25112a3837a65d2a' }, h("span", { key: 'e825aa9877d17cc64db355a0ddefc0d36195eab9', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '91db300900421801d17073597173773e6df7f56d', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '88c704a8e47124becd3659dc9b2e23be2165cee3', name: "list" })))), this.customContent && h("slot", { key: '2f73c782577a5b7394a24af188229c6c6a750612', name: "content" })));
     }
     static get is() { return "z-myz-card-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZMyzCardFooterSections {
     render() {
-        return (h("div", { key: 'ecab1780cee45e44e63448b463b6a7c4ba23e5ae' }, h("footer", { key: '2d99b9654fc18a3ca45ea9b016c29b5f8c1ed997' }, h("div", { key: '908d31fc4595aa9b4ca69dad77e38dbdac7f5756', class: "top" }, h("slot", { key: 'c14af373c3ac35b26b2afd803bad3273d65e195d', name: "top" })), h("div", { key: '2eba1ad852360d325ea70d98bc31505c4728eb9b', class: "bottom" }, h("slot", { key: '23cdc79b4f721ee266f317973a9e7e0ef79e6fd6', name: "bottom" })))));
+        return (h("div", { key: '77fe7b02b4f0d995fffd93907c4e1f6fcab7cf42' }, h("footer", { key: 'cdd0a1cb8a5484ae646233d0122604b29f1a6ca4' }, h("div", { key: '91c4312af89e212ab4c74bdc1580b21ae2ef946c', class: "top" }, h("slot", { key: '6a8ac121b135b904892e87c1b2cfa2021e1d0b96', name: "top" })), h("div", { key: '09544cbf8904f0ebfdfeeaf805d203d8a4025d76', class: "bottom" }, h("slot", { key: '7357332d8b3992a67c466aa9f65b5f9a18d5e69a', name: "bottom" })))));
     }
     static get is() { return "z-myz-card-footer-sections"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js

@@ -30,7 +30,7 @@ export class ZMyzCardHeader {
         };
     }
     render() {
-        return (h("header", { key: 'd6621f3710e5d402bf709d124ff0af80575766bf', class: this.retrieveClass() }, h("slot", { key: '7be80ead5f7874976aaa03d914392e913494ca8a', name: "aria-heading" }), h("span", { key: 'c497fe895a2b0483fcff43d781b519c3df32a0bb', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '3e7373686a1620f28ed4a5a1a706db552e5d737f', name: "icon" })));
+        return (h("header", { key: 'f57af285c3ded847594f226cd57e29f47e96db29', class: this.retrieveClass() }, h("slot", { key: 'd4404802765f567dd4be757becef12bde5a0762c', name: "aria-heading" }), h("span", { key: '5906cbdb67aea281d0ccabe43711c7d2e34c0667', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '7f4dd40eb421872623556751133a9138a4381a98', name: "icon" })));
     }
     static get is() { return "z-myz-card-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js

@@ -6,7 +6,7 @@ export class ZMyzCardIcon {
         this.ariaLabel = "";
     }
     render() {
-        return (h("button", { key: '8cf0706cb512e898631d0be8c684f71fdabae5ad', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '60d66f1cd2ce59f2fda0b2c0c3be76464aafee42' }, h("z-icon", { key: '32fdcb582bb5be5e2fe65218c878b598a562aa90', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: '6eeee51373c90e15a165b2511675c1df63974289', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '197d99ffec190c40dd72ab22176ac502cf410951' }, h("z-icon", { key: '9b5f1fae74c6cd7ee9a8d7f66e90bee09e5fa7e9', name: this.icon, width: 16, height: 16 }))));
     }
     static get is() { return "z-myz-card-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js

@@ -114,7 +114,7 @@ export class ZMyzCardInfo {
         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: '33d2316b245cb7639f3ffaddd9e3af836a893b43' }, this.renderCloseIcon(), h("div", { key: 'b9b5af413eabc3c3cfbc2c301764e17211d3be64', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '7e0bc24301074fdc5541421fcb9ba0a58f65b306', class: "cta-wrapper" }, h("slot", { key: '4e573ed4019c8f24f92ca27d54b67ca4a80d766b' }))));
+        return (h("div", { key: 'e6ef5ad3c71c2b049d77bf7b58b4eed49aff7f07' }, this.renderCloseIcon(), h("div", { key: '3709fc8d09e49fa1e56c89a9fd3453c677b0837b', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '06f65296b31493f7e948f7af4de260443bf45c4a', class: "cta-wrapper" }, h("slot", { key: '1cd54dc4feef61416039fbf9d43c6f9a6ed0be25' }))));
     }
     static get is() { return "z-myz-card-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js

@@ -23,7 +23,7 @@ export class ZMyzCardList {
         });
     }
     render() {
-        return h("ul", { key: 'cce7f1087e4ae9ebc4cc4f9fd3750a82762348ae' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: '608a46eb635be05ab1bb225bb28354f0a5e4ca44' }, this.renderList(JSON.parse(this.listdata)));
     }
     static get is() { return "z-myz-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/list/z-myz-list/index.js

@@ -17,7 +17,7 @@ export class ZMyzList {
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: '0d63299c1c3d2dfca39396e75703a1b2ed979d3f' }, this.list &&
+        return (h("ul", { key: '97237c224248c304a8c70ddb938beb0e416d246d' }, 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 is() { return "z-myz-list"; }

package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js

@@ -20,7 +20,7 @@ export class ZMyzListItem {
     }
     render() {
         const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-        return (h("li", { key: 'fa9a1fe93a8da6b853089c51b697c187d9f2dcdd', 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: '169378aabe049931a38f93f7e113428e60cabcda', class: this.underlined && "border" }, this.icon && h("z-icon", { key: 'a64bd8fe8a7344cc0017441350a2b8874a9b887b', 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: 'f54ba653e232e027eab252f88819ac961e31532d' }))));
+        return (h("li", { key: 'b26b8dbeaf1a8f5beb9ce7c799bafc5dacc6d471', 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: 'bd0de19c4f484bd249358e39df3ca4296e9eb360', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '47edd1a371c2c4cbb34d07fb7120d6f96e51669e', 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: '93a47ea9cf8cf341d9cacedbd13b34d8877d60fe' }))));
     }
     static get is() { return "z-myz-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/z-alert/index.js

@@ -7,7 +7,7 @@ export class ZAlert {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '94305f8465f9e9e34ada79c5dc36c4d074eec4fa', class: this.type }, h("slot", { key: '21d8f259e4f432d809e4c034663984ff7a21ffeb' })));
+        return (h("div", { key: '9cdbd685674a5ee5f5d2dec9b9272402f76b9de8', class: this.type }, h("slot", { key: '36d8361bdc4a04c47695afe8e824f976ee8c47df' })));
     }
     static get is() { return "z-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/z-otp/index.js

@@ -14,7 +14,7 @@ export class ZOtp {
         this.otpRef = [...Array(this.inputNum)];
     }
     render() {
-        return (h("div", { key: 'b6f43ce8aff8bc764836909975f11de3debbd2fc', class: "otp-container" }, h("div", { key: 'e912fdc3e529c4513786b0fe6c517ec8d66366f6', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: '9814a8c35149033a7ce7091ff7d9807cd400f50a', class: "otp-container" }, h("div", { key: 'f85cbf0862d6b50da4a015e8ca6651b56ba96b30', 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 = "";
                 }
@@ -25,7 +25,7 @@ export class ZOtp {
             }, 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: '17cc331edea883f7f5ed9899e3ebd84b2455b24e', 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: '666ac57e8c41d6f6c205839f05337c5ec29bf9ba', message: this.message, status: this.status })));
     }
     static get is() { return "z-otp"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/index10.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { I as ICONS, C as COLOR_INDICATOR_ICONS } from './iconset.js';
 
-const stylesCss = ":host{margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}.icon-wrapper{position:relative;z-index:0;display:block}svg:not([width]){width:var(--z-icon-width, 1.125rem)}svg:not([height]){height:var(--z-icon-height, 1.125rem)}svg.color-indicator{position:absolute;z-index:-1;bottom:0;left:0}";
+const stylesCss = ":host{display:inline;margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}.icon-wrapper{position:relative;z-index:0;display:inline-block}svg:not([width]){width:var(--z-icon-width, 1.125rem)}svg:not([height]){height:var(--z-icon-height, 1.125rem)}.icon-wrapper svg.color-indicator{position:absolute;z-index:-1;bottom:0;left:0}";
 const ZIconStyle0 = stylesCss;
 
 const ZIcon = /*@__PURE__*/ proxyCustomElement(class ZIcon extends HTMLElement {
@@ -26,13 +26,11 @@ const ZIcon = /*@__PURE__*/ proxyCustomElement(class ZIcon extends HTMLElement {
         }
         return h("polygon", { points: iconValue });
     }
+    renderBaseIcon() {
+        return (h("svg", { id: this.iconid || undefined, fill: this.fill ? `var(--${this.fill})` : undefined, viewBox: "0 0 1000 1000", width: this.width, height: this.height }, this.selectPathOrPolygon(ICONS[this.name])));
+    }
     render() {
-        const svgAttrs = {
-            viewBox: "0 0 1000 1000",
-            width: this.width,
-            height: this.height,
-        };
-        return (h(Host, { key: '09183fdee2304748943d57bcfb10921369a84159', "aria-hidden": "true" }, h("div", { key: '8d1f3b6dd3a7cc69383be36f1951ee29694655b6', class: "icon-wrapper" }, h("svg", Object.assign({ key: '0ac79b86fdfa9083a7c4dc89d5a970d3fd89ded5', id: this.iconid || undefined, fill: this.fill ? `var(--${this.fill})` : undefined }, svgAttrs), this.selectPathOrPolygon(ICONS[this.name])), COLOR_INDICATOR_ICONS.includes(this.name) && (h("svg", Object.assign({ key: '9b08ff27c45ced5b70184b495f66ca3accf756df', class: "color-indicator", fill: this.indicatorColor || "#FFFFFF00" }, svgAttrs), this.selectPathOrPolygon(ICONS["picker-color"]))))));
+        return (h(Host, { key: '8e6cee155a15fc1b19f9907a6f6155c8d607bfa4', "aria-hidden": "true" }, COLOR_INDICATOR_ICONS.includes(this.name) ? (h("div", { class: "icon-wrapper" }, h("svg", { class: "color-indicator", fill: this.indicatorColor || "#FFFFFF00", viewBox: "0 0 1000 1000", width: this.width, height: this.height }, this.selectPathOrPolygon(ICONS["picker-color"])), this.renderBaseIcon())) : (this.renderBaseIcon())));
     }
     static get style() { return ZIconStyle0; }
 }, [1, "z-icon", {

package/dist/components/index10.js.map

@@ -1 +1 @@
-{"file":"index10.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,sWAAsW,CAAC;AACzX,oBAAe,SAAS;;MCWX,KAAK;;;;;;;;;;;;;;;;IAiCR,mBAAmB,CAAC,SAAiB;QAC3C,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,CAAC,GAAG,CAAC,EAAE;YAC9B,OAAO,YAAM,CAAC,EAAE,SAAS,GAAS,CAAC;SACpC;QAED,OAAO,eAAS,MAAM,EAAE,SAAS,GAAY,CAAC;KAC/C;IAED,MAAM;QACJ,MAAM,QAAQ,GAAG;YACf,OAAO,EAAE,eAAe;YACxB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;QAEF,QACE,EAAC,IAAI,oEAAa,MAAM,IACtB,4DAAK,KAAK,EAAC,cAAc,IACvB,0EACE,EAAE,EAAE,IAAI,CAAC,MAAM,IAAI,SAAS,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,SAAS,IAAI,CAAC,IAAI,GAAG,GAAG,SAAS,IAC/C,QAAQ,GAEX,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CACvC,EACL,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,KACxC,0EACE,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAE,IAAI,CAAC,cAAc,IAAI,WAAW,IACpC,QAAQ,GAEX,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAC5C,CACP,CACG,CACD,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/z-icon/styles.css?tag=z-icon&encapsulation=shadow","src/components/z-icon/index.tsx"],"sourcesContent":[":host {\n  margin-right: var(--z-icon-right-margin, 0);\n  margin-left: var(--z-icon-left-margin, 0);\n  line-height: 0;\n  vertical-align: middle;\n}\n\n.icon-wrapper {\n  position: relative;\n  z-index: 0;\n  display: block;\n}\n\nsvg:not([width]) {\n  width: var(--z-icon-width, 1.125rem);\n}\n\nsvg:not([height]) {\n  height: var(--z-icon-height, 1.125rem);\n}\n\nsvg.color-indicator {\n  position: absolute;\n  z-index: -1;\n  bottom: 0;\n  left: 0;\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\nimport {COLOR_INDICATOR_ICONS, ICONS} from \"../../constants/iconset\";\n\n/**\n * Component to render an SVG icon from the internal icon set, selected by `name`.\n * This component automatically recognizes icons that have an indicator (e.g. `bg-color`, `font-color`, etc.), that can be filled with a custom color via the `indicatorColor` prop.\n */\n@Component({\n  tag: \"z-icon\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZIcon {\n  /** Icon name */\n  @Prop()\n  name: string;\n\n  /** Icon height (optional) */\n  @Prop()\n  height?: number | string;\n\n  /** Icon width (optional) */\n  @Prop()\n  width?: number | string;\n\n  /** HTML `id` attribute (optional) */\n  @Prop()\n  iconid?: string;\n\n  /** Name of the CSS color token to use for the icon fill color (e.g. `blue500`). */\n  @Prop()\n  fill?: string;\n\n  /**\n   * Color to use to fill the icon's color indicator, if it has one.\n   * Can be any valid value for the `fill` svg attribute.\n   * If the icon passed through the `name` prop doesn't have a color indicator, this prop has no effect.\n   */\n  @Prop()\n  indicatorColor?: string;\n\n  /**\n   * Selects either a `<path>` or `<polygon>` element based on the format of the icon data.\n   * @param iconValue The SVG path data or polygon points from the ICONS set.\n   */\n  private selectPathOrPolygon(iconValue: string): SVGPathElement | SVGPolygonElement {\n    if (iconValue?.startsWith(\"M\")) {\n      return <path d={iconValue}></path>;\n    }\n\n    return <polygon points={iconValue}></polygon>;\n  }\n\n  render(): SVGElement {\n    const svgAttrs = {\n      viewBox: \"0 0 1000 1000\",\n      width: this.width,\n      height: this.height,\n    };\n\n    return (\n      <Host aria-hidden=\"true\">\n        <div class=\"icon-wrapper\">\n          <svg\n            id={this.iconid || undefined}\n            fill={this.fill ? `var(--${this.fill})` : undefined}\n            {...svgAttrs}\n          >\n            {this.selectPathOrPolygon(ICONS[this.name])}\n          </svg>\n          {COLOR_INDICATOR_ICONS.includes(this.name) && (\n            <svg\n              class=\"color-indicator\"\n              fill={this.indicatorColor || \"#FFFFFF00\"}\n              {...svgAttrs}\n            >\n              {this.selectPathOrPolygon(ICONS[\"picker-color\"])}\n            </svg>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"index10.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,0YAA0Y,CAAC;AAC7Z,oBAAe,SAAS;;MCWX,KAAK;;;;;;;;;;;;;;;;IAiCR,mBAAmB,CAAC,SAAiB;QAC3C,IAAI,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,UAAU,CAAC,GAAG,CAAC,EAAE;YAC9B,OAAO,YAAM,CAAC,EAAE,SAAS,GAAS,CAAC;SACpC;QAED,OAAO,eAAS,MAAM,EAAE,SAAS,GAAY,CAAC;KAC/C;IAEO,cAAc;QACpB,QACE,WACE,EAAE,EAAE,IAAI,CAAC,MAAM,IAAI,SAAS,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,SAAS,IAAI,CAAC,IAAI,GAAG,GAAG,SAAS,EACnD,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,IAElB,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CACvC,EACN;KACH;IAED,MAAM;QACJ,QACE,EAAC,IAAI,oEAAa,MAAM,IACrB,qBAAqB,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IACxC,WAAK,KAAK,EAAC,cAAc,IACvB,WACE,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAE,IAAI,CAAC,cAAc,IAAI,WAAW,EACxC,OAAO,EAAC,eAAe,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,IAElB,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAC5C,EAEL,IAAI,CAAC,cAAc,EAAE,CAClB,KAEN,IAAI,CAAC,cAAc,EAAE,CACtB,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/z-icon/styles.css?tag=z-icon&encapsulation=shadow","src/components/z-icon/index.tsx"],"sourcesContent":[":host {\n  display: inline;\n  margin-right: var(--z-icon-right-margin, 0);\n  margin-left: var(--z-icon-left-margin, 0);\n  line-height: 0;\n  vertical-align: middle;\n}\n\n.icon-wrapper {\n  position: relative;\n  z-index: 0;\n  display: inline-block;\n}\n\nsvg:not([width]) {\n  width: var(--z-icon-width, 1.125rem);\n}\n\nsvg:not([height]) {\n  height: var(--z-icon-height, 1.125rem);\n}\n\n.icon-wrapper svg.color-indicator {\n  position: absolute;\n  z-index: -1;\n  bottom: 0;\n  left: 0;\n}\n","import {Component, Host, Prop, h} from \"@stencil/core\";\nimport {COLOR_INDICATOR_ICONS, ICONS} from \"../../constants/iconset\";\n\n/**\n * Component to render an SVG icon from the internal icon set, selected by `name`.\n * This component automatically recognizes icons that have an indicator (e.g. `bg-color`, `font-color`, etc.), that can be filled with a custom color via the `indicatorColor` prop.\n */\n@Component({\n  tag: \"z-icon\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZIcon {\n  /** Icon name */\n  @Prop()\n  name: string;\n\n  /** Icon height (optional) */\n  @Prop()\n  height?: number | string;\n\n  /** Icon width (optional) */\n  @Prop()\n  width?: number | string;\n\n  /** HTML `id` attribute (optional) */\n  @Prop()\n  iconid?: string;\n\n  /** Name of the CSS color token to use for the icon fill color (e.g. `blue500`). */\n  @Prop()\n  fill?: string;\n\n  /**\n   * Color to use to fill the icon's color indicator, if it has one.\n   * Can be any valid value for the `fill` svg attribute.\n   * If the icon passed through the `name` prop doesn't have a color indicator, this prop has no effect.\n   */\n  @Prop()\n  indicatorColor?: string;\n\n  /**\n   * Selects either a `<path>` or `<polygon>` element based on the format of the icon data.\n   * @param iconValue The SVG path data or polygon points from the ICONS set.\n   */\n  private selectPathOrPolygon(iconValue: string): SVGPathElement | SVGPolygonElement {\n    if (iconValue?.startsWith(\"M\")) {\n      return <path d={iconValue}></path>;\n    }\n\n    return <polygon points={iconValue}></polygon>;\n  }\n\n  private renderBaseIcon(): SVGElement {\n    return (\n      <svg\n        id={this.iconid || undefined}\n        fill={this.fill ? `var(--${this.fill})` : undefined}\n        viewBox=\"0 0 1000 1000\"\n        width={this.width}\n        height={this.height}\n      >\n        {this.selectPathOrPolygon(ICONS[this.name])}\n      </svg>\n    );\n  }\n\n  render(): HTMLZIconElement {\n    return (\n      <Host aria-hidden=\"true\">\n        {COLOR_INDICATOR_ICONS.includes(this.name) ? (\n          <div class=\"icon-wrapper\">\n            <svg\n              class=\"color-indicator\"\n              fill={this.indicatorColor || \"#FFFFFF00\"}\n              viewBox=\"0 0 1000 1000\"\n              width={this.width}\n              height={this.height}\n            >\n              {this.selectPathOrPolygon(ICONS[\"picker-color\"])}\n            </svg>\n\n            {this.renderBaseIcon()}\n          </div>\n        ) : (\n          this.renderBaseIcon()\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/index11.js

@@ -49,7 +49,7 @@ const ZInfoReveal = /*@__PURE__*/ proxyCustomElement(class ZInfoReveal extends H
         }
     }
     render() {
-        return (h(Host, { key: '1513bcc5c069d2139b545336a7727318c858715a', open: this.open }, h("button", { key: 'c9be4b8852ea1b3c304e0cb4ad4fb91cd6317b89', 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: '28ca4682e7b5df0f0f32e35347ff5ee6fadf5e50', name: this.icon }), this.label && h("span", { key: '5addb4ddd3faafda6c8643d601589ffa6401b736', class: "z-info-reveal-label" }, this.label)), h("div", { key: '303f34b830370e5272ef88ebbcba57a7167f8ff8', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'df5e74f3c5b119ae6dd76d817e0f4040abddfdc7' }), h("button", { key: 'cec932ffcdb5f5d1c2738f3ba5bf59621f3f114c', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: 'c47908d600b21d38fc3135755c83545ed78fffcb', name: "multiply" })))));
+        return (h(Host, { key: '250676e5bde8cb158ff19dd85c5b65aba329ab6d', open: this.open }, h("button", { key: 'ae9bd0a7a96c781ebc6e68f70b0553d9d08b8c4d', 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: 'cda367464294fcdb6e87b7dd8804470fc600a196', name: this.icon }), this.label && h("span", { key: '33ee450958960b0eed18c6b630655c87d34d4b0f', class: "z-info-reveal-label" }, this.label)), h("div", { key: '717f241bbbd1034b8f7117d0875a859a27ecc3d0', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'f44d74a6183fdda5560fe8ced2e07ef12748b4b9' }), h("button", { key: '5071effe3449b8fe0285c080a0d9cb14be2b033c', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '9f3088b1e5398bea476ea2da203cb8e2e106ea89', name: "multiply" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/index12.js

@@ -274,7 +274,7 @@ const ZInput = /*@__PURE__*/ proxyCustomElement(class ZInput extends HTMLElement
             default:
                 input = this.renderInputText(this.type);
         }
-        return h(Host, { key: '12e6993a9f2e94db2300ccce3df5b839db56b09b' }, input);
+        return h(Host, { key: '659906d684e53987ffe6ca8f05d74abb98594367' }, input);
     }
     get hostElement() { return this; }
     static get style() { return ZInputStyle0; }

package/dist/components/index13.js

@@ -26,7 +26,7 @@ const ZInputMessage = /*@__PURE__*/ proxyCustomElement(class ZInputMessage exten
         this.onMessageChange();
     }
     render() {
-        return (h(Host, Object.assign({ key: '316945f2c121bb059ee4faebee44901d1e0169bf' }, this.statusRole), this.statusIcons[this.status] && this.message && h("z-icon", { key: 'f0732ad997a4d0ae8c51149e084bac772fd6bc59', name: this.statusIcons[this.status] }), h("span", { key: '466898eee1e923d9ffa259ec8a32585be01e3b7b', innerHTML: this.message })));
+        return (h(Host, Object.assign({ key: 'd3c9ebc08047c7dda297e667f0923025a123c218' }, this.statusRole), this.statusIcons[this.status] && this.message && h("z-icon", { key: 'fd12602621b437c130e82fe747e422fc98b3a87e', name: this.statusIcons[this.status] }), h("span", { key: 'b3af731acdef8e2c890789f158d9db68e426f798', innerHTML: this.message })));
     }
     static get watchers() { return {
         "message": ["onMessageChange"],

package/dist/components/index14.js

@@ -25,7 +25,7 @@ const ZList = /*@__PURE__*/ proxyCustomElement(class ZList extends HTMLElement {
         this.setChildrenSizeType();
     }
     render() {
-        return (h(Host, { key: 'e4034d75d571230ef00e2652e37c4181f5b822ae' }, h("slot", { key: '90ff9e00ae2d1c4f78739c0e1b8fbbb38e2c4469' })));
+        return (h(Host, { key: '004f6ec917edd3b8a3f0f50809543a7cb357daba' }, h("slot", { key: '6f55271632a504df1e044da28be26cf2e5e7fb1b' })));
     }
     get host() { return this; }
     static get style() { return ZListStyle0; }

package/dist/components/index15.js

@@ -129,7 +129,7 @@ const ZListElement = /*@__PURE__*/ proxyCustomElement(class ZListElement extends
         }
     }
     render() {
-        return (h(Host, { key: 'a194388e4dfdc5fad1ddcfaa075dd4a34a4db860', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.hasTreeItems ? undefined : this.htmlTabindex, role: this.hasTreeItems ? "none" : this.role }, h("div", { key: '3d591e9d5d99e359c7d50865272962c557de50a3', class: this.hasTreeItems ? "tree-element-container" : "container", style: !this.disabled && { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: 'c059e51860af1665160c29e8361861c24e38dbf0', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: '94cbb6abfdec4c000b696af653370e61e01cfe2a', class: { "z-tree-list-divider": this.hasTreeItems }, color: this.dividerColor, size: this.dividerSize }))));
+        return (h(Host, { key: '09936377d5e836f011cac004f095e0d4f243c64a', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.hasTreeItems ? undefined : this.htmlTabindex, role: this.hasTreeItems ? "none" : this.role }, h("div", { key: '9ba1d277209e3d02c1ad34cfb92e5979aa7f2df1', class: this.hasTreeItems ? "tree-element-container" : "container", style: !this.disabled && { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '8c53a9715bb89aa6f7f7c8746352ce90679f8bba', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: '0ca76d1b451f74ccafe0d00985b7d33e3f1cde59', class: { "z-tree-list-divider": this.hasTreeItems }, color: this.dividerColor, size: this.dividerSize }))));
     }
     get host() { return this; }
     static get style() { return ZListElementStyle0; }

package/dist/components/index16.js

@@ -34,11 +34,11 @@ const ZListGroup = /*@__PURE__*/ proxyCustomElement(class ZListGroup extends HTM
         this.hasHeader = !!this.host.querySelector('[slot="header-title"]');
     }
     render() {
-        return (h(Host, { key: 'af22f52c83166ca8ddac304c1f4e39038d22a9c8', role: "group" }, h("div", { key: '20c7e75d598588d77287206992f6eea334f33867', class: {
+        return (h(Host, { key: '97c6cc961737aca6748a6083c59d041b86b17fef', role: "group" }, h("div", { key: 'b7a78fae5613cef55da4bf6ff348344e6b4b06fa', class: {
                 "z-list-group-header-container": true,
                 "has-header": this.hasHeader && !this.hasTreeItems,
                 "grouped-tree-list-header": this.hasTreeItems,
-            } }, h("slot", { key: 'fb58f3a4659d2787fbbd2e7a64b600d089b70e27', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { key: '1a77503eb086377720bfc27cb1524f396f611a9e', color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: '5cf8ff619a62f760cd6eab50d6fbb04e3441313a' })));
+            } }, h("slot", { key: 'fbc9339b158e2ba25f9119d0548b6ab10cefd450', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { key: '70e44c839e49f99e4589bc2ec7482761d6130445', color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: 'd3fbc2ccaa3c9f45a3bb02ed793555d84fa5790c' })));
     }
     get host() { return this; }
     static get style() { return ZListGroupStyle0; }

package/dist/components/index17.js

@@ -985,16 +985,16 @@ const ZModal = /*@__PURE__*/ proxyCustomElement(class ZModal extends HTMLElement
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: '67f0fc8f114e0a5d91b389fdb245106582cc642d', class: {
+        return (h("dialog", { key: 'ff8e8cf9ce5684a8ca081ab2aec3ef1c8824b6ae', 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: 'e8f4faf3d8a8e43294d6d1bfc97e20e1706a1991', 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: '94c33c53083aafc4607fcb4b9c099c7d02c035b4', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, h("header", { key: 'f039718406c6e3459ad5fa83fa596eb4f266f986', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: 'bf8c4f222aa0c89e8ffe98a7e266b043245c6901' }, this.modaltitle && h("h1", { key: '3dc7922ebe77d3ccf404101e138913a8f236e888', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: 'f8e5d4384f44f87b4b3925041caa4ad6037a9c8e', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '8834d8d97223d0653c853ca5ff4f93c5ebdaf3a7', class: {
+            }, id: this.modalid }, h("header", { key: '0e17ec7ccaa1376b9cdabde14355fc6dcbec4f26', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '09a5a59ca386289939c61e29f79d201454d41165' }, this.modaltitle && h("h1", { key: '0cf7deea5e044b358882ae0e7bfe4502de1318f5', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '2fde62ccc507d999ccd4fd83aa369128e97b9b0c', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: 'e778555f2d7d88a965e454ee1231004da8d293e7', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: '37dd8afe8e3926853e22da79e853ba802cb379a9', name: "modalContent" }))), h("div", { key: '0637fefbec2fa0a620be36be10ce0704f39c72ed', class: {
+            }, id: "modal-content" }, h("slot", { key: 'acee4bb3444264df0b26a465c52f2ee282ccca76', name: "modalContent" }))), h("div", { key: '9abb8e64380030960d5669bec37a7f2f64d78693', class: {
                 "modal-background": true,
                 "modal-background-scroll-outside": !this.scrollInside,
             }, "data-action": "modalBackground", "data-modal": this.modalid, onClick: () => {

package/dist/components/index18.js

@@ -37,7 +37,7 @@ const ZMyzCardComponent = /*@__PURE__*/ proxyCustomElement(class ZMyzCardCompone
         return elemClasses;
     }
     render() {
-        return (h("div", { key: '67caeabf761d38418ecababfe82bc940863cbe41', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '28df341d91994b1cb260ff44ba1e8906646697d6' })));
+        return (h("div", { key: 'fe9682514ff12467eff3a0f844690aaad51ac1e5', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: 'b38b157360d99c9f0fd6009343547877c51fd59a' })));
     }
     static get style() { return ZMyzCardStyle0; }
 }, [1, "z-myz-card", {

package/dist/components/index19.js

@@ -10,7 +10,7 @@ const ZMyzCardBody = /*@__PURE__*/ proxyCustomElement(class ZMyzCardBody extends
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '7592526a04b47a943a6009f38c6a0c19dea768af' }, h("slot", { key: '2b1803409b9df02a4cfd069877d38bce79dea3f1', name: "alert" }), h("slot", { key: '419f0ccc4f200c500b6f92f643e67494b8ec5a4c', name: "cover" })));
+        return (h("div", { key: 'ce8e2f29bbbe43340a86049182f38586e14b8e47' }, h("slot", { key: '2b3c1274ab1df4995039e7dfc82a06e10ac66be9', name: "alert" }), h("slot", { key: 'c92240268966ca58f7844e6a43693582152b59f5', name: "cover" })));
     }
     static get style() { return ZMyzCardBodyStyle0; }
 }, [1, "z-myz-card-body"]);

package/dist/components/index20.js

@@ -17,7 +17,7 @@ const ZMyzCardCover = /*@__PURE__*/ proxyCustomElement(class ZMyzCardCover exten
         this.img = this.defaultimg;
     }
     render() {
-        return (h("img", { key: 'c5703cfa02815351e2ff577a01134edb9e6eeb24', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (h("img", { key: '9474ee5c6352f5f253b4d976ff88a4a9079ad176', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
     }
     static get style() { return ZMyzCardCoverStyle0; }
 }, [1, "z-myz-card-cover", {

package/dist/components/index21.js

@@ -34,7 +34,7 @@ const ZMyzCardHeader = /*@__PURE__*/ proxyCustomElement(class ZMyzCardHeader ext
         };
     }
     render() {
-        return (h("header", { key: 'd6621f3710e5d402bf709d124ff0af80575766bf', class: this.retrieveClass() }, h("slot", { key: '7be80ead5f7874976aaa03d914392e913494ca8a', name: "aria-heading" }), h("span", { key: 'c497fe895a2b0483fcff43d781b519c3df32a0bb', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '3e7373686a1620f28ed4a5a1a706db552e5d737f', name: "icon" })));
+        return (h("header", { key: 'f57af285c3ded847594f226cd57e29f47e96db29', class: this.retrieveClass() }, h("slot", { key: 'd4404802765f567dd4be757becef12bde5a0762c', name: "aria-heading" }), h("span", { key: '5906cbdb67aea281d0ccabe43711c7d2e34c0667', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '7f4dd40eb421872623556751133a9138a4381a98', name: "icon" })));
     }
     static get style() { return ZMyzCardHeaderStyle0; }
 }, [1, "z-myz-card-header", {

package/dist/components/index22.js

@@ -30,7 +30,7 @@ const ZMyzListItem = /*@__PURE__*/ proxyCustomElement(class ZMyzListItem extends
     }
     render() {
         const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-        return (h("li", { key: 'fa9a1fe93a8da6b853089c51b697c187d9f2dcdd', 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: '169378aabe049931a38f93f7e113428e60cabcda', class: this.underlined && "border" }, this.icon && h("z-icon", { key: 'a64bd8fe8a7344cc0017441350a2b8874a9b887b', 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: 'f54ba653e232e027eab252f88819ac961e31532d' }))));
+        return (h("li", { key: 'b26b8dbeaf1a8f5beb9ce7c799bafc5dacc6d471', 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: 'bd0de19c4f484bd249358e39df3ca4296e9eb360', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '47edd1a371c2c4cbb34d07fb7120d6f96e51669e', 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: '93a47ea9cf8cf341d9cacedbd13b34d8877d60fe' }))));
     }
     static get style() { return ZMyzListItemStyle0; }
 }, [1, "z-myz-list-item", {

package/dist/components/index23.js

@@ -141,8 +141,8 @@ const ZOffcanvas = /*@__PURE__*/ proxyCustomElement(class ZOffcanvas extends HTM
         this.open = false;
     }
     render() {
-        return (h(Host, { key: '8d7045110c92bf5ef1ef2f8d60ddaf1af55ace92', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: 'ef823ffd39a7f63aae8ef95333da611ec4485292', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: '7a6586d273275f1686fe0b1406d71e782d5d71c3', class: "canvas-content z-scrollbar", role: "presentation", ref: (el) => (this.canvasContent = el) }, h("slot", { key: '5930bb55687c9dd286828dc262c1f2cb18ebdd75', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) &&
-            this.showBackdrop && (h("div", { key: 'a65de1a8b0e92e0520d410a88c98edfe5bb56100', class: "backdrop", onClick: () => (this.open = false) }))));
+        return (h(Host, { key: '35307af5a5454ffd6269b5bc02226b72a483ca5c', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: '3acc8e3a21920bae59ed55682b7c53e030e79664', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: '2a9d364c65a16bec1e2b2a2fff4da8fdfea12dce', class: "canvas-content z-scrollbar", role: "presentation", ref: (el) => (this.canvasContent = el) }, h("slot", { key: '1e853eb4d5d79882ad71e045d29c1806b008fa50', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) &&
+            this.showBackdrop && (h("div", { key: '13c6552f10632ff199916b208a20a1dfb70a76bf', class: "backdrop", onClick: () => (this.open = false) }))));
     }
     static get watchers() { return {
         "variant": ["handlePageOverflow"],

package/dist/components/index24.js

@@ -493,7 +493,7 @@ const ZPopover = /*@__PURE__*/ proxyCustomElement(class ZPopover extends HTMLEle
         cancelAnimationFrame(this.animationFrameRequestId);
     }
     render() {
-        return (h(Host, { key: '83d24ed11a01f0ff29486a6c2e3a3716960d44a1', "current-position": this.currentPosition }, h("slot", { key: '7c048c564bc76ee6dda7df4dfb55eb80c5b5ebae' })));
+        return (h(Host, { key: 'c3483157f2664088a337118936d81f551dcf25b1', "current-position": this.currentPosition }, h("slot", { key: 'fc9856b30959fc041dbf295fe7bbf523ce6adaf6' })));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/index25.js

@@ -305,7 +305,7 @@ const ZSearchbar = /*@__PURE__*/ proxyCustomElement(class ZSearchbar extends HTM
         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: '403cde71029ade87b32bac86991c6ea3b1003150', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, h("div", { key: '66ca1b6a187f3ffd8a932144a9ace0f557c58bd5', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
+        return (h(Host, { key: '80709d742a085bb3045a2a8795e5e77ce8aa9e3e', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, h("div", { key: 'fb03a352402836b09da8b315e84a37c8bee98583', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/index26.js

@@ -14,10 +14,10 @@ const ZTag = /*@__PURE__*/ proxyCustomElement(class ZTag extends HTMLElement {
     render() {
         var _a;
         const hasText = ((_a = this.host.textContent) === null || _a === void 0 ? void 0 : _a.trim().length) > 0;
-        return (h(Host, { key: '1414ca0881e2a62586b1e093e1fef75f1f74f6fe', class: {
+        return (h(Host, { key: 'ed05949bf1f4fb03fdbecfaa7acb43bfbb6f8841', class: {
                 "expandable": this.expandable && !!this.icon,
                 "has-text": hasText,
-            } }, this.icon && h("z-icon", { key: '1be6964fc0121d351bbdebdfe255d26702e81f8f', name: this.icon }), h("div", { key: 'a7dac7e78d2cbc4a6d779a683e1d2b820af0fe6a' }, h("slot", { key: '95de2b4d5958f7af33015e887ac854c472979ae3' }))));
+            } }, this.icon && h("z-icon", { key: '72ebeed5930725102f4131acedeabc536d887a44', name: this.icon }), h("div", { key: '7528424efc94fad4b910f54365a20dd644962936' }, h("slot", { key: '951b325ae2b157d343fd6fbed8bc8d40fcdd9e37' }))));
     }
     get host() { return this; }
     static get style() { return ZTagStyle0; }

package/dist/components/index27.js

@@ -21,7 +21,7 @@ const ZTooltip = /*@__PURE__*/ proxyCustomElement(class ZTooltip extends HTMLEle
         this.open = this.popoverEl.open;
     }
     render() {
-        return (h("z-popover", { key: 'e8fdf1126d0759105386285c13cd4f8d8774567b', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, h("slot", { key: '07042a5a804e77bdf4de0233fc7f1311079a5ad5' })));
+        return (h("z-popover", { key: '8290e0b20bc315ce438e6407ff40c51d227f719d', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, h("slot", { key: 'e4f62754fc30723f63f99b79d53d72310f2cae91' })));
     }
     static get style() { return ZTooltipStyle0; }
 }, [1, "z-tooltip", {

package/dist/components/index3.js

@@ -11,7 +11,7 @@ const ZAlert = /*@__PURE__*/ proxyCustomElement(class ZAlert extends HTMLElement
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '94305f8465f9e9e34ada79c5dc36c4d074eec4fa', class: this.type }, h("slot", { key: '21d8f259e4f432d809e4c034663984ff7a21ffeb' })));
+        return (h("div", { key: '9cdbd685674a5ee5f5d2dec9b9272402f76b9de8', class: this.type }, h("slot", { key: '36d8361bdc4a04c47695afe8e824f976ee8c47df' })));
     }
     static get style() { return ZAlertStyle0; }
 }, [1, "z-alert", {

package/dist/components/index4.js

@@ -17,7 +17,7 @@ const ZBookCover = /*@__PURE__*/ proxyCustomElement(class ZBookCover extends HTM
     }
     render() {
         var _a;
-        return (h(Host, { key: 'cb9ca394ffb718b1ee17b30de51d1ef4d18bb284' }, this.multiple && (h(Fragment, { key: 'd4dc53f421ea3ca6b10c2a5e2462eb650788d0a1' }, h("div", { key: 'fd2f7bb51d5f9d1e7d56b09826b699cbc31a6e9f', class: "shifted-stack-cover stack-cover-2" }), h("div", { key: '9a6330bc9f4475779b202dcb243b39e94a0b3d93', class: "shifted-stack-cover stack-cover-1" }))), h("div", { key: '98e5002bfdc0bd0de7d8099e6e492cd6c6ad1d50', class: "cover-container" }, h("img", { key: 'a2ade090738ddfc7997bfd3b398714cd030b94bd', src: (_a = this.cover) !== null && _a !== void 0 ? _a : img, "aria-hidden": "true", alt: "", onError: () => (this.cover = this.fallbackCover || img) }), h("slot", { key: '903b917bb54fe41da063606f2848390b168e3ccd', name: "coverOverlay" }))));
+        return (h(Host, { key: 'a39c5ae748e87831c5032997d7b98ec3884bce13' }, this.multiple && (h(Fragment, { key: 'ffbce1953710801b0967cef86d3f3d525a08e83a' }, h("div", { key: '29fa36521978e853ae6518cf39c62479f83fe876', class: "shifted-stack-cover stack-cover-2" }), h("div", { key: 'a3922017b9e6d1492bb0a4d3f29ee3438a674f11', class: "shifted-stack-cover stack-cover-1" }))), h("div", { key: '73141066121f7d8a66319962294af2f368fe4523', class: "cover-container" }, h("img", { key: '41de1cbfe5faae14c4e6c52e25e0f64a80792555', src: (_a = this.cover) !== null && _a !== void 0 ? _a : img, "aria-hidden": "true", alt: "", onError: () => (this.cover = this.fallbackCover || img) }), h("slot", { key: '9c49173fd6a0234c960aa8ae612f026a24521231', name: "coverOverlay" }))));
     }
     static get style() { return ZBookCoverStyle0; }
 }, [1, "z-book-cover", {

package/dist/components/index6.js

@@ -17,11 +17,11 @@ const ZChip = /*@__PURE__*/ proxyCustomElement(class ZChip extends HTMLElement {
         this.ariaLabel = "";
     }
     render() {
-        return (h("div", { key: 'f696700f7e7634093acb40080f72f9261f3aae36', class: {
+        return (h("div", { key: '7dd8f9f2d4c632559d1e9b3b04e2d139d3cdd1ce', class: {
                 "z-chip-container": true,
                 "z-chip-interactive": !!this.interactiveIcon,
                 [this.type]: true,
-            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: '549bec3f429ffaf44eb3fe285b57b45bfd67f3ee', name: this.icon }), h("slot", { key: 'ae32cb0af653344dfce38449f55eea24772792ed' }), this.interactiveIcon && (h("button", { key: '0d6daafae8c1580d3107050b4e964f89ccbb3475', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: 'db816882f84afbfa35d44ec47aeefe7f3a4ad254', class: "interactive-icon", name: this.interactiveIcon })))));
+            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: 'af4721aa7ef2e3c8381685bb2eadd19a35effc81', name: this.icon }), h("slot", { key: '521b4fc72980f48dec8ee49c6fc3c06df3c9bf9a' }), this.interactiveIcon && (h("button", { key: '15cb6244073a9402ee3cb147f74cf3763b2a02cd', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: 'a7c434efafd9891a5262dffa24136724acc0f791', class: "interactive-icon", name: this.interactiveIcon })))));
     }
     get el() { return this; }
     static get style() { return ZChipStyle0; }

package/dist/components/index7.js

@@ -13,7 +13,7 @@ const ZDivider = /*@__PURE__*/ proxyCustomElement(class ZDivider extends HTMLEle
         this.orientation = DividerOrientation.HORIZONTAL;
     }
     render() {
-        return (h(Host, { key: '59e2f811ae879f15bfacb97769a2d43cf68b40a5', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+        return (h(Host, { key: '84826110c0a563d1b6f2654c540df49cdd0dfc7c', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
     }
     static get style() { return ZDividerStyle0; }
 }, [2, "z-divider", {

package/dist/components/index8.js

@@ -22,12 +22,12 @@ const ZDragdropArea = /*@__PURE__*/ proxyCustomElement(class ZDragdropArea exten
         }
     }
     render() {
-        return (h(Host, { key: 'd677d3db1ba9cca7c9da0d8a22d15ebb9ca44cf3', class: { dragover: this.dragging }, onDragOver: (e) => {
+        return (h(Host, { key: '32b072c1d8a73bfe406e587c2e9e0c7d43424615', class: { dragover: this.dragging }, onDragOver: (e) => {
                 e.preventDefault();
                 this.dragging = true;
             }, onDragLeave: () => {
                 this.dragging = false;
-            }, onDrop: this.onDrop.bind(this) }, h("div", { key: 'e50de993d72f95ddf69e2f3d0db01e9e2bca8178', class: "dragover-container" }, h("z-button", { key: 'c60de2e381f3efa94c1ece79ceae54ff2f59737a' }, this.dragAndDropLabel)), h("slot", { key: '6adbe7e35e326eb51a28421852f8320d73f5cc5f' })));
+            }, onDrop: this.onDrop.bind(this) }, h("div", { key: '8312cab9a38f7c4258ef705945717fb8b8ef4b92', class: "dragover-container" }, h("z-button", { key: '36bdf4d0361043294b29c5e7a7102344f74c2b67' }, this.dragAndDropLabel)), h("slot", { key: '8e60d77a01a662095594b085656492e96ac3b445' })));
     }
     static get style() { return ZDragdropAreaStyle0; }
 }, [1, "z-dragdrop-area", {