@zanichelli/albe-web-components 14.3.0 → 14.4.0

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: '4b234e3d238d980133221d80d810b6f1935cc9ca' }, h("z-myz-card", { key: '5ba2e25a636705c51c17ce2e94c3f2b6262a92dc' }, h("z-myz-card-header", { key: '15ce47c8781ec09fa04e44338341a80bd81c37b2', titolo: this.name }), h("div", { key: 'df8be094c86954d6bcdacefd8f341fb64ede8099', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '3a766d374ca3eac6a7e08333a0f04f2dfbcefdc4', class: "front" }, h("z-myz-card-body", { key: '88b2d585245efa008fdac1525312ab73ffe34810' }, h("z-myz-card-cover", { key: '28e735bb7171c1e014326c2cbe68ccdee4995b90', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: 'b29b64255d6053e5135ae3f847a1ce11ddfec283', 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: '5dfe85db1b4f6b75e5fcbdef8a93b825eac4fad9', class: "back" }, h("slot", { key: '9bcecaf42947c2e138331a8448e891590943bc65', name: "info" }))), h("slot", { key: '4008625139f25d17a03fbd5157b2eda59e5b8227' }))));
+        return (h("div", { key: '07f2907ee9ae953ad0365dd0c8e2618524f89653' }, h("z-myz-card", { key: 'c21605f97d0cd1c9298643c2ad59ed4414a8ad16' }, h("z-myz-card-header", { key: '8798167fee3c810b002525720556c26bee3254de', titolo: this.name }), h("div", { key: '3d932ff6a732c3cbcf77fcd448e90e8265b02225', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '83585f7409cb3daee9d7985d7e9c519b6c41e133', class: "front" }, h("z-myz-card-body", { key: '486d61f67e0affb3e4e7efdf0ab3feb2b26b4b0f' }, h("z-myz-card-cover", { key: '61c665f57fb7e969d8191b77d62c794474b08e62', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '7cf6f97b79d569143724561d59e8c77fba8e054e', 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: '562430df60bfa01db09cbad1d263586c6224af9c', class: "back" }, h("slot", { key: '537e1be569a72865724cfa85b7734dc0294bc115', name: "info" }))), h("slot", { key: '8b38959c1ddbeacd0bbca92fd14611355a24d74d' }))));
     }
     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: 'eff686d5d74e259c149f24159ad11b8fa35678c5', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '3d98d7d2b93a381fe5a30ffc759dbd5d9400e651', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '5b3972c0da599babfe34be1e6272f32c9ac0caa8', class: "toggle" }, h("slot", { key: 'eac0e7c9dce28af1aa5b1105def1f9f07dfeef9a', name: "toggle" })), this.titolo && h("p", { class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'a93cb0b556c110b95f89a5ebac3fbfe0dab3ac74', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: 'c8aab3d52f2938cf75df111719f8e4bf1fdbeaf5' }, h("p", { key: 'd1658fc5bd5426afa3014d32f63b3f341f23745e', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '5e34c29544c596fbbcf3e63e7c6bc83d87ff769d', title: this.getTitleAuthors() }, h("span", { key: 'c2bafd8e92c1aea55c9fca61a5ce413ef798e8aa', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '974b294cb52e721c89cd3cdd109912c37a4678c6', class: "year-isbn" }, h("span", { key: 'b3519bbf042c6dc6f03b30c8a58a93bcdfe2579f', class: "isbn" }, h("span", { key: '212a231d499a2c2c9d11a91ffbf7c18c00963397' }, h("span", { key: 'd85d6ab5d999105f36cf2f90fffe42d352a75b67', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'bf8ae2a2c8544702c7643c5e39450d2960a4c10e', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '9774d27b4959431244b573ba9f7c08e112799427', name: "list" })))), this.customContent && h("slot", { name: "content" })));
