@zanichelli/albe-web-components 17.0.0 → 17.0.2

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

@@ -105,16 +105,16 @@ export class ZModal {
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: 'c146e43060818ca44928a82530f85567f721992c', class: {
+        return (h("dialog", { key: '17794438aa16cc501338ebf00d3a3b65b6641fef', 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: 'a7b25fe975f344989bbb1ee89bed3aa079f3dda4', 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: 'd2598b03be351e20e3ef1f5b404a75efa033774d', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, h("header", { key: '8318dcaa9a0e9daa0deb58a50b522b501e9f0a7f', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '0a476e05f9affc69d1aa7556572680ce99e34014' }, this.modaltitle && h("h1", { key: 'c8358dd101dfa6d5d91c51b470d40160b585bcba', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '419da7bd2a57660f0d26afcf5121adc8e491c3c1', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '67e4c55a8cc3c93202fc3a4a5155c87fd1fc4440', class: {
+            }, id: this.modalid }, h("header", { key: '7af194baf3c79535e9234aa164d499db62939ac3', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '74aebe7e908ae02f76429a4c9d18ed2baea93826' }, this.modaltitle && h("h1", { key: '4d1e2d2eedc5632c9aad4e7a8e368edbc461e9a5', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '5cc0068f3ed046f90db1aec8351ce6c9a0ff395e', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: 'cb68ab8b8919343b19464132060abb4a0af4e4fd', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: '29b059f5d2b17305c04d25effe27f9dc95d91afd', name: "modalContent" }))), h("div", { key: 'c4ed3fc68e1cd0eb07ccda5fd6c68fa94943a44e', class: {
+            }, id: "modal-content" }, h("slot", { key: 'e703270b2f2a1d4f20609c842476f50de720d33d', name: "modalContent" }))), h("div", { key: '3ce377406bf6e766769db87a5da3a45cf68eb776', class: {
                 "modal-background": true,
                 "modal-background-scroll-outside": !this.scrollInside,
             }, "data-action": "modalBackground", "data-modal": this.modalid, onClick: () => {

package/dist/collection/components/z-navigation-tabs/index.js

@@ -208,10 +208,10 @@ export class ZNavigationTabs {
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '5be0d9887946f1fe38edf5ae657c9bf2fabc8d1f', class: {
+        return (h(Host, { key: '8f134ce69da30cd0a053700a95c39a4ec9d588ed', class: {
                 "interactive-2": this.size === NavigationTabsSize.SMALL,
                 "interactive-1": this.size !== NavigationTabsSize.SMALL,
-            }, scrollable: this.canNavigate }, h("button", { key: '626765b099eb840c62ecf28a8281e0354ff63f3a', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, h("z-icon", { key: 'c59992ffc3e62a55c49b7d1c312d125a97b2fec8', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: 'de67749daf40000757fff0148be2248127092c68', role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", { key: '9ddc7ad7766c525f9c2226a858c5cd1e6a2bbc6a' })), h("button", { key: '4af266b3752e99fd23720a3ba38376b564d461a9', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, h("z-icon", { key: '6cd04b56841f88ac636a43a043196d96dacb6c88', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+            }, scrollable: this.canNavigate }, h("button", { key: '231f97991908054d424dbcc83fd7e65e6651e767', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, h("z-icon", { key: '145b4e6220e14acfbe6c13d1da095128096064c1', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '111d66f763a80c52fdd21a906028cb7aa4817ee7', role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", { key: 'ea3edcae8daaa4b5ad1124957d47d05f899f3bc2' })), h("button", { key: 'b5329374d042f246c785b868a87bcf5a39d2c712', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, h("z-icon", { key: '373978c44182a33ca9d844eb3fa6c6991511d63f', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
     }
     static get is() { return "z-navigation-tabs"; }
     static get originalStyleUrls() {

package/dist/collection/components/z-navigation-tabs/styles.css

@@ -150,14 +150,14 @@ z-navigation-tabs > nav > button[disabled] {
 
 z-navigation-tabs > nav > :not([disabled]):hover,
 nav > [aria-selected="true"] {
-  color: var(--color-hover-secondary);
+  color: var(--color-hover-primary);
   fill: currentcolor;
 }
 
 z-navigation-tabs > nav > :not([disabled]):hover::after,
 nav > [aria-selected="true"]::after {
   position: absolute;
-  background-color: var(--color-hover-secondary);
+  background-color: var(--color-hover-primary);
   content: "";
 }
 

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

@@ -25,7 +25,7 @@ export class ZNotification {
     }
     render() {
         var _a;
-        return (h(Host, { key: '5bc1e8046c14e46f02f9667939709a267cb1265a' }, this.contenticonname && (h("z-icon", { key: '7a944afae100f5fea48ca8499b6a0a035a6d289e', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '038391eb846f043bc83c236e6e18998797bcb7a3', class: "content-container" }, h("div", { key: '330233ee7524fb271ffa5231a86b6cd906b2994d', class: "content-text" }, h("slot", { key: '290343fa633f1969d4f1059047797b16c3da9860' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: '096b5cfdb55bac40adc9b2f56b9a4dc739ad4cc1', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: '80d985cbcd6501f9640dc2e16ac978de731a0d24', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: 'd7fe5573c93ac7ab36ccbecc01972b8d3cccc8bd', name: "multiply-circle", width: 16, height: 16 })))));
+        return (h(Host, { key: 'a9024960c6f2dc0ece7aa520041ca72c8b57a480' }, this.contenticonname && (h("z-icon", { key: '8e03da23ac3ea16294466b45cf571003299e12ff', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '65872d76a4f4be94181a60eede48ba8729be6fe4', class: "content-container" }, h("div", { key: '6f1abfbd2e8f86f4cfdf63f3ffaa87fb7d0abcd7', class: "content-text" }, h("slot", { key: '8537004a8679d3e1fb5eed9ca4fc36611b7355a3' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: '8fff1a74d49404718d7b9e160a26fb659ded1855', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: '1969d8f6609b65444366b5b757729a7930d91630', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: 'ebfb4631d790f2406c7475b8adc123872db7e145', name: "multiply-circle", width: 16, height: 16 })))));
     }
     static get is() { return "z-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,7 +66,7 @@ export class ZOffcanvas {
         this.open = false;
     }
     render() {
-        return (h(Host, { key: 'f14ed87f494d40f9a7746168fa4411e814e41ab1', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: '8a0b6db716718829e71694ca1f6cc2a2585ab784', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: '67f4f2e4b93a97df84c01a3817e979542c4b3256', class: "canvas-content", role: "presentation" }, h("slot", { key: '1240ddd2337f3f9892dc8a64d7aaaea1b98ef23d', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h("div", { key: '0d4c22c979bbfc7736f39070b44cf780d8c57355', class: "canvas-background", onClick: () => (this.open = false) }))));
+        return (h(Host, { key: '6a28a6c1a23b7fae91b1ee322d673d80665c2a6c', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: '4d37b2f7a28fe88c7888a705222282cf014cd1d2', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: '5e2799367c4689a04486fadc158d01b8a83fed45', class: "canvas-content", role: "presentation" }, h("slot", { key: '2bbb5e58c1942ed0f68669e341a0fce87642fcb0', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h("div", { key: '60d3404fbb021a7a982bb5b26293ca452525091f', class: "canvas-background", onClick: () => (this.open = false) }))));
     }
     static get is() { return "z-offcanvas"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/z-panel-elem/index.js

@@ -16,12 +16,12 @@ export class ZPanelElem {
     }
     render() {
         const elemId = this.elemid ? this.elemid : "";
-        return (h("div", { key: '28f5d98850bf13270b4ddf9585722c39f87ee12e', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: '065c198cfef6d982df79871d084454f425e0d57d', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: '5b42b99982e78dea89cf144a717e619b65904ab9', src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'd15c0e008ca2f5172228217b5418d263a59af932', class: "panel-elem-link" }, h("a", { key: 'ca5a726f71b2dd8de6ddf1f32864bc2cdd823730', class: {
+        return (h("div", { key: 'f7a46055c7c9c6b8c55f7eab312975c2469d92f3', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: '7371ab7dcd59e19ddc29e92cdcd7d53791736b2a', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: '84b88cb9a9fe9fa95052cbfc200fa82b157fff19', src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'f0e28a73c56a4d348c8b2b9c05fc6fa205136bac', class: "panel-elem-link" }, h("a", { key: 'cc34e31fa64a26eaf94941840d19af34623da9dd', class: {
                 "z-link": true,
                 "z-link-disabled": this.isdisabled,
                 "z-link-icon": true,
                 "z-link-blue": true,
-            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: 'b8f07a80e9260bb0a142037d3f6a64a64acebafb', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: '8d6524f5e8b70798cd846d4c99a2631161ae265d', class: "panel-elem-desc" }, h("slot", { key: 'b122e24bbb3ee418a393b348157f54fad3a6f1a9', name: this.descrSlotName })))));
+            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: '438e5e90d9754effc32825029f2198a3ea0d4be3', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: '8ba6727d7d11fe869a3e973a1a065b70b42dfe43', class: "panel-elem-desc" }, h("slot", { key: '887ea4cfc7950c97226fe8566e3ef49b0ecbf87b', name: this.descrSlotName })))));
     }
     static get is() { return "z-panel-elem"; }
     static get encapsulation() { return "scoped"; }

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

@@ -301,7 +301,7 @@ export class ZPopover {
         this.onOpen();
     }
     render() {
-        return h("slot", { key: '8f4f0fe9ef6306cd1f3470912baf791c2da33358' });
+        return h("slot", { key: 'ea2b46de2cec89ebd692407e0ddb51e47d552e73' });
     }
     static get is() { return "z-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -286,7 +286,7 @@ export class ZSearchbar {
         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: 'dbe7f1048a93c65fa23d650523bd83a85c7be9fd', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, h("div", { key: 'c1fd476ce68e37acf3152fd01e5086b3a9bbd3dc', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
+        return (h(Host, { key: 'a11654e9aef41aaad341948caf9f91557dbd41b4', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, h("div", { key: '02519620881c7c709560c6817920f76460fab575', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
     }
     static get is() { return "z-searchbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-section-title/index.js

@@ -18,7 +18,7 @@ export class ZSectionTitle {
         this.hasSecondaryTitle = !!this.host.querySelector("[slot=secondary-title]");
     }
     render() {
-        return (h(Host, { key: '210ee0186531e1ec5e3fce429377bd623a5a5e7e' }, h("slot", { key: '6762e419de9b01f89a196fdbba849de55a395c0f', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { key: '46292b4fe512a726fa41b35b48329f2e419377b8', size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: '5f1ea29a3a742d12c41b58a6e7b6004c5819bac8', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { key: '43f9b568633850a8fb94457ecf091b37d16e6b49', size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
+        return (h(Host, { key: 'cc1204e8c23b71671a14fbaedd761f748f277cfa' }, h("slot", { key: '8272a7661bda0190963225a5ffaa192e22601363', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { key: '7eae53ac6122253f61d985c79549ff65b85e10ff', size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: '9b86031ca0776ac5faae2393e62ad8104d5e804e', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { key: '6d3de14737fc2187f8a32d5e27aeae12ab9e83c5', size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
     }
     static get is() { return "z-section-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -314,7 +314,7 @@ export class ZSelect {
         return (h("z-input-message", { message: boolean(this.message) === true ? undefined : this.message, status: this.status, class: this.size }));
     }
     render() {
-        return (h("div", { key: '325c38217b549ab622be127a8a901dff1fad2958', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
+        return (h("div", { key: '1ad24c71d6838f434592d96047388b0fb3886127', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
     }
     static get is() { return "z-select"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/z-skip-to-content/index.js

@@ -45,7 +45,7 @@ export class ZSkipToContent {
         this.visible = false;
     }
     render() {
-        return (h(Host, { key: '650e3f4b6003f0acbe974f84772c0ec12bea6688', class: {
+        return (h(Host, { key: '3887a0d40964e8bb4dd860e49dccca7863f2a902', class: {
                 [this.variant]: true,
                 "skip-to-content-visible": this.visible,
             } }, this.links.map((link, i) => {

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class ZStepper {
     render() {
-        return (h(Host, { key: 'ae157efced49b287a294c00090b5a104a4317401', role: "list" }, h("slot", { key: 'a1509aa8285d3166f3fe18c51205a829053fad33' })));
+        return (h(Host, { key: '1dd60e057dc5910e320df088512d2bd3dd5b1e4a', role: "list" }, h("slot", { key: '721b83774cdf84979db9c204986c84174d56fc0a' })));
     }
     static get is() { return "z-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-stepper-item/index.js

@@ -15,7 +15,7 @@ export class ZStepperItem {
         return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
     }
     render() {
-        return (h(Host, { key: 'f8a0f271d547b905319ca2e80996c108014d38a0', role: "listitem" }, h("button", Object.assign({ key: '6dba08cfde906db5a15cb0832f144a7e3df58252', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: 'ac991a5b351766e7ced9af2e4126e26aebf4f672', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: 'e844c4090022591132232e5c900228da281db3f3' }, h("slot", { key: '67928b105765cbe691e51c221ebefda23d7351c2' })))));
+        return (h(Host, { key: '2e45354c628f043ce2a9246a0ffb8e94235ae669', role: "listitem" }, h("button", Object.assign({ key: '854de9a3ea272425e75c81e0d116bd04fcda2c2d', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '06754f85e70407535e1ae0e80dcf8015d33a8112', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: '9bfeda701f57ba6c263be0a986abe03c76009acd' }, h("slot", { key: 'c3abd1dae057323d41ee7a14bf5398e2e2a71ccf' })))));
     }
     static get is() { return "z-stepper-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,9 +11,9 @@ export class ZTag {
         this.expandable = undefined;
     }
     render() {
-        return (h(Host, { key: 'ffea47f2e9e844fc83b4a8063798fa0b96d6e2c2', class: {
+        return (h(Host, { key: '531b3069d9339b05377f89c350a5ed6becaf9dbd', class: {
                 expandable: this.expandable && !!this.icon,
-            } }, this.icon && h("z-icon", { key: 'f14e9ed73487caa2e21f3cfc45c99945910c9053', name: this.icon }), h("div", { key: '5c005ad1d82eb22cd2f846fc29446a5ca9334295' }, h("slot", { key: 'd509ee48f18de49b2c8c332a64bed1f85291b7e5' }))));
+            } }, this.icon && h("z-icon", { key: '5abaf6a26667e26e6a11661c49c18d8677a2a130', name: this.icon }), h("div", { key: 'a52c9c030320f2c0687bd896c33dd75ffc497ad2' }, h("slot", { key: 'ff3046c07a2fb70478adb354079d8d26834746ce' }))));
     }
     static get is() { return "z-tag"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/z-toast-notification/index.js

@@ -171,7 +171,7 @@ export class ZToastNotification {
             } }, h("div", { id: "flex-container", ref: (el) => (this.container = el) }, this.renderText(), this.renderButton()), this.renderCloseIcon()));
     }
     render() {
-        return (h(Host, { key: '6996fc6d26f43d53ce4a84af8ce88f2f7b0881d6', style: {
+        return (h(Host, { key: 'c8254b294f52c92c404a2e610e95247597be5e69', style: {
                 "--percentuale": `${this.percentage}%`,
             }, class: this.transition ? this.transition : ToastNotificationTransition.SLIDE_IN_DOWN, onAnimationEnd: (e) => {
                 if (this.autoclose && e.animationName.includes("slidein")) {

package/dist/collection/components/z-toast-notification-list/index.js

@@ -36,7 +36,7 @@ export class ZToastNotificationList {
         }
     }
     render() {
-        return h("slot", { key: 'cd4b2b969f72e982a2af778217d5db44a53a241d', name: "toasts" });
+        return h("slot", { key: 'fcca8c71a9eca7ada8de9d23d4930ec6796b2925', name: "toasts" });
     }
     static get is() { return "z-toast-notification-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-toggle-button/index.js

@@ -15,10 +15,10 @@ export class ZToggleButton {
         this.toggleClick.emit(this.opened);
     }
     render() {
-        return (h("button", { key: '618ba6196aca932ec95f09ac4257490a7b44307e', tabindex: this.avoidclick ? "-1" : "0", class: {
+        return (h("button", { key: '6df0aee8dfd4785cd9787b2940c12cc3d680ef0c', tabindex: this.avoidclick ? "-1" : "0", class: {
                 "isopen": this.opened,
                 "avoid-clicks": this.avoidclick,
-            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: '9f61896b532d6b2ff5871b819c696e5841c1a846', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
+            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: 'ab52cd6023b492b5bba8086fd189112e5329c3ad', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
     }
     static get is() { return "z-toggle-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-toggle-switch/index.js

@@ -22,14 +22,14 @@ export class ZToggleSwitch {
         this.emitToggleClick();
     }
     render() {
-        return (h(Host, { key: '0c2885fb82345e947645a79c3e5def0a3b737662' }, h("input", { key: 'c0efd12ba3be01dd9a1690ae986307610f89bf82', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '650981ed46a574db5080cf8e80d80d8dd061abeb', htmlFor: this.htmlid, class: {
+        return (h(Host, { key: 'b572a91e4ed2f91cbe0b7a393371425a5b9b896a' }, h("input", { key: 'acff3447044eba6dd7622feb954a03d5503111f1', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '58b70932d34e39bb1c078947eea614d6384b9660', htmlFor: this.htmlid, class: {
                 [this.labelPosition]: true,
                 disabled: this.disabled,
-            } }, h("span", { key: '08db77612f5a9ccc4063b0f52ccbb7344d9425e3' }, h("slot", { key: 'f0b2dafb9cca88f76cd35d745bbcc303d6d70eb2' })), h("span", { key: 'dd04ef3a424de42010ba1045d408864c3717bc13', class: {
+            } }, h("span", { key: '824e029aeb434813b35f72891d991f19a90daded' }, h("slot", { key: '37e8bad4378c65f4a3411fee47a960b9220af5d3' })), h("span", { key: '55eaf2b824ce8e91b77b5f8f2677724b2834fad6', class: {
                 container: true,
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, h("span", { key: '4972f1e42c31aac73c38154c8a876dc724051e1d', class: "circle" }, this.checked && (h("z-icon", { key: '8fe5b87e25cf8bd654c3d5724b6be55bcdbe0526', width: 12, height: 12, name: "checkmark" })))))));
+            } }, h("span", { key: '41b7660f89b5ba9829782d3e6b041323357fdefa', class: "circle" }, this.checked && (h("z-icon", { key: 'ae68c35e2765c6eece7dcee8f7ad570a6fc0aa34', width: 12, height: 12, name: "checkmark" })))))));
     }
     static get is() { return "z-toggle-switch"; }
     static get encapsulation() { return "scoped"; }

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

@@ -20,7 +20,7 @@ export class ZTooltip {
         this.open = this.popoverEl.open;
     }
     render() {
-        return (h("z-popover", { key: '831b57e3c75c0bc9429a5e887b8cc30cc8eec4f9', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: 'b578489e880d9aad1e4a116444d2594025db32e6' })));
+        return (h("z-popover", { key: 'fdca98f95640bac81d7cf60e1fc0f8c4536f7021', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", { key: 'd2143919460695e98cf114c4cb07ae75108c9f1d' })));
     }
     static get is() { return "z-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -33,7 +33,7 @@ export class ZMyzCardComponent {
         return elemClasses;
     }
     render() {
-        return (h("div", { key: 'd07b37d42382d81be002b31b448e5d6ac3e8867c', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '03e02f39390a302f558bc341b538390027ecb148' })));
+        return (h("div", { key: 'd999d04c93a5a556d397ec0458a8db7b252e4f4c', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: 'bebbc05f7f4a7e57a0b0379abc0a5b3d71432309' })));
     }
     static get is() { return "z-myz-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class ZMyzCardAlert {
         }
     }
     render() {
-        return (h("div", { key: '20f62eeb1a0ca24f6cd9700ba70a7e09e0ac729b', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '5a8275ea2ab9dc49866b22e8a9d235911e1f7275', type: this.getAlertType() }, h("div", { key: '8d69056c30fb55d0bb32701fecd1063dff392665', class: "relative-container" }, h("z-icon", { key: 'a17e02b4545f15d1a730b66b6e4b5ab5bc665654', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'd231b939eb09ddb1b1f25d40a8512ce8f4a18f19', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: '00f3f7d6ec722547fbc8c14881ca1c69f0652731', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (h("div", { key: '26730317345595013e625708599fa1c6c5ea04a0', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '3318a79be3865ad94eb7a9f7df385bf47c132048', type: this.getAlertType() }, h("div", { key: 'c0b39a452f0529901918b50d983ad1fa2e756778', class: "relative-container" }, h("z-icon", { key: '2dea8db0df9990f375656b78f4e8389b543b5887', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'ba7891b7139df477a8e2e7a912537181b428b713', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: '9ec182dbb44b0f9cd5450f25f5fbcda04b67986d', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);

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

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZMyzCardBody {
     render() {
-        return (h("div", { key: '5e1a72de482c87d1b26e8e60bd833a05e5f3b062' }, h("slot", { key: '268e3bb553b952cbdbc55db2d17879adddf28e23', name: "alert" }), h("slot", { key: 'a26bede57fa17b34b348a1384d815646c361bee5', name: "cover" })));
+        return (h("div", { key: '87bccb8aa58d306d1dd01960d83b87f6c72916a6' }, h("slot", { key: 'f30fbd1e1bebda1bab8dffeab7f7f6691eddf487', name: "alert" }), h("slot", { key: '1c12604a64392bea5f30af724bb10ad074336246', name: "cover" })));
     }
     static get is() { return "z-myz-card-body"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -21,7 +21,7 @@ export class ZMyzCardDictionary {
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (h("div", { key: '453e73acc8c2e361d41cfd9ce010ee7201e07043' }, h("z-myz-card", { key: '7bef1e086fd3d1f2f84b0f466fad1e35f0e183fd' }, h("z-myz-card-header", { key: '4c987bb645b3774cb1e8fea6719158cf8aa6f70f', titolo: this.name }), h("div", { key: '4b2229a2fad8b0701ec28a10d789f633457399c9', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: 'a45b52497ae1aa41e1d722b4eb32b3be3a54be19', class: "front" }, h("z-myz-card-body", { key: '6091951e41f629f359bd4d977f61c5325dcff965' }, h("z-myz-card-cover", { key: '00c63deaffdc95291b510df08d71c22a71c7fa60', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '36a28edb30911493f7e7cf170877ddb0a1c874c8', 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: '6484683ce646d312963be3e1a9c3973430d850d7', class: "back" }, h("slot", { key: '348aba3ee03b6f53c4396a09912b9c1dfd884b01', name: "info" }))), h("slot", { key: 'c0acad08c7fbf3eae60e26e7e49a18788ba3b768' }))));
+        return (h("div", { key: 'af0f476b5b7b6530250d7d4d89ef7943937e9d50' }, h("z-myz-card", { key: 'bd089d9975ec7df7c8b7b86649c1898589802ded' }, h("z-myz-card-header", { key: '5a767aeb4eef28f25dd9fc2d3c39677582e77b38', titolo: this.name }), h("div", { key: '263946e30af18863e91ba5345eac8a22d7b1b3f4', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: 'adc17fefcf0d85671e31b153e933296dfa5f4ca4', class: "front" }, h("z-myz-card-body", { key: '0e731cfc9fd714e2e1db3e8c0340445b6d5b5181' }, h("z-myz-card-cover", { key: '5f23cebccbbae1b038afb16a4488c51e679db2ee', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: 'e8555a0bb42a612fbf873e9abf53b1a7edd97c01', 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: '4dc013ce1de689f0a5789339c559d7d229eefd1b', class: "back" }, h("slot", { key: '781c844a1706cf47595db8b0a145c808f3fcb38f', name: "info" }))), h("slot", { key: 'a4e4fcd08625be6b556f705114e1a82bde5e3074' }))));
     }
     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: '4c0ea63639ce74ddfad87abd5d4d8cf4856fdfcf', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: 'ee40563c6f1ff84fcd963a38f5881fcf08e0be72', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '7f8d31de9d2ea7140588f035e4e3193fc8af159e', class: "toggle" }, h("slot", { key: '66f2e2c1211fa787d4d8b4f8b08a0a053495192e', name: "toggle" })), this.titolo && h("p", { key: 'e01f1b7a4e1f891a608fff4d0fd8fcdac37e77ca', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '2a50223a44a2d52454ad6322d706d43782b461a4', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: 'b106de824888122d9497718532b57c39e3f2fd1b' }, h("p", { key: '5e9dfcee1a2c134ce03a01836fa6c57c6b052192', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '6633b8dbae66bb14817fe6717c4e42f8a5fb1eb7', title: this.getTitleAuthors() }, h("span", { key: '51353a3904c111915c47650250cdd4631665289b', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '2a6947cde5e15465f8a978cb841ab971853f4d64', class: "year-isbn" }, h("span", { key: '28534bb6ef0c96b0130b42af6e42740a88f240b4', class: "isbn" }, h("span", { key: '2493333a2a8aa083c6ddb70f550079871e4cacb2' }, h("span", { key: 'be6232d7c2b48dcbcab7c49bb1d37a216265eecf', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '88d1c5be270fe55dd18093bf78a4a8b1b421622e', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '5963744685a893ff3dc253271541c1f9f1c2c0fa', name: "list" })))), this.customContent && h("slot", { key: '99d3cdc3bbbc54ea1fff9cb082327e76b33322c7', name: "content" })));
+        return (h("div", { key: 'dadb29ba9e0aa0037a90d8e2564fa2a203c9898f', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '3fa010af7929efef3d957b5855745b6153a93ddd', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'ebba12731f21021f4fe5854e487f0a24eda0e22b', class: "toggle" }, h("slot", { key: 'c241b4d1182ca8cefbfdfcb9d2db294299c3a67c', name: "toggle" })), this.titolo && h("p", { key: '83683f8a76d1ff998aca1f79cf5e219a310d581c', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '1903067d261cd4a9d12726d463d6b036c663402b', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '346c8e222c82ffed27b0108d2f57f921705e7f5e' }, h("p", { key: '396ff63071b02d1cbab2afbac1abff5fa197d70a', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '86444e75181b607ef3e28f2b13a0fa999fe88b94', title: this.getTitleAuthors() }, h("span", { key: '43e9fb0ceb195e3b2583de1b077b95ae88f875bf', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '2ce4b6829e57f254abd3ef53420a2983d872fcd8', class: "year-isbn" }, h("span", { key: '0b0a3ee12129daa10a5c145ad2c91e2ed6a2d2de', class: "isbn" }, h("span", { key: 'eb1c78693724c737d6de9612c5cfbe774c4b67e4' }, h("span", { key: '4efbbec95933b2dd5eec936b536b1692d1348b44', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '4d697bf96ce3b881fda2a4976229911e8876a281', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '0f8a194c7f5b44e306a1150a2196fdf63ae69e6d', name: "list" })))), this.customContent && h("slot", { key: '6e93d147ad70517df5d17a9e1f055a987eab0680', 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: 'f5b559db97470083ebafed165893ce71b6dee22e' }, h("footer", { key: '499f3861a61a391910b04c71e5cd0354b152054d' }, h("div", { key: '08959cb6a5cebcd11b8f78f6e3fe25a97e91cbab', class: "top" }, h("slot", { key: 'b7e57aad37bf866f2f7bde1a35c4ad936535368b', name: "top" })), h("div", { key: 'edfe882d9dde659cb4f001e3d43a40dfd578eb38', class: "bottom" }, h("slot", { key: '1d083de6b18750a9063d6776bfccc56190d9e0d9', name: "bottom" })))));
+        return (h("div", { key: '532a42d5e795737e7547907e2ae11424fbdb88f7' }, h("footer", { key: 'bad64fa0a4dfc326265b0e64c8766f422324a00e' }, h("div", { key: '8834650721258ec6a4921d7f9d62c05489640b9b', class: "top" }, h("slot", { key: '422b5f0b00a31edf8bb0541d84fe0e7bde1851ee', name: "top" })), h("div", { key: '0191d84ded4e380f2a0f51bf7ee453d49295de63', class: "bottom" }, h("slot", { key: '09f38cd1eb44584cef7509f7208d6be4d797bedb', 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: '40152ef3144db81f149eb5d8ecf4a823f7950f3e', class: this.retrieveClass() }, h("slot", { key: '8386bb3e5a3b7c5bee3da6a6801ada1e4aa2a5dc', name: "aria-heading" }), h("span", { key: '35b55d3be757c0a646dca9184c55ad1bd922fc1e', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '834cb2fac275139fe0f4a97c5c75ed0422348719', name: "icon" })));
+        return (h("header", { key: '4dd5f09942f07568a180ac4bc2079aa3ebb5caf5', class: this.retrieveClass() }, h("slot", { key: '09f9e26d737c37eb81b0f88430baeb731275a118', name: "aria-heading" }), h("span", { key: 'a6401d5728990d95a9963ef9feb4496accfb9676', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '98e8d0b79de7170ac81aceed3fe07275b80f7d08', 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: '11e70b5d2844b23e3e0ca483e6fb979655444410', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '065d4e7a295ff6bc08e08a4ef3ea3ec57be30b90' }, h("z-icon", { key: '6a51d6c43c036fb9cbbbb0a88cdcd209fddff631', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: '976b2aee8131d78cb106eded23053f49f1feae3a', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: 'ee919ad9fb6abc7a15fff984a5f46395354ed2b2' }, h("z-icon", { key: 'd0ff29cd1398bbfb0b0e68652c0b30b764f91398', 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: '9624e46b8181eca7d5d9095e54f3c09952e0b265' }, this.renderCloseIcon(), h("div", { key: '7e18ca7448792186cd52e583171bb6d1a16f99a8', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '483cea51ec8b7feeac5d3763a753281b8694f735', class: "cta-wrapper" }, h("slot", { key: '7af9c75a45b76a2e069fe80441d158ce52bb51ce' }))));
+        return (h("div", { key: '0f8111d48191f306b232f8b9e167aeffced4674b' }, this.renderCloseIcon(), h("div", { key: '57b77f2f3ad645cebb44d6a247d93c1e82b8f281', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '226bd8e804cecfee34ff748a5d1936e68f6b2307', class: "cta-wrapper" }, h("slot", { key: '2fc25a5fd61a0a04a44ceabb3372265424708f5f' }))));
     }
     static get is() { return "z-myz-card-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css

@@ -75,7 +75,7 @@
 }
 
 :host > div > div.content-wrapper > section > span.license-heading > span.expired {
-  color: var(--color-secondary01);
+  color: var(--color-primary01);
   font-size: 12px;
   font-weight: 600;
 }

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

@@ -23,7 +23,7 @@ export class ZMyzCardList {
         });
     }
     render() {
-        return h("ul", { key: '33ab84ece48f2f9a980d82aa0a6905583004f3bb' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: '01d6967e96c5ab8f9acebbd0c107fb0168ee5c57' }, 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: '8e0eb3ea1d015394f1feb69bbca818408402a6e1' }, this.list &&
+        return (h("ul", { key: 'c7777e913e0359afc93a18a2152cd977fcbcb813' }, 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: 'f1a99bcc7ef168736b85034da0e2003589e9fef1', 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: 'd518a6382bf2fd10849b4d732a1f3fd48d84201e', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '622a5cde91bd0213ad6cf11f7c910da3c18683ea', 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: '87bb3fef2ba5cb1c992280835436ba7f2d538db0' }))));
+        return (h("li", { key: 'b96b5f850ed4f955ef40eafdedfabe71c942e886', 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: '2ca05ec788e9ff591ad7b1cdbb5517b32d5681a9', class: this.underlined && "border" }, this.icon && h("z-icon", { key: 'e573f22f4797e9420e9a460a4aa4c793be06c14f', 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: '6efed7b8ca33c2dcb7402555330443244340bae5' }))));
     }
     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: '14cc56717ffbfb7d4e9fe140892a029dedc3277f', class: this.type }, h("slot", { key: '917ee29a8eda519e8f5a56687b2379e2463f3dc7' })));
+        return (h("div", { key: '5fd2b297a4ab7e426d50f8ef36d5729df579786f', class: this.type }, h("slot", { key: 'cd24f83bcb38d4bbbce5f3b115aa18e217c402b2' })));
     }
     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: 'ef073bc38e7b79bde2973898d73007aa4adfe103', class: "otp-container" }, h("div", { key: 'cfe112903058316aa1388a409887a36b8851b8e2', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: '94853e28f7436d7d36a714903652859b8946d815', class: "otp-container" }, h("div", { key: '064503a5920f0b6db493b0a0514019674647ce65', 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: '421d350536cc5a6b7de7ba47868bcd98c204c166', 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: '915a9e80bb6c9e775e029fa6c2680f9fe4720f4b', message: this.message, status: this.status })));
     }
     static get is() { return "z-otp"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/index10.js

@@ -49,7 +49,7 @@ const ZInfoReveal = /*@__PURE__*/ proxyCustomElement(class ZInfoReveal extends H
         }
     }
     render() {
-        return (h(Host, { key: '15ba39838864cad8f7a9bdd8b40842eff368db0d', open: this.open }, h("button", { key: 'ce19913b11a8ffc201cd30073bd7f3b03d5a84bf', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '2e498a95e0c6987d87a1c42d26f0a73c3a8e8ce3', name: this.icon }), this.label && h("span", { key: '5eb373b2ebb1634570b2dbde373a8e2698210e7b', class: "z-info-reveal-label" }, this.label)), h("div", { key: '7794534e52a0d1c5bfd4e385302d7e0a57410dbe', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: '8a2036a497e26772a782dc3f8b61f44c1639025a' }), h("button", { key: '1462b743709dc417c5762f76d4bed65bcae2109e', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '117385b812e0fe709a1073467d39a2daf213989c', name: "multiply" })))));
+        return (h(Host, { key: '7098ea723139c78a7ecca1bbc924d5e17925bdc5', open: this.open }, h("button", { key: '8f798611b1069939b18ab3bdc9c197bec5fc6d20', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '2db6409fe7db09738f83135e58300c235ce988db', name: this.icon }), this.label && h("span", { key: '71ca110cd12256dcfe5e7b37026537fb5ea324b8', class: "z-info-reveal-label" }, this.label)), h("div", { key: '1385b98d28160c1e5578d47f63ba37f26e63eeb8', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'dbbcff160f1dceaa336362f5a43436d57f357e01' }), h("button", { key: 'e6f4778d55de1de95fa3d509ed01c3b555ff225b', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '51b13036bb93efce68db3f0cbf5d9f718ddcb266', name: "multiply" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/index11.js

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

package/dist/components/index12.js

@@ -25,7 +25,7 @@ const ZInputMessage = /*@__PURE__*/ proxyCustomElement(class ZInputMessage exten
         this.onMessageChange();
     }
     render() {
-        return (h(Host, Object.assign({ key: '13e95f0e0664ac1bbf7044aeb55aeeb4996736f9' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: '918e983717fb5ba82f16370b1c670e924701b95b', name: this.statusIcons[this.status] }), h("span", { key: 'a1f1f975d4deed250b659446e1b7a17327895377', innerHTML: this.message })));
+        return (h(Host, Object.assign({ key: '66961b8e3bdd23c8963737cfc8c1c35741a744c7' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: '21068030cc0a3a61a371d1714494fff2ab89fc5f', name: this.statusIcons[this.status] }), h("span", { key: '92d8bb8a483bff313e7ae1e5576847047357fcaa', innerHTML: this.message })));
     }
     static get watchers() { return {
         "message": ["onMessageChange"],

package/dist/components/index13.js

@@ -25,7 +25,7 @@ const ZList = /*@__PURE__*/ proxyCustomElement(class ZList extends HTMLElement {
         this.setChildrenSizeType();
     }
     render() {
-        return (h(Host, { key: 'd86dda3805c91b702759474eddf037e5e6cce570' }, h("slot", { key: '10162e99e8c06b05fb33bea9a68d7ca5b5b711fa' })));
+        return (h(Host, { key: '566e607d30100064c22bd292fce144f2d6105b5e' }, h("slot", { key: '43da8ff297f1610dbaa8cb67c9c498de90b7fa1e' })));
     }
     get host() { return this; }
     static get style() { return ZListStyle0; }

package/dist/components/index14.js

@@ -125,7 +125,7 @@ const ZListElement = /*@__PURE__*/ proxyCustomElement(class ZListElement extends
         }
     }
     render() {
-        return (h(Host, { key: '629f94ca0b1a1433059770113493efdd5d95934b', "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: '9ada9980fca4dca5887463f045406ff3f1d6ae70', class: "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '6b3ae24d0d15e8820657bc3ff75415af64cfa13c', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: 'b4f432cd071a2ade6267e6e7f21ee7a845f1b07f', color: this.dividerColor, size: this.dividerSize }))));
+        return (h(Host, { key: 'f6dd19e9069d3a997b632111b4f5591da82ab5af', "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: '98bff5c0bd43f0063d0f42a18c17da4845090f28', class: "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: 'c33f1e05a2e73d8f53b89d2b5a55c4dc8b946dd6', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: '143400cd7da18698207481174e55d9897ddd6327', color: this.dividerColor, size: this.dividerSize }))));
     }
     get host() { return this; }
     static get style() { return ZListElementStyle0; }

package/dist/components/index15.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: 'c3eafdcb7c37f753577b21edcaa2eff222e88a36', role: "group" }, h("div", { key: 'a2be88ed0eff401b1d17349a26255c7b6621d406', class: {
+        return (h(Host, { key: 'a4e30022d776b3480bc6f143a7c55644730a0e74', role: "group" }, h("div", { key: '3061f0130f4f66d558f0da519ea723718bb67bad', class: {
                 "z-list-group-header-container": true,
                 "has-header": this.hasHeader,
-            } }, h("slot", { key: 'be997f1ade9f660b053f146c27e72ac748ac0c84', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { key: '27594df46343bd33cf937d4842ba3cd8c4d1bee0', color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: 'f1add18058f79d6f50ec5e78e2080e39bb4bc69c' })));
+            } }, h("slot", { key: 'b2d8f666e049b4d0c5ee11fbdd09dc474a1f6f1c', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { key: 'a66c2ca968963e6e55dc305ea35ecf8002fbb4b4', color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: '126bfa9566cc4f15f7dc89b3e811a84924a2908c' })));
     }
     get host() { return this; }
     static get style() { return ZListGroupStyle0; }