@zanichelli/albe-web-components 16.3.4-RC → 16.3.5

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: 'f73773764a1386454f6178fc5509c5b21f8bfd18', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '2a1b0b0a7f79b1ce3df317f9bae029ab906f8b65', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'f2d5ca8af14e8e9867636ef600b3227ef8c8da5d', class: "toggle" }, h("slot", { key: 'bb21f81c068753465ef813b69f1746ed0ffe5f27', name: "toggle" })), this.titolo && h("p", { key: '21985736b6a2ded998967a7f26404a78bae5588f', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '1da4887c06761a20e1530dcdff33667ec2b675f6', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '4eb92e5a2dc0fd6e2bf644170055cfcd086451cb' }, h("p", { key: 'ffe43ce26641fe2fb1d8a4fc5f5651cd9b22a9cf', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '3c4bca4611ad4d5442c4ead8ce21c7f837f788a9', title: this.getTitleAuthors() }, h("span", { key: '8d3cd889fdc5cf445cdf3c781f09b5104728fab6', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'e344133a7710094e474f125d1cd41a1a4de6787a', class: "year-isbn" }, h("span", { key: 'f122a9be8bde9df100e872be3533c85a66e0671f', class: "isbn" }, h("span", { key: '7b50957552fa95f6831c1004fc239ed28665eebd' }, h("span", { key: '0034102e13771426f3ae4feba28ff4b726055e22', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'd31dbee5a60238c90b450619e0102d68c510bf47', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '6a757acf102ecb223c7bd1f9f8320fb8436fa8cd', name: "list" })))), this.customContent && h("slot", { key: '41c1bf974a47b8037d571e67cb1aa422c63d444c', name: "content" })));
+        return (h("div", { key: '95471e9b224ae123dbee86149a8ad1bb2d8cbaaf', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: 'b9df9be334a121be3c84f40ac31dc00359e42b85', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '48f1b9befd8700ce2b1fd503e146e0f4890b642e', class: "toggle" }, h("slot", { key: '780b4ebc07c7571dc1e5a29bfd42fe913b16e1c4', name: "toggle" })), this.titolo && h("p", { key: '8b7491fc25b5242d5227de74e49b2bfa4ed1b94d', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '3d2ffb755ab4bc961f690dce39e69a64bbd1b386', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: 'e19edaab5eccfba65a5f7cf43a1955200a33e590' }, h("p", { key: '134507d968cf847976e1a3fa57c0a2ad5d8c448a', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '0def6b25daa09188958accdfa2e4f96cd52e6ab0', title: this.getTitleAuthors() }, h("span", { key: '32c27603fd64494fe660d7b4cb31687bb8efc974', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'd4f81349f5e4cb36711fca0ebb42aafe8843efca', class: "year-isbn" }, h("span", { key: 'd6a1ff032454ece5bb485bcf3462d24a3005396e', class: "isbn" }, h("span", { key: '860b6c3c876d1e02015f86b93fd9cad1eac7f0ba' }, h("span", { key: '3f3656a7b6bba750d1e7522bad1f2a875aff9b52', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '4af2ea2d2684984f328bea6cf50d13524036772c', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '89d9b0d155e93a03c557ebdccc77d256145a4558', name: "list" })))), this.customContent && h("slot", { key: '9a1aa30dd1df23d4ab8c6d5138d731f17cdf2ff6', 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: '0344c4e070449ed8a08e4dded7a71e6ac4911928' }, h("footer", { key: '96a2a91d1471369f14930a65a30cd7e2a1cefe89' }, h("div", { key: 'e5a888a9b4b7f7304180d312180f1f9b21b8c815', class: "top" }, h("slot", { key: 'e58c11948649ca7810f507bbddf84dd37bb631df', name: "top" })), h("div", { key: '2167d5af09430d8c3dbf018aabd8d610274e9615', class: "bottom" }, h("slot", { key: 'd3e0867c0d92f240d83954e127a5c2342139d8d0', name: "bottom" })))));
+        return (h("div", { key: '360208c758c0173bd270a796f5537c12ca3a6025' }, h("footer", { key: '2cc4273bc39b575eb1c2adbb8c32f261efbc6eaa' }, h("div", { key: 'd8f3dccf2e3db8245281ba76b8643f147b0fe6e0', class: "top" }, h("slot", { key: '8552908078ded7a827b7c6c3fa53c73ae3a2f64d', name: "top" })), h("div", { key: 'd416449033db5c2b5d1e5d5db24067a71e10d9bc', class: "bottom" }, h("slot", { key: 'a3404835e90df89465f0e6317d4f71f879a6cff0', 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: '988344ef2432437b6fdba8698f4851815c07e4cb', class: this.retrieveClass() }, h("slot", { key: '193d1d64b6b996d78c14a9440fd211bc5933b68b', name: "aria-heading" }), h("span", { key: '41a8a3536e113a2c1dfab62bd4c79280b7cc7688', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '3115ff7d2ca8cd33cd83864e438eef44e34112ba', name: "icon" })));
+        return (h("header", { key: 'cd975d148914a4d2b4e95ac321ac492d0fc7475d', class: this.retrieveClass() }, h("slot", { key: '078a31629ae0d7df1284e031ba5dd010c3e43a53', name: "aria-heading" }), h("span", { key: '16ad3c56cd8c1bfeb1bce22a78d3b4019f0298f9', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '6ef1e3e9d12d292e12a7300cdb36b3a06af3787c', 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: '8bb6a4fe4b3923048ab90bfaa78852777692b33c', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '37723cd27adeda77455a24f9c5dd6a688737106d' }, h("z-icon", { key: '972caeff592a906837ffb190c8139424e0c2a2ca', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: 'dce263721e9c0483d2715776decad8392c9d083f', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: 'cd20d6f9c83b394cd651bcf8b92626daa04e9c16' }, h("z-icon", { key: 'ecdad1d4dc3b39826f0a4cb51e3cb0b97fe5f3f0', 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: '2a05ddeb716ce41cc96f39719f485fcf717f52e6' }, this.renderCloseIcon(), h("div", { key: 'd657573cb16fc4f79a7803a78f24ab5bd398d4c9', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '30c4c278f935dee8e281a357ac292962cdaa71c3', class: "cta-wrapper" }, h("slot", { key: 'af3c4fd43855806fe5a018eb02beec2493f9743f' }))));
+        return (h("div", { key: 'caf12cdfa9cea6d882b85dfb809e55036449bf19' }, this.renderCloseIcon(), h("div", { key: '7b01593abc3b658a08faad90c18f040284006ecd', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: 'def1beafdcd5c7a42fea42fa70976a7eeca1dbad', class: "cta-wrapper" }, h("slot", { key: '514e3cab754ccffe63c867b1fa2b41e0de27b3ea' }))));
     }
     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: '940d7610b69261b22535eabeb94fbc305b21b448' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: '4b0208d11f8bf0bce26d4f2613546485c603c4df' }, 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: 'f9ab893ced59fa7364b54575686431e0ee26398e' }, this.list &&
+        return (h("ul", { key: '5cb2ef9c27694d786b4163e2ee6a006b3cbc8f72' }, 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: '9599d4c9dd36685154e7360e2c0335cc7b827810', 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: '025c3c3590efa91daa471f56bdd547199339b3fb', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '521004dadf11d99a62146e7fc668360fc3e4a920', 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: 'fbad1c17763a42f99c57f466c1413822e2911781' }))));
+        return (h("li", { key: '724946d19b711854f81ba9ea9aa30e931c35ac3b', 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: 'f10d3d95d9e36acb282c7d17beb5af69aa71bb4c', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '4aee715f8daab185a502e446cdfc1c3e51e549b9', 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: '8347ee62c05d2262ea4df2efb8cbef29254b0759' }))));
     }
     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: 'a04290b826aa50ecac798ad9126d93ee1d7e883e', class: this.type }, h("slot", { key: 'bc0f26d27fe3a68484f3079f11fb1c767fe255c4' })));