+        return (h("div", { key: '2355ce5bf7f86132e0ea79faaa7fb2ce7929e253', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '3ccb3f1f774258d7a25c67848142cc9424925ed0', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '072816a3c2bc1cdd1ac691a8f8f1452b4c38f47d', class: "toggle" }, h("slot", { key: '2303be81faa22efd971ddd23664c65f6ad978113', name: "toggle" })), this.titolo && h("p", { class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '705cc32194d0f9a299785561c90fd87bd17f6506', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '631266505175cbc65aa8933350aa3d4aa05aa3d2' }, h("p", { key: '1c41fcd3eca98e064a3840d66674381d483ed992', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '3c85536ddd4b9ec90afb6526d4511a20d450f16d', title: this.getTitleAuthors() }, h("span", { key: '90228e4567255c5dec27cfabb025200e21bab63c', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'c1c94511536c15f8faa87b4f4e25c378fdd360f2', class: "year-isbn" }, h("span", { key: '39796f2025296859dd920d653a2ee94739d62fc9', class: "isbn" }, h("span", { key: 'a4c6930d1e4ada79bf9ef68501cae51003587082' }, h("span", { key: 'aeeadffeac35d8abd57d35fc7e7a80657baf53b2', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'b34741423e777b90d389f690508e02096aec0670', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '58b736facd35b9618ba7e24787278578fc3270bf', name: "list" })))), this.customContent && h("slot", { 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: 'cd0ca2ae69e18cb2d8858619fa7271bab9ec0572' }, h("footer", { key: 'c223fb26d9e4a508727d31ed098260137c29c810' }, h("div", { key: '78f08bb02791f86423ec79d7d51f75fca04c48b3', class: "top" }, h("slot", { key: 'f0868ee663b0e051d2b1f9fdc3b46b2e3bf0764b', name: "top" })), h("div", { key: 'b94b1018a936912658f5cdc803d813740afbefd2', class: "bottom" }, h("slot", { key: 'c46cadb51728ab6fb3337794814abc4c2bf18434', name: "bottom" })))));
+        return (h("div", { key: 'e41dd2e7a9bed167d3901b276858c4dfc94c9a69' }, h("footer", { key: '522e3b1ea9c7ba56184a9140b6edbaefbf20a17d' }, h("div", { key: '5329ba46f5f04f20769781b0ed9400237d726952', class: "top" }, h("slot", { key: 'ea36f7398f980f255e396b3044d00ff77f42cad0', name: "top" })), h("div", { key: '726628df2d0df9c25c7103e7b56afe69a4ed8c2d', class: "bottom" }, h("slot", { key: '645f27ef4a5bfd15a021737512b8de2970f18b84', 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: 'f3fb4075b1c20b22f5f50a6a78c682bfb1def0ca', class: this.retrieveClass() }, h("slot", { key: 'cd9061e842911bb341a0aa2ac5bb8b07175d1b73', name: "aria-heading" }), h("span", { key: '1396012e6796b69e4f747d57807614838401e066', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: 'df08bc2b36d8294c64144306abb50d5bb8bdcdb0', name: "icon" })));
+        return (h("header", { key: '2899cd14120a644cd410c8e3ecbf5dc8057741aa', class: this.retrieveClass() }, h("slot", { key: '9fc6922f5caae746f28dd045662791755a12e531', name: "aria-heading" }), h("span", { key: 'c9e10b400ec78bbecb3c2f4620e3a4934dfed3f4', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '71828a2ea10c63e807951f1a5e71725a8779cd9e', 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: '972147f83660d272042a24650300708bee702c03', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '0fc735337402b0c798d26706da88a35bb8fd77dc' }, h("z-icon", { key: 'f052b1dcfc412d0aca7b3b60666e75b269aa3139', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: 'ad617a342a7d7ae30067dc750b17453d66db9ffa', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '67079cabf8a0b3213ca75a04e7570d984fe9286f' }, h("z-icon", { key: '1e0a2ebcac6652f6c720da6c74a2d8f718ec825f', 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: '6818de4d54bf54dae4077e338e3022d116f3a81d' }, this.renderCloseIcon(), h("div", { key: '97fdb22878992d691245e1aed0c07731a2829001', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '736dbe3cc5c52fbe9a9f856e6e594da1a8870f4f', class: "cta-wrapper" }, h("slot", { key: '643bd15773c866215b70104c81257c4ba53f5307' }))));
+        return (h("div", { key: 'b10008febb3778b8848fed3b1754743277ccefeb' }, this.renderCloseIcon(), h("div", { key: '6e32bc325cb8bae2428387dbd113f413b49d99ef', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '61cba0d7f9745f488f710c87d873674b0095c3bd', class: "cta-wrapper" }, h("slot", { key: '8fa3eccdcca0bb7edf4c48dfc6ac6c5faad04ed3' }))));
     }
     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: '8375d62edd6ef039ccf8211c2c1b72ec84a87b3f' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: '8fa3ddd1500ab0fa34402944d13c147aa6467a3b' }, 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: 'b581a0e630c75f05449a6dbf4eb45234085c0432' }, this.list &&
+        return (h("ul", { key: 'beb3170f0894edf221d32e81e23fdf0967d5560b' }, 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: 'f5a9c40546be666fc079a381db8714175c129dec', 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: '06b4ec6cbaa6e5c27f84d0c7df28c246d3d35152', class: this.underlined && "border" }, this.icon && h("z-icon", { 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: '3290eb16cc5f0d79f01f9e7f7c277e227ee6b4e0' }))));
+        return (h("li", { key: '914bc78b92ddae7aa62c5a695c7b92343dd5dab3', 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: 'e673a5e63e48760fdf00bc8c74a7b22f850fca8c', class: this.underlined && "border" }, this.icon && h("z-icon", { 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: '05aaf3b526046e02ef2505c74a64c907c6f66444' }))));
     }
     static get is() { return "z-myz-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js

@@ -34,7 +34,7 @@ export class ZMessagesPocket {
         return (h("z-pocket-body", { pocketid: this.pocketid }, h("div", { class: "body" }, h("slot", null)), h("div", { class: "gradient" })));
     }
     render() {
-        return (h("z-pocket", { key: 'e68496d2dd8bdcf5a008d06a6b4b57f971a8134d', pocketid: this.pocketid, status: this.status, class: this.status }, this.renderHeader(), this.renderBody()));
+        return (h("z-pocket", { key: '2f8a4cab129678f4a14c8fe5605c20098d29427a', pocketid: this.pocketid, status: this.status, class: this.status }, this.renderHeader(), this.renderBody()));
     }
     static get is() { return "z-messages-pocket"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class ZPocket {
         }
     }
     render() {
-        return (h("div", { key: '1f4362d03177bb2bfd444088334a59f62421d571' }, h("div", { key: '188212c09305eecc4dc7ddf2d7f386bf8c69fed4', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: 'e7e7ca655263acaaf32e5b957b2be6ff2464a468', id: this.pocketid, class: "content-wrapper" }, h("div", { key: '60b7f7651dae196192aa2b2ffee763558bed7845' }, h("slot", { key: '09a2f3491ca662949f6ab78f0bab977d3269cc87' })))));
+        return (h("div", { key: '380d3967f3e1c227bd1895c972327425313b87b8' }, h("div", { key: '781e4595f07f68092ffd16442af0a6ff272164a0', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: '6f902c3c03baf3cfd6d4a4302333df049c6bae35', id: this.pocketid, class: "content-wrapper" }, h("div", { key: 'c7029dcd23c29dc5bc797293271771084b9f6b31' }, h("slot", { key: '770b7882d607fccbdc095ebe662193a36aa515bd' })))));
     }
     static get is() { return "z-pocket"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,7 @@ export class ZPocketBody {
         }
     }
     render() {
-        return (h("main", { key: '9440ba5927ca7fd3ef12656dacc0bb9ea8312b51', class: this.status }, h("slot", { key: '66d68d48f04ae4496d2f73a466f0f5878bdfdde8' })));
+        return (h("main", { key: 'e9cb89b3b1a529205e689a7e39ba780695a2fea4', class: this.status }, h("slot", { key: '705e4752dd80c52f8a744ef85d00737a505ab01b' })));
     }
     static get is() { return "z-pocket-body"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class ZPocketHeader {
         mc.on("pandown", () => this.emitPocketHeaderPan("down"));
     }
     render() {
-        return (h("header", { key: '3dc18f87c3e61e8647eb44a23a26d9298c894fb6', role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: (el) => (this.swipeWrap = el) }, h("slot", { key: 'a7f560d9e9de0bd40384e56747f316dc9b9ec629' })));
+        return (h("header", { key: 'dbf411ce43b511c02c768d79c20eb95991b3555d', role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: (el) => (this.swipeWrap = el) }, h("slot", { key: '30b0c595f0c4e503dbe8e144c3805be2a8d4aed5' })));
     }
     static get is() { return "z-pocket-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZPocketMessage {
     render() {
-        return (h("div", { key: 'fc7dd1f124a7891d06714e8e246fb9b7b9e51036' }, h("z-icon", { key: 'c1889b328efb70835d3049cd96c7893baf6fa0c9', name: "exclamation-circle" }), h("div", { key: '2d7adc5063f6207ef8ff0ca148fd8b77c1d9096d', class: "content" }, h("slot", { key: 'b16cc5a7086302b73baa229ef37f3df14bae4676' })), h("div", { key: '91e56d2ae0cf57cc0c6d2898fb05b3fc83b87f99', class: "cta-wrapper" }, h("slot", { key: 'c9e114961d136434110f37614ac725a59a54c8e3', name: "cta" }))));
+        return (h("div", { key: '77c4ac87fc391b13dea88c69e71165692075170e' }, h("z-icon", { key: '12387df9bfe2fb8fa3cc0e5cfc2f1515e8ddf322', name: "exclamation-circle" }), h("div", { key: '4ae85314b4c54d9de77f5cc2e789fcfa2516cfac', class: "content" }, h("slot", { key: '7dcf450d21455d6796faa2cfb1222aab546a94d6' })), h("div", { key: 'a51ae4748bb1c29223d35fb10633e51fc17506ec', class: "cta-wrapper" }, h("slot", { key: '2641720771473f5ce8cd207731273f82810dc428', name: "cta" }))));
     }
     static get is() { return "z-pocket-message"; }
     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: '2b223d1c78e88b49096c0e6e82cafce199d76c31', class: this.type }, h("slot", { key: '118a1a890199cd805ee2e2c3d2a440fd3e7568ee' })));
+        return (h("div", { key: '613583f9f9d6686e8c1fce89174dc7b6051623e3', class: this.type }, h("slot", { key: 'fd1884ab9eddfb1da4a0b7d952a48870eade1de7' })));
     }
     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: '995d76c97533e24975e62c98ecd08b4558a45687', class: "otp-container" }, h("div", { key: '97f2ddc116b3c6b41f197037b0612cb39706bed8', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: 'd43a7825cc988d029a8f3907a2d6b4241ffe649e', class: "otp-container" }, h("div", { key: 'e70cd5ac9baa4264995fbb529e86759a6fb2a239', 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: 'ce5613a45e4a578a16b63580207359b02b78cba1', 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: 'f0b2b27c8936059f3aa0d9ca4d207a4b61297e2d', message: this.message, status: this.status })));
     }
     static get is() { return "z-otp"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/index10.js

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

package/dist/components/index11.js

@@ -25,7 +25,7 @@ const ZInputMessage = /*@__PURE__*/ proxyCustomElement(class ZInputMessage exten
         this.onMessageChange();
     }
     render() {
-        return (h(Host, Object.assign({ key: '7cb2d7df7604fbc5801ce1eb9142155a4905861d' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { name: this.statusIcons[this.status] }), h("span", { key: 'd1734748c3be02eba1d40526855bc4ea69e454f8', innerHTML: this.message })));
+        return (h(Host, Object.assign({ key: '76dfef8a9c24cc18ecdae15781eb08a8a61f77ff' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { name: this.statusIcons[this.status] }), h("span", { key: 'e98ece17c91457481b206187a6ddbef98d8d210e', innerHTML: this.message })));
     }
     static get watchers() { return {
         "message": ["onMessageChange"],

package/dist/components/index12.js

@@ -25,7 +25,7 @@ const ZList = /*@__PURE__*/ proxyCustomElement(class ZList extends HTMLElement {
         this.setChildrenSizeType();
     }
     render() {
-        return (h(Host, { key: '2593adc6912a0a49a9e38eadd5056d779cac33b4' }, h("slot", { key: '5fb99c0f4cad9633c84d2c353334fc5c816be5a5' })));
+        return (h(Host, { key: 'd49a1ce7a55b23b7905e44d47184672765f9ba34' }, h("slot", { key: 'f813287a50cd22f3f3e0bf1444dc8c5a146fb6ae' })));
     }
     get host() { return this; }
     static get style() { return ZListStyle0; }

package/dist/components/index13.js

@@ -125,7 +125,7 @@ const ZListElement = /*@__PURE__*/ proxyCustomElement(class ZListElement extends
         }
     }
     render() {
-        return (h(Host, { key: 'fb33c5abf92ac7e89faea59b46358c847fd7efab', "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.htmlTabindex }, h("div", { key: '0bd49dca96fcb7ddfb8201ea0f3b6501b633bbbb', class: "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '5a548758092f2062823021a2c0ddd097f0296646', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { color: this.dividerColor, size: this.dividerSize }))));
+        return (h(Host, { key: '237469383255a8c4b6927b6fc7fca35f16709937', "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.htmlTabindex }, h("div", { key: 'eab49723116d003d80ee724895e2fc09a4e3cacd', class: "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '43573c7439a4a176070a70c7fb9caa5d29c69883', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { color: this.dividerColor, size: this.dividerSize }))));
     }
     get host() { return this; }
     static get style() { return ZListElementStyle0; }

package/dist/components/index14.js

@@ -33,10 +33,10 @@ const ZListGroup = /*@__PURE__*/ proxyCustomElement(class ZListGroup extends HTM
         this.hasHeader = !!this.host.querySelector('[slot="header-title"]');
     }
     render() {
-        return (h(Host, { key: 'c25db9a48f30bf98694c87dce08463ac6b314719', role: "group" }, h("div", { key: '354ea1928b4f2e58b46ef2eb18e84234e9db2cd9', class: {
+        return (h(Host, { key: '5dbf1efc3893dc5f97d0f8ec1b9b7a97f3798b23', role: "group" }, h("div", { key: '2ded7f0b5b2c6554239659c8eaa9ef413e37fead', class: {
                 "z-list-group-header-container": true,
                 "has-header": this.hasHeader,
-            } }, h("slot", { key: '48b577a0a6b35ab74eb9b70c53dd9462ab57e92d', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: '407e9151406fdc7f01b0ba40a69bd0516d5cc1f4' })));
+            } }, h("slot", { key: '56fe1bfadf2b3aa5dd8f8955789204a49e6bc667', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: '641523b4a9f4e0795571127cb509b76e51515b22' })));
     }
     get host() { return this; }
     static get style() { return ZListGroupStyle0; }

package/dist/components/index15.js

@@ -964,16 +964,16 @@ const ZModal = /*@__PURE__*/ proxyCustomElement(class ZModal extends HTMLElement
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: 'f2dbe7bebb572bf6a00736ede42543c096feccf7', class: {
+        return (h("dialog", { key: 'e2e7b6cf379e4d8a0636b926901047a752184ac8', 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: '53e9cb2fa74698f0b6a01dcc2f582d5159850aaa', 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: 'fc3170c92b4b0bb67f23fd8b00a9540b64f9583a', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, h("header", { key: '53e1a607d3e73ac915d295a429b46af592231ea4', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: 'b0c66eca76b7f9437780ca2e13c8f168a49a161a' }, this.modaltitle && h("h1", { id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && h("h2", { id: "modal-subtitle" }, this.modalsubtitle)), h("div", { key: '6fe98736ef22c37f2a99b00e40a245684b880710', class: {
+            }, id: this.modalid }, h("header", { key: '268f689959051dc304efd99dd64a4eb5ac47aa17', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '5651d45bddad36999eddf25863a7d398cc87cf91' }, this.modaltitle && h("h1", { id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && h("h2", { id: "modal-subtitle" }, this.modalsubtitle)), h("div", { key: '93eae28fa449cc1830d533e93b46e580d4be4540', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: '1b0da4801769eb69b3ecdc78de294b8a064dabfe', name: "modalContent" }))), h("div", { key: 'd86093efe62e7eccac464f533997d69905956fcb', class: {
+            }, id: "modal-content" }, h("slot", { key: 'a38384cf4d2c4eadda052099f3d47f2457585555', name: "modalContent" }))), h("div", { key: '10f7f01194bd21059d9afb15c421eb9354b77302', class: {
                 "modal-background": true,
                 "modal-background-scroll-outside": !this.scrollInside,
             }, "data-action": "modalBackground", "data-modal": this.modalid, onClick: () => {

package/dist/components/index16.js

@@ -37,7 +37,7 @@ const ZMyzCardComponent = /*@__PURE__*/ proxyCustomElement(class ZMyzCardCompone
         return elemClasses;
     }
     render() {
-        return (h("div", { key: '60af6834769521448b5e5d138894f52c9648a883', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '625ccc99c44d80eb30fa4725e8faeb9f8090497a' })));
+        return (h("div", { key: '566806a9792c54f2853f4e02e22a4494a69e906c', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: 'bc8776f2ea59e0a421b7559bb6d5c9e2923f0276' })));
     }
     static get style() { return ZMyzCardStyle0; }
 }, [1, "z-myz-card", {

package/dist/components/index17.js

@@ -10,7 +10,7 @@ const ZMyzCardBody = /*@__PURE__*/ proxyCustomElement(class ZMyzCardBody extends
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '29910997b3d57c8ed4694ae81e3f8e62b86908df' }, h("slot", { key: 'da76b95d6eb9c8d36bb6a09f79d277dd5f6924e4', name: "alert" }), h("slot", { key: 'cc694615936aa77e99090e627eb4623c6feac31d', name: "cover" })));
+        return (h("div", { key: 'cf1d5f3496d5d26fc8af29aaadb102fb6d05fc01' }, h("slot", { key: 'c0e3125ceecc33606e9644c514643de2ff59be1b', name: "alert" }), h("slot", { key: 'fbac52128264cd4a5637a7acbe3f57670efb5d50', name: "cover" })));
     }
     static get style() { return ZMyzCardBodyStyle0; }
 }, [1, "z-myz-card-body"]);

package/dist/components/index18.js

@@ -17,7 +17,7 @@ const ZMyzCardCover = /*@__PURE__*/ proxyCustomElement(class ZMyzCardCover exten
         this.img = this.defaultimg;
     }
     render() {
-        return (h("img", { key: '0c6201fe961a9b7b4bf8d85d276adaf965778d10', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (h("img", { key: 'ed7d7aad0833e7ead92536e260de19da601a605f', 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/index19.js

@@ -34,7 +34,7 @@ const ZMyzCardHeader = /*@__PURE__*/ proxyCustomElement(class ZMyzCardHeader ext
         };
     }
     render() {
-        return (h("header", { key: 'f3fb4075b1c20b22f5f50a6a78c682bfb1def0ca', class: this.retrieveClass() }, h("slot", { key: 'cd9061e842911bb341a0aa2ac5bb8b07175d1b73', name: "aria-heading" }), h("span", { key: '1396012e6796b69e4f747d57807614838401e066', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: 'df08bc2b36d8294c64144306abb50d5bb8bdcdb0', name: "icon" })));
+        return (h("header", { key: '2899cd14120a644cd410c8e3ecbf5dc8057741aa', class: this.retrieveClass() }, h("slot", { key: '9fc6922f5caae746f28dd045662791755a12e531', name: "aria-heading" }), h("span", { key: 'c9e10b400ec78bbecb3c2f4620e3a4934dfed3f4', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '71828a2ea10c63e807951f1a5e71725a8779cd9e', name: "icon" })));
     }
     static get style() { return ZMyzCardHeaderStyle0; }
 }, [1, "z-myz-card-header", {

package/dist/components/index20.js

@@ -30,7 +30,7 @@ const ZMyzListItem = /*@__PURE__*/ proxyCustomElement(class ZMyzListItem extends
     }
     render() {
         const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-        return (h("li", { key: 'f5a9c40546be666fc079a381db8714175c129dec', 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: '06b4ec6cbaa6e5c27f84d0c7df28c246d3d35152', class: this.underlined && "border" }, this.icon && h("z-icon", { 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: '3290eb16cc5f0d79f01f9e7f7c277e227ee6b4e0' }))));
+        return (h("li", { key: '914bc78b92ddae7aa62c5a695c7b92343dd5dab3', 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: 'e673a5e63e48760fdf00bc8c74a7b22f850fca8c', class: this.underlined && "border" }, this.icon && h("z-icon", { 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: '05aaf3b526046e02ef2505c74a64c907c6f66444' }))));
     }
     static get style() { return ZMyzListItemStyle0; }
 }, [1, "z-myz-list-item", {

package/dist/components/index21.js

@@ -29,7 +29,7 @@ const ZOffcanvas = /*@__PURE__*/ proxyCustomElement(class ZOffcanvas extends HTM
         this.open = false;
     }
     render() {
-        return (h(Host, { key: '554986cba00c7380f17f737267b450dcf0c3f52e', class: { "skip-animation": this.skipLoadAnimation } }, h("div", { key: 'dc736f68ce6842d9d7e65093e140f5eaebd460f9', role: "presentation", class: "canvas-container", onTransitionEnd: () => this.handlePageOverflow() }, h("div", { key: '416b060ab45249f20e0776cb5a65d27c71cd349b', role: "presentation", class: "canvas-content" }, h("slot", { key: 'e7a92fbd0696f8ed5a215610a3a3f78266ccec2f', name: "canvasContent" }))), this.variant == OffCanvasVariant.OVERLAY && (h("div", { class: "canvas-background", "data-action": "canvasBackground", onClick: () => (this.open = false) }))));
+        return (h(Host, { key: '69563f05a3b8e956a97da1eef9f89a67bc79e8d0', class: { "skip-animation": this.skipLoadAnimation } }, h("div", { key: '725ba012a1bbd29e274882fca1a767f50fb08281', role: "presentation", class: "canvas-container", onTransitionEnd: () => this.handlePageOverflow() }, h("div", { key: '7653561f431bbc5eee82292f36d1c34706d0df3c', role: "presentation", class: "canvas-content" }, h("slot", { key: 'f607e0f2ec69cc9f0928e413ba8fcf9debd72ce7', name: "canvasContent" }))), this.variant == OffCanvasVariant.OVERLAY && (h("div", { class: "canvas-background", "data-action": "canvasBackground", onClick: () => (this.open = false) }))));
     }
     static get watchers() { return {
         "open": ["onOpenChanged"]

package/dist/components/index22.js

@@ -59,7 +59,7 @@ const ZPocket = /*@__PURE__*/ proxyCustomElement(class ZPocket extends HTMLEleme
         }
     }
     render() {
-        return (h("div", { key: '1f4362d03177bb2bfd444088334a59f62421d571' }, h("div", { key: '188212c09305eecc4dc7ddf2d7f386bf8c69fed4', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: 'e7e7ca655263acaaf32e5b957b2be6ff2464a468', id: this.pocketid, class: "content-wrapper" }, h("div", { key: '60b7f7651dae196192aa2b2ffee763558bed7845' }, h("slot", { key: '09a2f3491ca662949f6ab78f0bab977d3269cc87' })))));
+        return (h("div", { key: '380d3967f3e1c227bd1895c972327425313b87b8' }, h("div", { key: '781e4595f07f68092ffd16442af0a6ff272164a0', "data-action": "pocketBackground", "data-pocket": this.pocketid, class: `background ${this.status}`, onClick: (e) => this.handleBackgroundClick(e) }), h("div", { key: '6f902c3c03baf3cfd6d4a4302333df049c6bae35', id: this.pocketid, class: "content-wrapper" }, h("div", { key: 'c7029dcd23c29dc5bc797293271771084b9f6b31' }, h("slot", { key: '770b7882d607fccbdc095ebe662193a36aa515bd' })))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/index23.js

@@ -18,7 +18,7 @@ const ZPocketBody = /*@__PURE__*/ proxyCustomElement(class ZPocketBody extends H
         }
     }
     render() {
-        return (h("main", { key: '9440ba5927ca7fd3ef12656dacc0bb9ea8312b51', class: this.status }, h("slot", { key: '66d68d48f04ae4496d2f73a466f0f5878bdfdde8' })));
+        return (h("main", { key: 'e9cb89b3b1a529205e689a7e39ba780695a2fea4', class: this.status }, h("slot", { key: '705e4752dd80c52f8a744ef85d00737a505ab01b' })));
     }
     static get style() { return ZPocketBodyStyle0; }
 }, [1, "z-pocket-body", {

package/dist/components/index24.js

@@ -29,7 +29,7 @@ const ZPocketHeader = /*@__PURE__*/ proxyCustomElement(class ZPocketHeader exten
         mc.on("pandown", () => this.emitPocketHeaderPan("down"));
     }
     render() {
-        return (h("header", { key: '3dc18f87c3e61e8647eb44a23a26d9298c894fb6', role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: (el) => (this.swipeWrap = el) }, h("slot", { key: 'a7f560d9e9de0bd40384e56747f316dc9b9ec629' })));
+        return (h("header", { key: 'dbf411ce43b511c02c768d79c20eb95991b3555d', role: "button", tabindex: 0, onClick: () => this.emitPocketHeaderClick(), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitPocketHeaderClick), ref: (el) => (this.swipeWrap = el) }, h("slot", { key: '30b0c595f0c4e503dbe8e144c3805be2a8d4aed5' })));
     }
     static get style() { return ZPocketHeaderStyle0; }
 }, [1, "z-pocket-header", {

package/dist/components/index25.js

@@ -302,7 +302,7 @@ const ZPopover = /*@__PURE__*/ proxyCustomElement(class ZPopover extends HTMLEle
         this.onOpen();
     }
     render() {
-        return h("slot", { key: 'dcaaf8ad7c023e4f7b681aa8e39273d485e69d80' });
+        return h("slot", { key: 'fc1d26a6af4fb99ea37da14628dfe730f4a5fd94' });
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/index26.js

@@ -237,7 +237,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: 'b198d39d33540acea446c870ae3d47776bfa1470', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, h("div", { key: 'cebdc4139bc155e30da8d90266289aa485406265', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
+        return (h(Host, { key: 'e95c23e603fd303d9c99386f5878685b713ce128', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, h("div", { key: '7d32c1394e6adfd4e83cba37c8f8bf66a97ee460', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/index27.js

@@ -12,10 +12,10 @@ const ZTag = /*@__PURE__*/ proxyCustomElement(class ZTag extends HTMLElement {
         this.expandable = undefined;
     }
     render() {
-        return (h(Host, { key: 'b729016f6124e26466ce3ccf198788857464cc6c', class: {
+        return (h(Host, { key: '4ceab08ea5a0bc2c05fdad9adb7a23d08027d8d8', class: {
                 "body-5-sb": true,
                 "expandable": this.expandable && !!this.icon,
-            } }, this.icon && h("z-icon", { name: this.icon }), h("div", { key: 'ee019241356d66ebf6f64020e37586a88703dfa2' }, h("slot", { key: '7f7a73ef3b731a5ddb8126b2fb1e2627af99805d' }))));
+            } }, this.icon && h("z-icon", { name: this.icon }), h("div", { key: 'f7c3b0f2a4678cfaf0f06472cbd6e63bd5903acb' }, h("slot", { key: '8bfd8c8d335d60ad2f6328bb429d46d76f720880' }))));
     }
     static get style() { return ZTagStyle0; }
 }, [6, "z-tag", {

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: '2b223d1c78e88b49096c0e6e82cafce199d76c31', class: this.type }, h("slot", { key: '118a1a890199cd805ee2e2c3d2a440fd3e7568ee' })));
+        return (h("div", { key: '613583f9f9d6686e8c1fce89174dc7b6051623e3', class: this.type }, h("slot", { key: 'fd1884ab9eddfb1da4a0b7d952a48870eade1de7' })));
     }
     static get style() { return ZAlertStyle0; }
 }, [1, "z-alert", {

package/dist/components/index6.js

@@ -13,7 +13,7 @@ const ZDivider = /*@__PURE__*/ proxyCustomElement(class ZDivider extends HTMLEle
         this.orientation = DividerOrientation.HORIZONTAL;
     }
     render() {
-        return (h(Host, { key: '2f058ffac1fd07ea8bd499de4749a4fd1f766414', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+        return (h(Host, { key: '1950fc93c4f4ac5468b211a468e9192d92eabfd2', 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

@@ -10,7 +10,7 @@ const ZGhostLoading = /*@__PURE__*/ proxyCustomElement(class ZGhostLoading exten
         this.__attachShadow();
     }
     render() {
-        return h(Host, { key: 'efae0dd8d520db16bbb3bd49b434ba0fe8e45c33' });
+        return h(Host, { key: '8738533f14d7ef5917825e6632b63e995a410d24' });
     }
     static get style() { return ZGhostLoadingStyle0; }
 }, [1, "z-ghost-loading"]);

package/dist/components/z-accordion.js

@@ -40,7 +40,7 @@ const ZAccordion$1 = /*@__PURE__*/ proxyCustomElement(class ZAccordion extends H
         this.toggled.emit(this.open);
     }
     render() {
-        return (h("details", { key: 'a1a71f7848714200cb7257e52f5fc33eb5c138a8', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '6d54c14ad248b2b10a7483b4c4bbb7d551f0cc1d', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { class: "z-accordion-label-icon", name: this.icon })), h("span", { key: 'e5c9bb595f5ff65ede8d0094172e8779b85023db', class: "z-accordion-label" }, this.label), h("span", { key: 'b48e9f6e1dca9c00c9f85a8a6960a774a07f1287', class: "z-accordion-tags" }, h("slot", { key: '9c9300a51a7b484c9e34dd48ad88f0e81909f13a', name: "tag" })), h("z-icon", { key: '1394de17280c4a42735ab0f839a3ad967d0f27e2', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { class: "z-accordion-content", part: "content" }, h("slot", null)))));
+        return (h("details", { key: '9b6381d6a29fe8ea16ecdcb38d1784c1cc3bcc80', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: 'bf02abfd586afbafabddf1d3e5d7de934722dea6', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '2fa466698c2f605dbe4eaac5cd48cd9af69448cc', class: "z-accordion-label" }, this.label), h("span", { key: '3cf6a1812413aa84f7ce106d5b81587d5e211cb2', class: "z-accordion-tags" }, h("slot", { key: '0a7109139d474427bf396960af79eae2e827c985', name: "tag" })), h("z-icon", { key: 'e2853db6bbd4947486fe3d95a5bc8d003c74299f', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { class: "z-accordion-content", part: "content" }, h("slot", null)))));
     }
     static get watchers() { return {
         "isDisabled": ["onDisabledChange"]

package/dist/components/z-anchor-navigation.js

@@ -38,7 +38,7 @@ const ZAnchorNavigation$1 = /*@__PURE__*/ proxyCustomElement(class ZAnchorNaviga
         window.removeEventListener("hashchange", this.setAriaCurrent);
     }
     render() {
-        return (h(Host, { key: '7dbd18145c5e8f799ae5dca19f1f1f4eaa8690b3', collapsed: this.collapsed }, h("z-button", { key: '5c36d79b8284d4f0aef21c659947fa5042a784c1', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: '26c60ec5a4110f25a9dc9f3e34f1338c170f07b2', ref: (el) => (this.nav = el) }, h("slot", { key: '06320c9dd7b84048b5008cd6d3163df0455dd83d' }))));
+        return (h(Host, { key: '334a479e907631a2f25b757b6a37d136a78eaa4b', collapsed: this.collapsed }, h("z-button", { key: 'cdfdae6b09a0f1b0f23004d9c56eaaf39d49e94e', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: '11406c615df8d8c6779428d7275a8f77ff7484d0', ref: (el) => (this.nav = el) }, h("slot", { key: 'b33c4318e70c79d606d27a3a6e0aad5550f45442' }))));
     }
     static get style() { return ZAnchorNavigationStyle0; }
 }, [4, "z-anchor-navigation", {

package/dist/components/z-app-header.js

@@ -151,7 +151,7 @@ const ZAppHeader$1 = /*@__PURE__*/ proxyCustomElement(class ZAppHeader extends H
         this.evaluateViewport();
     }
     render() {
-        return (h(Host, { key: '51666bc0b5726db455d8bf8cc907bcff2da1e172', "menu-length": this.menuLength }, this.hasHero && (h("div", { class: "hero-container" }, h("slot", { name: "hero" }, this.hero && (h("img", { alt: "", src: this.hero }))))), h("div", { key: '13ca632f3d3caa156455378fc9bb8c1d4bd76202', class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { key: 'b7511dad80b3a59dc6b4b3b138411d14f0181b27', class: "heading-container" }, h("div", { key: '29eb4903303dcbf8634e838c0f1c2d2015d9563e', class: "heading-subtitle" }, h("slot", { key: '5d9ac688e8412abbf02f7f72971fd57f1352ec58', name: "top-subtitle" })), h("div", { key: 'c4bc77fc79b49a625134e43fb7e5321cf4736bfd', class: "heading-title" }, this.menuLength > 0 && (h("button", { class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { name: "burger-menu" }))), h("slot", { key: 'e01be70149678b4892c23480a36620750e4563c0', name: "title" }), this.renderSearchLinkButton()), h("div", { key: '67260ddeb67f020a2bd08d742dd2c20ad1128a1f', class: "heading-subtitle" }, h("slot", { key: '0caafd6353bf775f1b8e34e6730ef6dc2e235c07', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { class: "menu-container" }, this.canShowMenu && (h("slot", { name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { key: 'ad56d89175ff6b9bedb0b0800d565cd729e206f6', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { key: '9069191f96443a4a611ea1044fd352a9b48f9fb1', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { key: '1ca4770c5eff335199cf84cddff5c3abb45a1c66', name: "close" })), h("div", { key: '3665121f762d5795e7f97cd4d981094799ed553e', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { key: 'ac485939e23ea77b03a365d9e078f964d04f541a', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { class: "heading-stuck" }, h("div", { class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { name: "burger-menu" }))), h("div", { class: "heading-title" }, h("slot", { name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
+        return (h(Host, { key: '492c21ddccbe23f96d68b6d3a536609fa6f8e7a0', "menu-length": this.menuLength }, this.hasHero && (h("div", { class: "hero-container" }, h("slot", { name: "hero" }, this.hero && (h("img", { alt: "", src: this.hero }))))), h("div", { key: 'd7bc0f2dcc9f752cb9207df4f60049e390f1bf2b', class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { key: '6787c6ddf9b2c1f8220fee57ae76bf9ab5071c25', class: "heading-container" }, h("div", { key: '4c4eb2dc4badb35c894f65bbe90dbc1daf2aa27d', class: "heading-subtitle" }, h("slot", { key: '3b8bccd45f75e095ed89140549a1a0ccaa352d58', name: "top-subtitle" })), h("div", { key: '8a6c64ddea38f03adcf9dd2f8fda5104b7766dd5', class: "heading-title" }, this.menuLength > 0 && (h("button", { class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { name: "burger-menu" }))), h("slot", { key: 'b3dc639700ddd8c6c925fedc6f9c70db4bd25ef9', name: "title" }), this.renderSearchLinkButton()), h("div", { key: '5234e4372fc9acc5e7ebfe2cfda802d9e72f52e7', class: "heading-subtitle" }, h("slot", { key: 'd88d67131d4a93e53804353d59a87a8c8b8d0bc7', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { class: "menu-container" }, this.canShowMenu && (h("slot", { name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { key: '15f2d78f637b5476e30d316c7eaad00db9c63109', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { key: '59f03739039ecfdd7f9763faea7ac189ba15ce00', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { key: 'cbd35efe1609c908d78f7c677b34b4fae1f6cf90', name: "close" })), h("div", { key: '10f3cecb244008796339fd08a43317c9b6a90a5a', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { key: '5a253dabd6913eedf8c7f35b5f5d78bf79148b07', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { class: "heading-stuck" }, h("div", { class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { name: "burger-menu" }))), h("div", { class: "heading-title" }, h("slot", { name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/z-aria-alert.js

@@ -8,7 +8,7 @@ const ZAriaAlert$1 = /*@__PURE__*/ proxyCustomElement(class ZAriaAlert extends H
         this.mode = ZAriaAlertMode.POLITE;
     }
     render() {
-        return (h(Host, { key: 'a3275876421862b2b2c80c044ca50f50464cfd55', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: '3767d930ccea80abbd79b4f3ee6d1733df29b934' })));
+        return (h(Host, { key: '88e0d50e7f29c2e80aaa047a32902bc6347ad8d9', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: 'c76710250968f02393f69652d148ddf22eb1839e' })));
     }
 }, [4, "z-aria-alert", {
         "mode": [1]

package/dist/components/z-avatar.js

@@ -31,7 +31,7 @@ const ZAvatar$1 = /*@__PURE__*/ proxyCustomElement(class ZAvatar extends HTMLEle
         }
     }
     render() {
-        return (h(Host, { key: 'de60cf77cb859ea6ba50222aa625dc9e35e1cf08', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        return (h(Host, { key: '17a097738ce186c791794f5f8192cd46845df2a6', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
                 color: `var(--${this.textColor})`,
                 backgroundColor: `var(--${this.backgroundColor})`,
             } }, this.text && !this.image && h("span", null, this.text.substring(0, 2)), this.image && (h("img", { src: this.image, onError: () => (this.image = "") }))));

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

@@ -123,7 +123,7 @@ const ZBookCard$1 = /*@__PURE__*/ proxyCustomElement(class ZBookCard extends HTM
         return (h("div", { class: "action-container" }, h("slot", { name: "footer-cta" })));
     }
     render() {
-        return (h("article", { key: '101c9922d8f9405fc38fb79f36fbf0d608327064', class: {
+        return (h("article", { key: '5bdf53790a65a448b54994ac6d88bb333f23db33', class: {
                 [this.variant]: true,
                 borderless: !!this.borderless,
             } }, this.renderCard()));

package/dist/components/z-breadcrumb.js

@@ -207,10 +207,10 @@ const ZBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class ZBreadcrumb extends
         ];
     }
     render() {
-        return (h(Host, { key: 'b5f0321b29ae51fac8fba3cc0302beff908cd56e', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '32d4c57f93c3fd943cb6f6b72b9f9c004003d470', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
+        return (h(Host, { key: 'f733fb3402c54c6d006af3ff72ddcba4a61256d5', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: 'a75562e28f23a646eccebf5c80ee1f71135a4b58', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
                 semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,
                 underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,
-            } }, h("ol", { key: '725c96157a94749d8e55e321dd1708132479b74a' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
+            } }, h("ol", { key: '2b9f2868480e987d14e8829af4850d028087e722' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/z-combobox.js

@@ -266,7 +266,7 @@ const ZCombobox$1 = /*@__PURE__*/ proxyCustomElement(class ZCombobox extends HTM
         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: 'b369099672db77dc1c6415fe878a39079abcf99d', "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: '9844f86b698bf44ddedcfd410ee185bd7c9bbfe3', "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 this; }
     static get watchers() { return {