+        return (h("div", { key: 'fbaabbbf85639d244d1404f4edb5488a1fcb3fa6', class: this.type }, h("slot", { key: 'c8eadc13e3a8b3fd2b589b84b014734b032ae1b6' })));
     }
     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: '9e28959418f6f1b382f16836935e12b3acddfa8f', class: "otp-container" }, h("div", { key: '9348bd6807e797441789a465ebdae3a03d1a7534', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: '1d894b5748303b0c8608f99266b207697cc98659', class: "otp-container" }, h("div", { key: '77a5be776089ea3d7988f63e56e6f6702116ffcc', 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: '87ee18c72daec6c0c903aa91e5a717c4d5a729b5', 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: '862bef74e3e88e3caf212c5617db73820dae3af5', 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: '2d4c53596f0adbb763e2b8fbc0088d564173f0dd' }, input);
+        return h(Host, { key: 'f59312821e115fe3cc9d55b867ddc9976f484639' }, 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: '618b83c814f36e4ee9b06f6e7873c8278ddb39e7' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: '9c1b3b21d7fc6f0097cc5dc6011c518007f58513', name: this.statusIcons[this.status] }), h("span", { key: 'f37f42e47227afd0a86fcf0040ea094b48567bd4', innerHTML: this.message })));
+        return (h(Host, Object.assign({ key: '64743b53453d4373ab87b8145d789362502adba2' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: 'ee91747477c931223e978f7020d2d3c8fcd113e6', name: this.statusIcons[this.status] }), h("span", { key: 'a34b74de07034c9aa00bb6c701c2d05ea2de0a82', innerHTML: this.message })));
     }
     static get watchers() { return {
         "message": ["onMessageChange"],

package/dist/components/index15.js

@@ -973,16 +973,16 @@ const ZModal = /*@__PURE__*/ proxyCustomElement(class ZModal extends HTMLElement
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: '879616ceb0fe8efdc260faf34308b8abde70a9dc', class: {
+        return (h("dialog", { key: '503ac50f3dc7be8877138ac79cf6ced2e980d5ba', 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: 'cbb8ef7c9ddabbdfddf1abd92a95ffb78109f3ba', 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: '465d23e5c49aa84569d9da23f8147ea4623c2ebe', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, h("header", { key: 'fa1811f7d3ac5a58163acc6e9292fa0cbf899b6f', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: 'ded46a7e313929991a9740c7f1baf3885b85ce15' }, this.modaltitle && h("h1", { key: 'd127c62752ed24c849fb1de7e3e44e3ef72ea564', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '7055e46bc31534ef074246aaf95158b1cd9b4078', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: 'fec1db797c7cd9ed298c62da41327f07547375d4', class: {
+            }, id: this.modalid }, h("header", { key: '3fc4ed74ba4a9d12603721ab6ae30f0ae2cc4873', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '03a4a96b10ddbd58a1c2232ce951910fff75d9a9' }, this.modaltitle && h("h1", { key: 'cd3477f565c3f9ff1da20ec2d3984275156fc429', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '28aa28df2002147057dce0bb1ea62541cfcc4d2b', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '02d3b8ac1fa32e84ff837f6937065c81ec03f047', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: 'fead24447d41a1eaf4972d9c65bdc42b1937988f', name: "modalContent" }))), h("div", { key: '322c011045b5ed86aabc924217e142a7233f1eeb', class: {
+            }, id: "modal-content" }, h("slot", { key: '01f16e6a6c9b1caa16271ddd28a01ac0c3ae5e5f', name: "modalContent" }))), h("div", { key: '7cb7575c0f661982ed7853ca3df904331fea6c57', 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: 'e5fa71bf451dc94d61625859c0488167dfe55aa5', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '030c0293e15a3e8dfb6597a11d185c77485da769' })));
+        return (h("div", { key: '1b155ce79b5ab224a7dd7e6c7573b44de344abb8', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '02f31434fd697c81d7907fba3ed2fc236a596acb' })));
     }
     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: 'f2c7eef553e44b57356f4c2986b087fca59a79c3' }, h("slot", { key: '418008cdfd439cd25985b1ccdf711306330f2ab5', name: "alert" }), h("slot", { key: '47ba0ba8eb92dd2f963069f2a8f66ccf9910514d', name: "cover" })));
+        return (h("div", { key: 'ae770cc2c13b9f3ce5a83376db41393bc1ce8c61' }, h("slot", { key: '4c968dfe99e888a6d81d1cc0f63bd06ef2d401ae', name: "alert" }), h("slot", { key: '09640a5b36e95c15ddd7c30979468ed513285523', 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: '85d94f2601a6d08fcb17c791bf888ac45850e19c', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (h("img", { key: '9555b697e00b73e9dcc0333159479cd0c905b1fc', 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: '988344ef2432437b6fdba8698f4851815c07e4cb', class: this.retrieveClass() }, h("slot", { key: '193d1d64b6b996d78c14a9440fd211bc5933b68b', name: "aria-heading" }), h("span", { key: '41a8a3536e113a2c1dfab62bd4c79280b7cc7688', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '3115ff7d2ca8cd33cd83864e438eef44e34112ba', name: "icon" })));
+        return (h("header", { key: 'cd975d148914a4d2b4e95ac321ac492d0fc7475d', class: this.retrieveClass() }, h("slot", { key: '078a31629ae0d7df1284e031ba5dd010c3e43a53', name: "aria-heading" }), h("span", { key: '16ad3c56cd8c1bfeb1bce22a78d3b4019f0298f9', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '6ef1e3e9d12d292e12a7300cdb36b3a06af3787c', 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: '9599d4c9dd36685154e7360e2c0335cc7b827810', 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: '025c3c3590efa91daa471f56bdd547199339b3fb', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '521004dadf11d99a62146e7fc668360fc3e4a920', 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: 'fbad1c17763a42f99c57f466c1413822e2911781' }))));
+        return (h("li", { key: '724946d19b711854f81ba9ea9aa30e931c35ac3b', 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: 'f10d3d95d9e36acb282c7d17beb5af69aa71bb4c', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '4aee715f8daab185a502e446cdfc1c3e51e549b9', 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: '8347ee62c05d2262ea4df2efb8cbef29254b0759' }))));
     }
     static get style() { return ZMyzListItemStyle0; }
 }, [1, "z-myz-list-item", {

package/dist/components/index21.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { O as OffCanvasVariant, u as TransitionDirection } from './index2.js';
 
-const stylesCss = ".sc-z-offcanvas-h{min-width:100%;height:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;overflow:-moz-scrollbars-none;overflow:hidden;min-width:100%;height:100%;flex-direction:column;background:var(--color-surface01)}[variant=\"pushcontent\"].sc-z-offcanvas-h{display:none}[open].sc-z-offcanvas-h{display:flex;visibility:visible}.sc-z-offcanvas-h:not([open]){visibility:hidden}[variant=\"overlay\"].sc-z-offcanvas-h{position:fixed;z-index:1000;top:var(--z-offcanvas--top-space, 0);right:0;bottom:0;left:0;display:flex;height:calc(100% - var(--z-offcanvas--top-space, 0))}[variant=\"overlay\"][transitiondirection=\"left\"].sc-z-offcanvas-h{justify-content:end}[variant=\"overlay\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1010}[variant=\"overlay\"].sc-z-offcanvas-h .canvas-background.sc-z-offcanvas{position:absolute;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:auto;flex:1 auto;padding:var(--z-offcanvas--padding, 0 calc(var(--space-unit) * 2));margin:var(\n    --z-offcanvas--margin,\n    calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0\n  );overflow-x:hidden}[variant=\"overlay\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{padding:var(\n    --z-offcanvas--padding,\n    0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2)\n  );margin:var(--z-offcanvas--margin, calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) 0 0)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-track{background-color:transparent}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}@media only screen and (max-width: 767px){[open][transitiondirection=\"left\"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-right 0.4s ease-out}[open][transitiondirection=\"right\"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-left 0.4s ease-out}}@media only screen and (min-width: 768px){.sc-z-offcanvas-h{min-width:auto}.canvas-container.sc-z-offcanvas{width:auto;min-width:max(var(--z-offcanvas--container-width), 375px);max-width:max(var(--z-offcanvas--container-width), 375px);height:auto;min-height:calc(var(--space-unit) * 40)}.sc-z-offcanvas-h:not([variant=\"overlay\"])[open]:not(.skip-animation){width:auto;animation:grow 0.4s ease-out}}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}@keyframes enter-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes enter-right{from{transform:translateX(100%)}to{transform:translateX(0)}}[open][variant=\"overlay\"][transitiondirection=\"left\"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-right 0.4s ease-out}[open][transitiondirection=\"right\"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-left 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"][transitiondirection=\"right\"]>.canvas-container.sc-z-offcanvas{transform:translateX(-100%);transition:visibility 0.4s ease-out,\n    transform 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"][transitiondirection=\"left\"]>.canvas-container.sc-z-offcanvas{transform:translateX(100%);transition:visibility 0.4s ease-out,\n    transform 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"] .canvas-background.sc-z-offcanvas{transition:visibility 0.4s ease-out;visibility:hidden}";
+const stylesCss = ".sc-z-offcanvas-h{min-width:100%;height:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;overflow:-moz-scrollbars-none;overflow:hidden;min-width:100%;height:100%;flex-direction:column;background:var(--color-surface01)}[variant=\"pushcontent\"].sc-z-offcanvas-h{display:none}[open].sc-z-offcanvas-h{display:flex;visibility:visible}.sc-z-offcanvas-h:not([open]){visibility:hidden}[variant=\"overlay\"].sc-z-offcanvas-h{position:fixed;z-index:1000;top:var(--z-offcanvas--top-space, 0);right:0;bottom:0;left:0;display:flex;height:calc(100% - var(--z-offcanvas--top-space, 0))}[variant=\"overlay\"][transitiondirection=\"left\"].sc-z-offcanvas-h{justify-content:end}[variant=\"overlay\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1010}[variant=\"overlay\"].sc-z-offcanvas-h .canvas-background.sc-z-offcanvas{position:absolute;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;overflow-x:hidden}[variant=\"overlay\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{padding:0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) 0 0}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-track{background-color:transparent}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}@media only screen and (max-width: 767px){[open][transitiondirection=\"left\"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-right 0.4s ease-out}[open][transitiondirection=\"right\"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-left 0.4s ease-out}}@media only screen and (min-width: 768px){.sc-z-offcanvas-h{min-width:auto}.canvas-container.sc-z-offcanvas{width:auto;min-width:max(var(--z-offcanvas--container-width), 375px);max-width:max(var(--z-offcanvas--container-width), 375px);height:auto;min-height:calc(var(--space-unit) * 40)}.sc-z-offcanvas-h:not([variant=\"overlay\"])[open]:not(.skip-animation){width:auto;animation:grow 0.4s ease-out}}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}@keyframes enter-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes enter-right{from{transform:translateX(100%)}to{transform:translateX(0)}}[open][variant=\"overlay\"][transitiondirection=\"left\"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-right 0.4s ease-out}[open][transitiondirection=\"right\"].sc-z-offcanvas-h:not(.skip-animation)>.canvas-container.sc-z-offcanvas{animation:enter-left 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"][transitiondirection=\"right\"]>.canvas-container.sc-z-offcanvas{transform:translateX(-100%);transition:visibility 0.4s ease-out,\n    transform 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"][transitiondirection=\"left\"]>.canvas-container.sc-z-offcanvas{transform:translateX(100%);transition:visibility 0.4s ease-out,\n    transform 0.4s ease-out}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"] .canvas-background.sc-z-offcanvas{transition:visibility 0.4s ease-out;visibility:hidden}";
 const ZOffcanvasStyle0 = stylesCss;
 
 const ZOffcanvas = /*@__PURE__*/ proxyCustomElement(class ZOffcanvas extends HTMLElement {
@@ -29,7 +29,7 @@ const ZOffcanvas = /*@__PURE__*/ proxyCustomElement(class ZOffcanvas extends HTM
         this.open = false;
     }
     render() {
-        return (h(Host, { key: 'fac60438b011f911c7c15d7eea6f3a832e024173', class: { "skip-animation": this.skipLoadAnimation } }, h("div", { key: '936221f4300bda09389cd37371f39e554e6db64c', role: "presentation", class: "canvas-container", onTransitionEnd: () => this.handlePageOverflow() }, h("div", { key: 'bc4f3a8270c336771f20347468789c504df8a4f1', role: "presentation", class: "canvas-content" }, h("slot", { key: '5915a9fe222d3d2becf8b3279dde0ab09b227785', name: "canvasContent" }))), this.variant == OffCanvasVariant.OVERLAY && (h("div", { key: '8d15d38979e4a1df7ae511f2f7e4cf9463e98297', class: "canvas-background", "data-action": "canvasBackground", onClick: () => (this.open = false) }))));
+        return (h(Host, { key: 'b4b8778755c76b6d77417626cee9edfb81f3e748', class: { "skip-animation": this.skipLoadAnimation } }, h("div", { key: 'cca04fcee0668ad15c7acc2431e70affb055e469', role: "presentation", class: "canvas-container", onTransitionEnd: () => this.handlePageOverflow() }, h("div", { key: '64d1f1ad2304b724f8d979286db3837b6c8bc6e1', role: "presentation", class: "canvas-content" }, h("slot", { key: 'df7cc12605c962d5bf8e3fc125bd7c5f73bd6f43', name: "canvasContent" }))), this.variant == OffCanvasVariant.OVERLAY && (h("div", { key: 'c9bba05a384e29cf2883bc17dfb60abb2ec23e54', class: "canvas-background", "data-action": "canvasBackground", onClick: () => (this.open = false) }))));
     }
     static get watchers() { return {
         "open": ["onOpenChanged"]

package/dist/components/index21.js.map

@@ -1 +1 @@
-{"file":"index21.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,2pIAA2pI,CAAC;AAC9qI,yBAAe,SAAS;;MCYX,UAAU;;;;;uBAOQ,gBAAgB,CAAC,WAAW;oBAIlD,KAAK;mCAIgC,mBAAmB,CAAC,IAAI;iCAOhD,KAAK;;IAOzB,aAAa;QACX,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,iBAAiB,EAAE;YACxC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;SAChC;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9C;IAEO,kBAAkB;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,GAAG,YAAY,GAAG,YAAY,CAAC;QACzF,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,QAAQ,GAAG,EAAE,CAAC;KAC3D;IAED,oBAAoB;QAClB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAC,IACrD,4DACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,kBAAkB,EACxB,eAAe,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,IAEhD,4DACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,gBAAgB,IAEtB,6DAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACF,EACL,IAAI,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,KACvC,4DACE,KAAK,EAAC,mBAAmB,iBACb,kBAAkB,EAC9B,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAC7B,CACR,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/z-offcanvas/styles.css?tag=z-offcanvas&encapsulation=scoped","src/components/z-offcanvas/index.tsx"],"sourcesContent":[":host {\n  --z-offcanvas--container-width: ;\n  --z-offcanvas--top-space: ;\n  --z-offcanvas--padding: ;\n  --z-offcanvas--margin: ;\n\n  min-width: 100%;\n  height: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.canvas-container {\n  display: flex;\n  overflow: -moz-scrollbars-none;\n  overflow: hidden;\n  min-width: 100%;\n  height: 100%;\n  flex-direction: column;\n  background: var(--color-surface01);\n}\n\n:host([variant=\"pushcontent\"]) {\n  display: none;\n}\n\n:host([open]) {\n  display: flex;\n  visibility: visible;\n}\n\n:host(:not([open])) {\n  visibility: hidden;\n}\n\n:host([variant=\"overlay\"]) {\n  position: fixed;\n  z-index: 1000;\n  top: var(--z-offcanvas--top-space, 0);\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  height: calc(100% - var(--z-offcanvas--top-space, 0));\n}\n\n:host([variant=\"overlay\"][transitiondirection=\"left\"]) {\n  justify-content: end;\n}\n\n:host([variant=\"overlay\"]) > .canvas-container {\n  z-index: 1010;\n}\n\n:host([variant=\"overlay\"]) .canvas-background {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--gray900);\n  opacity: 0.7;\n}\n\n.canvas-container > .canvas-content {\n  overflow: auto;\n  flex: 1 auto;\n  padding: var(--z-offcanvas--padding, 0 calc(var(--space-unit) * 2));\n  margin: var(\n    --z-offcanvas--margin,\n    calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0\n  );\n  overflow-x: hidden;\n}\n\n:host([variant=\"overlay\"]) > .canvas-container > .canvas-content {\n  padding: var(\n    --z-offcanvas--padding,\n    0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2)\n  );\n  margin: var(--z-offcanvas--margin, calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) 0 0);\n}\n\n/* Webkit Scrollbar */\n.canvas-container .canvas-content::-webkit-scrollbar {\n  width: 10px;\n  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n  border-radius: var(--border-radius);\n}\n\n.canvas-container .canvas-content::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n.canvas-container .canvas-content::-webkit-scrollbar-thumb {\n  width: 10px;\n  background-color: var(--color-primary01);\n  border-radius: var(--border-radius);\n}\n\n.canvas-container .canvas-content::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n/* Firefox */\n.canvas-container .canvas-content {\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n/* Mobile */\n@media only screen and (max-width: 767px) {\n  :host([open][transitiondirection=\"left\"]:not(.skip-animation)) > .canvas-container {\n    animation: enter-right 0.4s ease-out;\n  }\n\n  :host([open][transitiondirection=\"right\"]:not(.skip-animation)) > .canvas-container {\n    animation: enter-left 0.4s ease-out;\n  }\n}\n\n/* Tablet / Desktop */\n@media only screen and (min-width: 768px) {\n  :host {\n    min-width: auto;\n  }\n\n  .canvas-container {\n    width: auto;\n    min-width: max(var(--z-offcanvas--container-width), 375px);\n    max-width: max(var(--z-offcanvas--container-width), 375px);\n    height: auto;\n    min-height: calc(var(--space-unit) * 40);\n  }\n\n  :host(:not([variant=\"overlay\"])[open]:not(.skip-animation)) {\n    width: auto;\n    animation: grow 0.4s ease-out;\n  }\n}\n\n/* ANIMATION */\n\n@keyframes grow {\n  from {\n    width: 0;\n  }\n\n  to {\n    width: max(var(--z-offcanvas--container-width), 375px);\n  }\n}\n\n@keyframes enter-left {\n  from {\n    transform: translateX(-100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes enter-right {\n  from {\n    transform: translateX(100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n:host([open][variant=\"overlay\"][transitiondirection=\"left\"]:not(.skip-animation)) > .canvas-container {\n  animation: enter-right 0.4s ease-out;\n}\n\n:host([open][transitiondirection=\"right\"]:not(.skip-animation)) > .canvas-container {\n  animation: enter-left 0.4s ease-out;\n}\n\n:host(:not([open])[variant=\"overlay\"][transitiondirection=\"right\"]) > .canvas-container {\n  transform: translateX(-100%);\n  transition:\n    visibility 0.4s ease-out,\n    transform 0.4s ease-out;\n}\n\n:host(:not([open])[variant=\"overlay\"][transitiondirection=\"left\"]) > .canvas-container {\n  transform: translateX(100%);\n  transition:\n    visibility 0.4s ease-out,\n    transform 0.4s ease-out;\n}\n\n:host(:not([open])[variant=\"overlay\"]) .canvas-background {\n  transition: visibility 0.4s ease-out;\n  visibility: hidden;\n}\n","import {Component, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\";\nimport {OffCanvasVariant, TransitionDirection} from \"../../beans\";\n/**\n * @slot canvasContent - Slot for the main content.\n * @cssprop --z-offcanvas--padding - Overrides the default padding.\n * @cssprop --z-offcanvas--margin - Overrides the default margin.\n */\n@Component({\n  tag: \"z-offcanvas\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZOffcanvas {\n  /**\n   * Offcanvas variant.\n   * Can be one `overlay` or `pushcontent`.\n   * Default variant: pushcontent\n   */\n  @Prop({reflect: true})\n  variant?: OffCanvasVariant = OffCanvasVariant.PUSHCONTENT;\n\n  /** Whether the offcanvas is open. Default: false */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /** open content transitioning in a specified direction left | right. Default: left */\n  @Prop({reflect: true})\n  transitiondirection?: TransitionDirection = TransitionDirection.LEFT;\n\n  /**\n   * Whether to skip the initial animation.\n   * Useful when the initial value of the `open` prop is set to `true`.\n   */\n  @Prop({mutable: true})\n  skipLoadAnimation = false;\n\n  /** emitted when `open` prop changes */\n  @Event()\n  canvasOpenStatusChanged: EventEmitter;\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    if (!this.open && this.skipLoadAnimation) {\n      this.skipLoadAnimation = false;\n    }\n\n    this.handlePageOverflow();\n    this.canvasOpenStatusChanged.emit(this.open);\n  }\n\n  private handlePageOverflow(): void {\n    const overflow = this.variant === OffCanvasVariant.OVERLAY ? \"overflow-y\" : \"overflow-x\";\n    document.body.style[overflow] = this.open ? \"hidden\" : \"\";\n  }\n\n  disconnectedCallback(): void {\n    this.open = false;\n  }\n\n  render(): HTMLZOffcanvasElement {\n    return (\n      <Host class={{\"skip-animation\": this.skipLoadAnimation}}>\n        <div\n          role=\"presentation\"\n          class=\"canvas-container\"\n          onTransitionEnd={() => this.handlePageOverflow()}\n        >\n          <div\n            role=\"presentation\"\n            class=\"canvas-content\"\n          >\n            <slot name=\"canvasContent\"></slot>\n          </div>\n        </div>\n        {this.variant == OffCanvasVariant.OVERLAY && (\n          <div\n            class=\"canvas-background\"\n            data-action=\"canvasBackground\"\n            onClick={() => (this.open = false)}\n          ></div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"index21.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,2gIAA2gI,CAAC;AAC9hI,yBAAe,SAAS;;MCUX,UAAU;;;;;uBAOQ,gBAAgB,CAAC,WAAW;oBAIlD,KAAK;mCAIgC,mBAAmB,CAAC,IAAI;iCAOhD,KAAK;;IAOzB,aAAa;QACX,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,iBAAiB,EAAE;YACxC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;SAChC;QAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9C;IAEO,kBAAkB;QACxB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,GAAG,YAAY,GAAG,YAAY,CAAC;QACzF,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,QAAQ,GAAG,EAAE,CAAC;KAC3D;IAED,oBAAoB;QAClB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;KACnB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAC,IACrD,4DACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,kBAAkB,EACxB,eAAe,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,IAEhD,4DACE,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,gBAAgB,IAEtB,6DAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACF,EACL,IAAI,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,KACvC,4DACE,KAAK,EAAC,mBAAmB,iBACb,kBAAkB,EAC9B,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,GAC7B,CACR,CACI,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/z-offcanvas/styles.css?tag=z-offcanvas&encapsulation=scoped","src/components/z-offcanvas/index.tsx"],"sourcesContent":[":host {\n  --z-offcanvas--container-width: ;\n  --z-offcanvas--top-space: ;\n\n  min-width: 100%;\n  height: 100%;\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n.canvas-container {\n  display: flex;\n  overflow: -moz-scrollbars-none;\n  overflow: hidden;\n  min-width: 100%;\n  height: 100%;\n  flex-direction: column;\n  background: var(--color-surface01);\n}\n\n:host([variant=\"pushcontent\"]) {\n  display: none;\n}\n\n:host([open]) {\n  display: flex;\n  visibility: visible;\n}\n\n:host(:not([open])) {\n  visibility: hidden;\n}\n\n:host([variant=\"overlay\"]) {\n  position: fixed;\n  z-index: 1000;\n  top: var(--z-offcanvas--top-space, 0);\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  height: calc(100% - var(--z-offcanvas--top-space, 0));\n}\n\n:host([variant=\"overlay\"][transitiondirection=\"left\"]) {\n  justify-content: end;\n}\n\n:host([variant=\"overlay\"]) > .canvas-container {\n  z-index: 1010;\n}\n\n:host([variant=\"overlay\"]) .canvas-background {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--gray900);\n  opacity: 0.7;\n}\n\n.canvas-container > .canvas-content {\n  overflow: auto;\n  flex: 1 auto;\n  padding: 0 calc(var(--space-unit) * 2);\n  margin: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;\n  overflow-x: hidden;\n}\n\n:host([variant=\"overlay\"]) > .canvas-container > .canvas-content {\n  padding: 0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);\n  margin: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) 0 0;\n}\n\n/* Webkit Scrollbar */\n.canvas-container .canvas-content::-webkit-scrollbar {\n  width: 10px;\n  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n  border-radius: var(--border-radius);\n}\n\n.canvas-container .canvas-content::-webkit-scrollbar-track {\n  background-color: transparent;\n}\n\n.canvas-container .canvas-content::-webkit-scrollbar-thumb {\n  width: 10px;\n  background-color: var(--color-primary01);\n  border-radius: var(--border-radius);\n}\n\n.canvas-container .canvas-content::-webkit-scrollbar-thumb:hover {\n  background-color: var(--color-hover-primary);\n}\n\n/* Firefox */\n.canvas-container .canvas-content {\n  scrollbar-color: var(--color-primary01) transparent;\n}\n\n/* Mobile */\n@media only screen and (max-width: 767px) {\n  :host([open][transitiondirection=\"left\"]:not(.skip-animation)) > .canvas-container {\n    animation: enter-right 0.4s ease-out;\n  }\n\n  :host([open][transitiondirection=\"right\"]:not(.skip-animation)) > .canvas-container {\n    animation: enter-left 0.4s ease-out;\n  }\n}\n\n/* Tablet / Desktop */\n@media only screen and (min-width: 768px) {\n  :host {\n    min-width: auto;\n  }\n\n  .canvas-container {\n    width: auto;\n    min-width: max(var(--z-offcanvas--container-width), 375px);\n    max-width: max(var(--z-offcanvas--container-width), 375px);\n    height: auto;\n    min-height: calc(var(--space-unit) * 40);\n  }\n\n  :host(:not([variant=\"overlay\"])[open]:not(.skip-animation)) {\n    width: auto;\n    animation: grow 0.4s ease-out;\n  }\n}\n\n/* ANIMATION */\n\n@keyframes grow {\n  from {\n    width: 0;\n  }\n\n  to {\n    width: max(var(--z-offcanvas--container-width), 375px);\n  }\n}\n\n@keyframes enter-left {\n  from {\n    transform: translateX(-100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes enter-right {\n  from {\n    transform: translateX(100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n:host([open][variant=\"overlay\"][transitiondirection=\"left\"]:not(.skip-animation)) > .canvas-container {\n  animation: enter-right 0.4s ease-out;\n}\n\n:host([open][transitiondirection=\"right\"]:not(.skip-animation)) > .canvas-container {\n  animation: enter-left 0.4s ease-out;\n}\n\n:host(:not([open])[variant=\"overlay\"][transitiondirection=\"right\"]) > .canvas-container {\n  transform: translateX(-100%);\n  transition:\n    visibility 0.4s ease-out,\n    transform 0.4s ease-out;\n}\n\n:host(:not([open])[variant=\"overlay\"][transitiondirection=\"left\"]) > .canvas-container {\n  transform: translateX(100%);\n  transition:\n    visibility 0.4s ease-out,\n    transform 0.4s ease-out;\n}\n\n:host(:not([open])[variant=\"overlay\"]) .canvas-background {\n  transition: visibility 0.4s ease-out;\n  visibility: hidden;\n}\n","import {Component, Event, EventEmitter, h, Host, Prop, Watch} from \"@stencil/core\";\nimport {OffCanvasVariant, TransitionDirection} from \"../../beans\";\n/**\n * @slot canvasContent - Slot for the main content.\n */\n@Component({\n  tag: \"z-offcanvas\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n  scoped: true,\n})\nexport class ZOffcanvas {\n  /**\n   * Offcanvas variant.\n   * Can be one `overlay` or `pushcontent`.\n   * Default variant: pushcontent\n   */\n  @Prop({reflect: true})\n  variant?: OffCanvasVariant = OffCanvasVariant.PUSHCONTENT;\n\n  /** Whether the offcanvas is open. Default: false */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /** open content transitioning in a specified direction left | right. Default: left */\n  @Prop({reflect: true})\n  transitiondirection?: TransitionDirection = TransitionDirection.LEFT;\n\n  /**\n   * Whether to skip the initial animation.\n   * Useful when the initial value of the `open` prop is set to `true`.\n   */\n  @Prop({mutable: true})\n  skipLoadAnimation = false;\n\n  /** emitted when `open` prop changes */\n  @Event()\n  canvasOpenStatusChanged: EventEmitter;\n\n  @Watch(\"open\")\n  onOpenChanged(): void {\n    if (!this.open && this.skipLoadAnimation) {\n      this.skipLoadAnimation = false;\n    }\n\n    this.handlePageOverflow();\n    this.canvasOpenStatusChanged.emit(this.open);\n  }\n\n  private handlePageOverflow(): void {\n    const overflow = this.variant === OffCanvasVariant.OVERLAY ? \"overflow-y\" : \"overflow-x\";\n    document.body.style[overflow] = this.open ? \"hidden\" : \"\";\n  }\n\n  disconnectedCallback(): void {\n    this.open = false;\n  }\n\n  render(): HTMLZOffcanvasElement {\n    return (\n      <Host class={{\"skip-animation\": this.skipLoadAnimation}}>\n        <div\n          role=\"presentation\"\n          class=\"canvas-container\"\n          onTransitionEnd={() => this.handlePageOverflow()}\n        >\n          <div\n            role=\"presentation\"\n            class=\"canvas-content\"\n          >\n            <slot name=\"canvasContent\"></slot>\n          </div>\n        </div>\n        {this.variant == OffCanvasVariant.OVERLAY && (\n          <div\n            class=\"canvas-background\"\n            data-action=\"canvasBackground\"\n            onClick={() => (this.open = false)}\n          ></div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/index22.js

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

package/dist/components/index23.js

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

package/dist/components/index24.js

@@ -12,9 +12,9 @@ const ZTag = /*@__PURE__*/ proxyCustomElement(class ZTag extends HTMLElement {
         this.expandable = undefined;
     }
     render() {
-        return (h(Host, { key: 'dab9210f7c3cfc75d0c009f4bc8a1841bdbc371b', class: {
+        return (h(Host, { key: 'ea34d3ee122186a6d5538a6b8b190980b0fa93c3', class: {
                 expandable: this.expandable && !!this.icon,
-            } }, this.icon && h("z-icon", { key: 'e7dc02062a4c525977b3734540dd1c2f4b5375a3', name: this.icon }), h("div", { key: '9b72b749cddf039f2c92345e9b02061c322c3e58' }, h("slot", { key: 'df6fe3eaea544ad012168bce4049d0d7fa239944' }))));
+            } }, this.icon && h("z-icon", { key: '260403ea82fc6f86d16ff9ac36c6b0b240feeb50', name: this.icon }), h("div", { key: 'eb603b28c89140eb429810f0f39a1d2869e2a3ab' }, h("slot", { key: '8edaa4c961fc03cae35c8fb7ed7e26c67d1610d2' }))));
     }
     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: 'a04290b826aa50ecac798ad9126d93ee1d7e883e', class: this.type }, h("slot", { key: 'bc0f26d27fe3a68484f3079f11fb1c767fe255c4' })));
+        return (h("div", { key: 'fbaabbbf85639d244d1404f4edb5488a1fcb3fa6', class: this.type }, h("slot", { key: 'c8eadc13e3a8b3fd2b589b84b014734b032ae1b6' })));
     }
     static get style() { return ZAlertStyle0; }
 }, [1, "z-alert", {

package/dist/components/index5.js

@@ -17,11 +17,11 @@ const ZChip = /*@__PURE__*/ proxyCustomElement(class ZChip extends HTMLElement {
         this.ariaLabel = "";
     }
     render() {
-        return (h("div", { key: '6e341c6b23f7ec91070af8e6790832baa2065338', class: {
+        return (h("div", { key: 'fe1e1ba8b794a0e67a04236808573c3ae9bcc4ce', class: {
                 "z-chip-container": true,
                 "z-chip-interactive": !!this.interactiveIcon,
                 [this.type]: true,
-            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: '8340f5866aa0b7ae4eefe07fd528d93be8fe6a53', name: this.icon }), h("slot", { key: '36b769d7fd5e8485d4583b094bb6f7d28362a503' }), this.interactiveIcon && (h("button", { key: '1859652a7c22fa0449f6f246d83b20ca3b063aa8', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '1f21cc01c122a3d605b038cbc12d43294cac838b', class: "interactive-icon", name: this.interactiveIcon })))));
+            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: 'a1ee44f219dd0b451851aadd081d29d8a03fbeaf', name: this.icon }), h("slot", { key: '126b3211e329d893d6b5b3f567cc20630dd02534' }), this.interactiveIcon && (h("button", { key: '059813ec42ff86dff2ce9fb96650ad35b38e5622', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '3fb748bef5acea52a4d4cd565b1da11ae777e784', class: "interactive-icon", name: this.interactiveIcon })))));
     }
     get el() { return this; }
     static get style() { return ZChipStyle0; }

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: '4612250289778d2d13742de66a2d4d5fd1d35450', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+        return (h(Host, { key: 'e66c5e6bde9dd3ea0a531c87e37e643362b8d733', 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: '2881f3b25dedc311f34cd76911ff96f2fdfc0c41' });
+        return h(Host, { key: '1b6194b00f5be2533e18e4c6a914f4e51bf7e7bd' });
     }
     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: '56a50ae163d1cb527d90732d637d0a657641cff7', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '22095c950d00c43d6ddfc3eaea13c804e24fbb37', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '40f7b6d5dec14284aba76ca8884740b81f4d43a0', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '781a5720488ab4972e685d3ac4efafaf25cb1a20', class: "z-accordion-label" }, this.label), h("span", { key: '83fbad7e915391654344591231db512b13ccd1bb', class: "z-accordion-tags" }, h("slot", { key: 'd02d6e89bf46e606fdf229906036fbf3ebdbff05', name: "tag" })), h("z-icon", { key: 'd239c54b1187939517baf24809cab9c5168afa2a', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '750de9f238fad34d4d380f585cc948067f229f8a', class: "z-accordion-content", part: "content" }, h("slot", { key: '41568aa9d4e561b1f7f43fbf2bf9cb7ab0c1a713' })))));
+        return (h("details", { key: '6cbbf8aca4848416bbc95fb8114fe2ebeb857a35', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '983d8f605375d5ddce8a4a51b5b63fa8e405a483', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '595a91626c910b3dd13360bb5ad9fb09a147facc', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '30f72bedfb26e6150853c06e0e7a3e9a21afcd11', class: "z-accordion-label" }, this.label), h("span", { key: 'bfbf51e33e0114ada33cad9ea49f878cb5f39d41', class: "z-accordion-tags" }, h("slot", { key: '027530202366a508b0b434b7cf02b7e4fe6763dd', name: "tag" })), h("z-icon", { key: '8f02c3ea045b217b0b3edc08eb0c768bf98db040', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '1b03e279c9a10fcbfd753c6d364e21e78b663fdd', class: "z-accordion-content", part: "content" }, h("slot", { key: '278b1775544aad10d9a8eb4df69b370b6542291f' })))));
     }
     static get watchers() { return {
         "isDisabled": ["onDisabledChange"]

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

@@ -42,7 +42,7 @@ const ZAnchorNavigation$1 = /*@__PURE__*/ proxyCustomElement(class ZAnchorNaviga
         window.removeEventListener("hashchange", this.setCurrent);
     }
     render() {
-        return (h(Host, { key: 'b4e85ef373611b9543bab61b0045437916d9cd09', collapsed: this.collapsed }, h("z-button", { key: '97dfa2f7f35db72615f5a263dd13d4c3db94c0b4', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: '8e51117f3e341260b9a1794ff2432811dfba0683', ref: (el) => (this.nav = el) }, h("slot", { key: '2d1c7cece920f74947f5e07565498b162680d87b' }))));
+        return (h(Host, { key: '7f0773194039735c315a25768b3a6c635a9fdb5b', collapsed: this.collapsed }, h("z-button", { key: '46b631d8377d3b5c6987ee63c45ddaec9d23871b', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: '7c71bac57142ad2591e42da19fee7ce72fada9be', ref: (el) => (this.nav = el) }, h("slot", { key: 'ce6251454b66d006a2c1fd4baf5c21fa3cffdb19' }))));
     }
     get host() { return this; }
     static get style() { return ZAnchorNavigationStyle0; }

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

@@ -263,7 +263,7 @@ const ZAppHeader$1 = /*@__PURE__*/ proxyCustomElement(class ZAppHeader extends H
     }
     render() {
         const hasTopSubtitle = this.hasSlot("top-subtitle");
-        return (h(Host, { key: 'f020748be253702bde021a58bafab99200fee7dd', "menu-length": this.menuLength }, h("div", { key: '88f25ef5a70d2326bb575e661aaeb069cb825eb4', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '6f9de78f681ba75c3428221cae1e56383f2c72bb', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: '19e50fb73ab3dfafecf91bd3a6eaed3c3a593b0d', class: "top-subtitle" }, h("slot", { key: '93a9e81129a0a5b87c7fc1ed416fc3bf659c6cdd', name: "top-subtitle" }))), h("div", { key: '30144edb52cc3cd0dca40c110f5f995179a94bea', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h("slot", { key: '035a74c990721e741c00e4f12bc45d3551a65d6f', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: '7f3bed8b84cb46f6df3badbf6c8cf39bf50fec12', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '925931c60e3a55b2155e522ee141e09d89ae501c', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: '21f16ffd92aec600da9733b08432dce66d63b93e', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
+        return (h(Host, { key: '202f6410a5d144f99fd6e1dcda03e158cc6243e9', "menu-length": this.menuLength }, h("div", { key: 'de7906463bba9f27c698d8cc91858e80bf47e25b', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '2794e5031cbdac06d2d62adc5843ecbe33cd1864', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: 'ac7b5112a3e4428e93ff70ca15537722c6592958', class: "top-subtitle" }, h("slot", { key: 'aac195f353d13542c2bb34c5132ad917d75a84f8', name: "top-subtitle" }))), h("div", { key: 'd9cfcf3e58684c4dd123b1b9389d6da84d48d516', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h("slot", { key: '668343a3f5999d717a62fa9d227ffb164d026224', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: '1d506682846d26428e563c414c7c38d978946bc5', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '600d9afa684d0f7070f526ce09a9f69ebb229296', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: 'b525f96aa7ff013a0a469f161fc2667deb6a7497', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
     }
     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: 'fe408ff28d71e45649f8881b395da6b0c1fd3e96', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: '2999a9a7cd442b5d9c4a74e0c68418497335045e' })));
+        return (h(Host, { key: '351d44f3f64362a97cac21201f8cfa5311158870', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: '456a2c0bb53f74d74b84a90c027dbf94249fbab9' })));
     }
 }, [4, "z-aria-alert", {
         "mode": [1]

package/dist/components/z-avatar.js

@@ -31,10 +31,10 @@ const ZAvatar$1 = /*@__PURE__*/ proxyCustomElement(class ZAvatar extends HTMLEle
         }
     }
     render() {
-        return (h(Host, { key: '17a097738ce186c791794f5f8192cd46845df2a6', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        return (h(Host, { key: '8e7d78169cfb0f1705bc91c8db649a7d500290a6', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
                 color: `var(--${this.textColor})`,
                 backgroundColor: `var(--${this.backgroundColor})`,
-            } }, this.text && !this.image && h("span", { key: '178497c915f987e2f2daff1e17282062dfac9110' }, this.text.substring(0, 2)), this.image && (h("img", { key: '57221f7fca8e9dae9afeea77de4db247d3ad3174', src: this.image, onError: () => (this.image = "") }))));
+            } }, this.text && !this.image && h("span", { key: '096abc1df006eea6430564aaf999c22a18b60682' }, this.text.substring(0, 2)), this.image && (h("img", { key: '68d28c12bc007a0575e6797987501a1851ae8b3a', src: this.image, onError: () => (this.image = "") }))));
     }
     static get style() { return ZAvatarStyle0; }
 }, [1, "z-avatar", {

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: 'e114133d50e62f5d94d15c3529efa7700a3cd4c3', class: {
+        return (h("article", { key: '4d781e135d7b5838443817e70df1cfdc3d597adc', 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: '582cae1fd6a48626be9e602dfeb565e7a592f786', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: 'b029e4b1206b9ef6235d2c4995bd90a7ff05ffdf', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
+        return (h(Host, { key: 'ec59a3c1afe2d946df4b5ef8dae569b40e20e083', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '9b1668c981c22cd2d52f31f58e2ac38a18f574fb', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
                 semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,
                 underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,
-            } }, h("ol", { key: '738872ff5e7edc74ea1dc1f0b2b29379412f02f1' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
+            } }, h("ol", { key: 'fedac8ea463ba9b20784d20cf50f9f8526055d3b' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/z-button-sort.js

@@ -45,7 +45,7 @@ const ZButtonSort$1 = /*@__PURE__*/ proxyCustomElement(class ZButtonSort extends
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (h("button", { key: 'aa62d28a065254d872620c3deb96125c2cbbee86', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: 'f4ffc37957555118ff4984aa4a02619ff43a3187', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: 'fded8bf8fd6ccc4c18181c7707bda4fe1bb6c8d7', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: '01352602fc60865ed02b3032d1a734a2ab3fd0fc', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '086d4a4f9f5b06b6e81009b9f344347b979a69ec', name: "caret-up-down", width: 16, height: 16 })));
+        return (h("button", { key: '0cb1fb4cd3661deb66e79e85bcc87657691af1a9', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '24c3b8e7b8c6acc83f55cbf7bc0233382a3a2738', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: 'a9ae20d5e3926dc6b6cd3d54757a9c829c15c823', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: 'd3d3aa5e07074dfd72da40f8059f70e25d1a1f58', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: 'e0003ebe4688bf0af648aa9b7eb01c446460f069', name: "caret-up-down", width: 16, height: 16 })));
     }
     static get style() { return ZButtonSortStyle0; }
 }, [1, "z-button-sort", {

package/dist/components/z-carousel.js

@@ -147,7 +147,6 @@ const ZCarousel$1 = /*@__PURE__*/ proxyCustomElement(class ZCarousel extends HTM
     setupItems() {
         this.items = Array.from(this.host.children);
         this.items.forEach((item) => {
-            item.setAttribute("role", "group");
             item.setAttribute("aria-roledescription", "slide");
         });
     }
@@ -170,7 +169,7 @@ const ZCarousel$1 = /*@__PURE__*/ proxyCustomElement(class ZCarousel extends HTM
         if (this.isLoading) {
             return (h("div", { class: "z-carousel-container" }, this.label && h("div", { class: "heading-3-sb z-carousel-title" }, this.label), h("div", { style: { height: `${this.ghostLoadingHeight}px` } }, h("z-ghost-loading", null))));
         }
-        return (h(Host, null, h("div", { class: "z-carousel-container", role: "group", "aria-roledescription": "carousel", "aria-label": this.label || "Carousel" }, this.label && h("div", { class: "z-carousel-title heading-3-sb" }, this.label), h("div", { class: "z-carousel-wrapper" }, h("z-button", { class: "z-carousel-navigation-arrow", variant: ButtonVariant.SECONDARY, "data-direction": "prev", icon: "arrow-left", onClick: this.onPrev.bind(this), disabled: !this.infinite && !this.canNavigatePrev, hidden: this.arrowsPosition !== CarouselArrowsPosition.OVER || !this.canNavigate, ariaLabel: this.single ? "Mostra l'elemento precedente" : "Mostra gli elementi precedenti" }), h("ul", { class: "z-carousel-items-container", "aria-atomic": "false", "aria-live": "polite", ref: (el) => (this.itemsContainer = el) }, h("slot", { onSlotchange: this.onSlotChange.bind(this) })), h("z-button", { class: "z-carousel-navigation-arrow", variant: ButtonVariant.SECONDARY, "data-direction": "next", icon: "arrow-right", onClick: this.onNext.bind(this), disabled: !this.infinite && !this.canNavigateNext, hidden: this.arrowsPosition !== CarouselArrowsPosition.OVER || !this.canNavigate, ariaLabel: this.single ? "Mostra l'elemento successivo" : "Mostra gli elementi successivi" }))), this.canShowFooter() && (h("div", { class: "z-carousel-footer" }, this.arrowsPosition === CarouselArrowsPosition.BOTTOM && (h("z-button", { class: "z-carousel-navigation-arrow", variant: ButtonVariant.TERTIARY, icon: "arrow-left", onClick: this.onPrev.bind(this), disabled: !this.infinite && !this.canNavigatePrev, ariaLabel: this.single ? "Mostra l'elemento precedente" : "Mostra gli elementi precedenti" })), this.progressMode === CarouselProgressMode.DOTS && this.single && this.items && (h("div", { class: "dots-progress" }, this.items.map((_, index) => (h("button", { type: "button", class: { current: this.highlightedIndicator === index }, "aria-label": this.highlightedIndicator === index ? "Elemento corrente" : `Spostati all'elemento ${index + 1}`, onClick: () => this.goTo(index) }))))), this.progressMode === CarouselProgressMode.NUMBERS && this.single && this.items && (h("div", { class: "numbers-progress interactive-1" }, h("span", { class: "current" }, this.current + 1), h("span", null, "di"), h("span", null, this.items.length))), this.arrowsPosition === CarouselArrowsPosition.BOTTOM && (h("z-button", { class: "z-carousel-navigation-arrow", variant: ButtonVariant.TERTIARY, icon: "arrow-right", onClick: this.onNext.bind(this), disabled: !this.infinite && !this.canNavigateNext, ariaLabel: this.single ? "Mostra l'elemento successivo" : "Mostra gli elementi successivi" }))))));
+        return (h(Host, null, h("div", { class: "z-carousel-container", "aria-roledescription": "carousel", "aria-label": this.label || "Carousel" }, this.label && h("div", { class: "z-carousel-title heading-3-sb" }, this.label), h("div", { class: "z-carousel-wrapper" }, h("z-button", { class: "z-carousel-navigation-arrow", variant: ButtonVariant.SECONDARY, "data-direction": "prev", icon: "arrow-left", onClick: this.onPrev.bind(this), disabled: !this.infinite && !this.canNavigatePrev, hidden: this.arrowsPosition !== CarouselArrowsPosition.OVER || !this.canNavigate, ariaLabel: this.single ? "Mostra l'elemento precedente" : "Mostra gli elementi precedenti" }), h("ul", { class: "z-carousel-items-container", "aria-atomic": "false", "aria-live": "polite", ref: (el) => (this.itemsContainer = el) }, h("slot", { onSlotchange: this.onSlotChange.bind(this) })), h("z-button", { class: "z-carousel-navigation-arrow", variant: ButtonVariant.SECONDARY, "data-direction": "next", icon: "arrow-right", onClick: this.onNext.bind(this), disabled: !this.infinite && !this.canNavigateNext, hidden: this.arrowsPosition !== CarouselArrowsPosition.OVER || !this.canNavigate, ariaLabel: this.single ? "Mostra l'elemento successivo" : "Mostra gli elementi successivi" }))), this.canShowFooter() && (h("div", { class: "z-carousel-footer" }, this.arrowsPosition === CarouselArrowsPosition.BOTTOM && (h("z-button", { class: "z-carousel-navigation-arrow", variant: ButtonVariant.TERTIARY, icon: "arrow-left", onClick: this.onPrev.bind(this), disabled: !this.infinite && !this.canNavigatePrev, ariaLabel: this.single ? "Mostra l'elemento precedente" : "Mostra gli elementi precedenti" })), this.progressMode === CarouselProgressMode.DOTS && this.single && this.items && (h("div", { class: "dots-progress" }, this.items.map((_, index) => (h("button", { type: "button", class: { current: this.highlightedIndicator === index }, "aria-label": this.highlightedIndicator === index ? "Elemento corrente" : `Spostati all'elemento ${index + 1}`, onClick: () => this.goTo(index) }))))), this.progressMode === CarouselProgressMode.NUMBERS && this.single && this.items && (h("div", { class: "numbers-progress interactive-1" }, h("span", { class: "current" }, this.current + 1), h("span", null, "di"), h("span", null, this.items.length))), this.arrowsPosition === CarouselArrowsPosition.BOTTOM && (h("z-button", { class: "z-carousel-navigation-arrow", variant: ButtonVariant.TERTIARY, icon: "arrow-right", onClick: this.onNext.bind(this), disabled: !this.infinite && !this.canNavigateNext, ariaLabel: this.single ? "Mostra l'elemento successivo" : "Mostra gli elementi successivi" }))))));
     }
     get host() { return this; }
     static get watchers() { return {