@zanichelli/albe-web-components 16.4.0 → 17.0.0-RC1

package/dist/collection/components/file-upload/z-file-upload/index.js

@@ -193,7 +193,7 @@ export class ZFileUpload {
         }))))));
     }
     render() {
-        return (h(Host, { key: '7520b5da6e58534cb4c732d0745424b9b6de6991' }, h("div", { key: 'fbdd488d4cfe2cc3a01f0d2e4abfea6df3b6c8c8', class: `container ${this.getType()}` }, this.mainTitle && this.renderTitle(), this.getType() == ZFileUploadType.DEFAULT ? this.renderDefaultMode() : this.renderDragDropMode()), !!this.invalidFiles.size && (h("z-modal", { key: '26e02bd9c532f2c4b38ab94854875d8b8aba9058', modalid: `file-upload-${this.type}-error-modal`, tabIndex: 0, ref: (val) => (this.errorModal = val), modaltitle: this.errorModalTitle, onModalClose: () => (this.invalidFiles = new Map()), onModalBackgroundClick: () => (this.invalidFiles = new Map()) }, this.handleErrorModalContent()))));
+        return (h(Host, { key: 'c099b84c3e81f4381f87fa6d2f7085b616ba933b' }, h("div", { key: '56eef095273ccb4724539e007c2fce9a0f0dd160', class: `container ${this.getType()}` }, this.mainTitle && this.renderTitle(), this.getType() == ZFileUploadType.DEFAULT ? this.renderDefaultMode() : this.renderDragDropMode()), !!this.invalidFiles.size && (h("z-modal", { key: 'e5f9e076f5369b0dcff3aaaa6b5706d5209eefc1', modalid: `file-upload-${this.type}-error-modal`, tabIndex: 0, ref: (val) => (this.errorModal = val), modaltitle: this.errorModalTitle, onModalClose: () => (this.invalidFiles = new Map()), onModalBackgroundClick: () => (this.invalidFiles = new Map()) }, this.handleErrorModalContent()))));
     }
     static get is() { return "z-file-upload"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class ZList {
         this.setChildrenSizeType();
     }
     render() {
-        return (h(Host, { key: '633a5d569f1cf8bb85c40da691e254fb9f78f6bd' }, h("slot", { key: 'bd1315c66e0dca81cfe6607f4a82245b94c84e6b' })));
+        return (h(Host, { key: '085dbc72bffaaacce2ab9bb9c1c556c5afb6f46a' }, h("slot", { key: 'bf8e742c1cc6e7dd9946ddbc3befd209fd4046fe' })));
     }
     static get is() { return "z-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/list/z-list-element/index.js

@@ -115,7 +115,7 @@ export class ZListElement {
         }
     }
     render() {
-        return (h(Host, { key: '8b3fcd0834960a5549178f3f26d48b8236f27449', "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: '6cd5ef8d54e9bb0780737cbd300a3809464c9901', class: "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '4ba2505a4483ec70134f6b39ce18351b679db379', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: 'ac96ea3379df56b2a3b67164d52a0633764aab23', color: this.dividerColor, size: this.dividerSize }))));
+        return (h(Host, { key: 'f8fda0c6230b04fe221294eee285ada94928a9ef', "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: 'dd7153a103f748c11a0caacfb111a12c5d47afa2', class: "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '811f454b7ef8532990f317a081042c47615577df', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: '5560a229dcd49bc022b38fa987496c6df448674e', color: this.dividerColor, size: this.dividerSize }))));
     }
     static get is() { return "z-list-element"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/list/z-list-group/index.js

@@ -25,10 +25,10 @@ export class ZListGroup {
         this.hasHeader = !!this.host.querySelector('[slot="header-title"]');
     }
     render() {
-        return (h(Host, { key: 'a2bd11f2847f5bc4e955b1db58e73f8caa65ad63', role: "group" }, h("div", { key: '073b18d2d7fe3c04dea626217dbf0c964853bbc1', class: {
+        return (h(Host, { key: 'ca4c1ed62a0402d76556935838162c2d98cef77e', role: "group" }, h("div", { key: '94d2fd3532801dc85acd31021258016638769f39', class: {
                 "z-list-group-header-container": true,
                 "has-header": this.hasHeader,
-            } }, h("slot", { key: '4683cdfdd16d2dba19b4580ff7819edbe42953cd', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { key: '3fa3dd94bcdde1f2bd4f7d17ed48cec4916719f4', color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: 'ce8e83727c6a050df7df95e4c2321619f5d5da33' })));
+            } }, h("slot", { key: 'ed45418c6e123d4147a012d855a05ff3a92430aa', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { key: '4e141c4ff75aa1b98660a2e3ff67e2f9d1702d17', color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: 'b8885226c8e1bf5b44681a61811afa93b530b165' })));
     }
     static get is() { return "z-list-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/cells/z-td/index.js

@@ -29,7 +29,7 @@ export class ZTd {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: '36a62d2c751b3b889c7f69280418e95ff02192d5', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: 'd9cdf988ecedb17c06b7081919a77122b5d28660', class: "cell--content" }, h("slot", { key: 'f5627d2fea6d851092356ba32932f7ccc1031398' }), this.showMenu && (h("div", { key: 'f58a7b0a33b62aeca07a2fa21958a714345b6dac', class: "cell--menu-container prevent-expand" }, h("z-button", { key: '6b96fb5d5f7108f29a010f93e68f4e9e1b249ab1', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: 'a73b3a6c8b3aff6c689f14c2b90bc4a2626cff3b', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '9444ad52d7660466cb784e565306fd72922d5426', name: "contextual-menu" })))))));
+        return (h(Host, { key: '45d8fa8e1cef2714712b2615e2bf5669c22fa78f', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: '0bf89a7ed02caab704548471fbc8c266248a670f', class: "cell--content" }, h("slot", { key: '3056111ed9d1f637820d505a790a5f6248052697' }), this.showMenu && (h("div", { key: '22b61260cda17d8b18f46d1dc7fb70c6f8e0a654', class: "cell--menu-container prevent-expand" }, h("z-button", { key: '729ae3725c493d8a49f46afa988200f03510fa26', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '1141e9b6de571e087953c1588871545265097ad2', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'afd1b8ae9cf5b2e3e38ff70044ed4b186b07b940', name: "contextual-menu" })))))));
     }
     static get is() { return "z-td"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/cells/z-th/index.js

@@ -50,7 +50,7 @@ export class ZTh {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: 'e0dd2a24787597fa832ba06e3eec6c18a8204f2f', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: '4274667d48308bfdaf727f1707ef7d44eb71a356', class: "cell--content" }, h("slot", { key: '52166cb6e7a60e5fb248e22990c8942944ca05fe' }), this.showSorting && (h("button", { key: '1b8c8cbb9539eb83b3381535fdb857bdd9451fe3', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '414ddf43bf9fec1df07cfe4146a4c9bdbc8dacbf', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '7633c04c015392315720bc7566fc59b7cfb2cc1d', class: "cell--menu-container" }, h("z-button", { key: '0786009425989ad4eb5878f665d095c318a335d8', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: '59ebb822c77766acc18cdb9c4e292aba20407e63', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '801d41cbe534e989407421b60df2a7a7c46e4d22', name: "contextual-menu" })))))));
+        return (h(Host, { key: '97854a5f82264ddba5800e462ae4ab5dcd1008c7', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: '5f417187f083500d77a191e1753e9d482925f884', class: "cell--content" }, h("slot", { key: 'e0b90a08341ee62b17d20496bf900704eb5ee079' }), this.showSorting && (h("button", { key: 'be88624e6e1345ef7d6d993ca2492a6525d26674', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: 'aae1b06b75a9697ba348bc175cfcfbd81671d6ee', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '805421812436b2c14c3124e37f4c0b16e47b1b5c', class: "cell--menu-container" }, h("z-button", { key: 'd9b7b549980d03f476a2e4c75d9aa53da5dd6068', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: '12571da211009fb525af124a0f6cf3eed3944bd5', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '946a228e783ede0901b543874b4136e8c86e0f77', name: "contextual-menu" })))))));
     }
     static get is() { return "z-th"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class ZTable {
         (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '6fa1464a9d96267c0a1a45078a7b19e15930b2be', expandable: this.expandable }, h("div", { key: '9436f4627cab2b6c474bbfc803b64514cd152fb3', class: "table", role: "table" }, h("slot", { key: 'b9cf927ccd915cf55f4bb2e5a8943ceff347f9f7' }))));
+        return (h(Host, { key: '349ba72eb56e8a1fccc6df46566639c88c54111b', expandable: this.expandable }, h("div", { key: 'af882c3c57168d9fa9983d43152b6dfb85fb7e01', class: "table", role: "table" }, h("slot", { key: '26d143cf047e3dd5c5344004508d69c041b549a3' }))));
     }
     static get is() { return "z-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-tbody/index.js

@@ -5,7 +5,7 @@ import { Host, h } from "@stencil/core";
  */
 export class ZTbody {
     render() {
-        return (h(Host, { key: '8520398deeb7fec7d7aee91d87e39775f93355c6', role: "rowgroup" }, h("slot", { key: 'a73aff9d76af07fa46c373e362ac102349c844ed' })));
+        return (h(Host, { key: '894325179588df4bdc935c333cdc59f4c0a874e6', role: "rowgroup" }, h("slot", { key: '081d97a45ca1d8993e6262fe22f3c0ccb9f6221d' })));
     }
     static get is() { return "z-tbody"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-tfoot/index.js

@@ -8,7 +8,7 @@ export class ZTfoot {
         this.sticky = false;
     }
     render() {
-        return (h(Host, { key: 'ad89fa705c3e70275166d5146ab915a286feedfe', role: "rowgroup" }, h("slot", { key: 'cb66c0a5c01972c54100efade79a91241baadc9a' })));
+        return (h(Host, { key: '16d157c553b73a7811c096f43fb325985014545f', role: "rowgroup" }, h("slot", { key: '7a4404baa64c5b4d00ece36c9ef61ecb4ec1cfd6' })));
     }
     static get is() { return "z-tfoot"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-thead/index.js

@@ -8,7 +8,7 @@ export class ZThead {
         this.sticky = false;
     }
     render() {
-        return (h(Host, { key: 'ba72ed16202c8dbcc0176254347cdbdbc9d11418', role: "rowgroup" }, h("slot", { key: '4c2f8a0ee4fbd2718796cc254dd3d689403782cf' })));
+        return (h(Host, { key: 'ad4f78d64587c716f2b873a02a2473426d0c1d3f', role: "rowgroup" }, h("slot", { key: '5606cc9d05f711573a130def219cb4d44c5a74a0' })));
     }
     static get is() { return "z-thead"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-tr/index.js

@@ -43,7 +43,7 @@ export class ZTr {
         this.updateColumns();
     }
     render() {
-        return (h(Host, { key: 'f4ec553131b472795ba58de3d2dfecd217774879', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h("div", { key: '746b4cef2f63c5b0c0c38a2b83606d81c0dd17cf', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: '96c12982390416514e22a25ebb8f889ee4795bea', "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: 'c0570b8d6d1fd6e7759a6f9d170dc3c5f932dc88', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: 'aa2d374dbd6a2dda118df9884c0a03c3234a2d01', onSlotchange: this.updateColumns.bind(this) })));
+        return (h(Host, { key: '6be82fcb4553b35181d49f7feeb031bb88fafa98', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h("div", { key: '6ddea084daa246c96161e807714a1cbe58ad9648', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: '24ffff0f2977fd39fbaa03e84f4afd91d1ebf56b', "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '53169d986d89cbfb73ce15cd3d6b99ce566741ef', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: '2acb2edcbf8f5ea71c3da587639ba43c8ece820c', onSlotchange: this.updateColumns.bind(this) })));
     }
     static get is() { return "z-tr"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,7 +47,7 @@ export class ZAccordion {
         this.toggled.emit(this.open);
     }
     render() {
-        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' })))));
+        return (h("details", { key: '5b6bbc9fe0687f8bf837c90e69b4e2e09ea11657', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '83fa773b7b303cf81962aac79b7781b03d7a2172', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '13dba860a236eb9447c992ee1554d126b91d7143', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: 'f285690a944e34d337f0eee10faef0f2c7a6789f', class: "z-accordion-label" }, this.label), h("span", { key: '398fb5a43d089b12a1c3e596f6a39b6dc887d988', class: "z-accordion-tags" }, h("slot", { key: 'c32402fb563f800b49282b164d231d321539333a', name: "tag" })), h("z-icon", { key: '7ac83e593b063a6a56db06f729ddf22da15e58f3', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '5936a8cdbe0426515d509b4c47592d19ffa970bd', class: "z-accordion-content", part: "content" }, h("slot", { key: 'f1094c79ee6a82c0c7c1b571e6ef192f3a76dbd2' })))));
     }
     static get is() { return "z-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class ZAnchorNavigation {
         window.removeEventListener("hashchange", this.setCurrent);
     }
     render() {
-        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' }))));
+        return (h(Host, { key: '9d3f760e15e9d38a41236de8d8eac346e08df476', collapsed: this.collapsed }, h("z-button", { key: 'f7962974d09f6a3b30c2629968e4fb83435f757e', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: '02fb07d370cf27fd51b6e83fb4809c81967554b7', ref: (el) => (this.nav = el) }, h("slot", { key: 'fd09ec5250e7681f58d6bbf99f24571668ffc83a' }))));
     }
     static get is() { return "z-anchor-navigation"; }
     static get originalStyleUrls() {

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

@@ -256,7 +256,7 @@ export class ZAppHeader {
     }
     render() {
         const hasTopSubtitle = this.hasSlot("top-subtitle");
-        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()));
+        return (h(Host, { key: '2f2441ee9c88ecf30dc86974d452bb92f43fc5ad', "menu-length": this.menuLength }, h("div", { key: 'a4496ec0700c0b5d1cb6dc56844f8f5b8556edf0', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '94a8bc5bb5ee60d1f3976baa54dcb51f340806d0', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: 'b3e2b60953fa5bd123021fef0fddd4eefcd8e976', class: "top-subtitle" }, h("slot", { key: '9fbc33911769cc5c7e327bd351857c143f73f8fe', name: "top-subtitle" }))), h("div", { key: 'afbcbc6ddec35290681fa700cbc61c2b67cfa494', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h("slot", { key: 'bdde2c7b012d1017e27fe4e70514bcf166cddb7f', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: '852e36d4a8c760d5cb8cf90204cfaedf248683a0', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '80a8a98c15e4983a0ffacea0c5d580156cc31d96', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: 'c2e741e1a92ddec907d482d7c942b1e9c3e2276e', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
     }
     static get is() { return "z-app-header"; }
     static get encapsulation() { return "shadow"; }

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

@@ -5,7 +5,7 @@ export class ZAriaAlert {
         this.mode = ZAriaAlertMode.POLITE;
     }
     render() {
-        return (h(Host, { key: '351d44f3f64362a97cac21201f8cfa5311158870', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: '456a2c0bb53f74d74b84a90c027dbf94249fbab9' })));
+        return (h(Host, { key: '120c8a0745e55316dc0b74597af02b462cf8672e', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: '38a9ce7ff0b008f74c4674877c16d14f812836dc' })));
     }
     static get is() { return "z-aria-alert"; }
     static get properties() {

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

@@ -24,10 +24,10 @@ export class ZAvatar {
         }
     }
     render() {
-        return (h(Host, { key: '8e7d78169cfb0f1705bc91c8db649a7d500290a6', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        return (h(Host, { key: 'c0aecd50f42f1054dbf6fcd02a6b39b9af4b634e', 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: '096abc1df006eea6430564aaf999c22a18b60682' }, this.text.substring(0, 2)), this.image && (h("img", { key: '68d28c12bc007a0575e6797987501a1851ae8b3a', src: this.image, onError: () => (this.image = "") }))));
+            } }, this.text && !this.image && h("span", { key: 'f1a3b8d52057e626df27d92e054d7e5d7b8b58d0' }, this.text.substring(0, 2)), this.image && (h("img", { key: '66953e14b9893d6c761e2f5cafde8156de827bcb', src: this.image, onError: () => (this.image = "") }))));
     }
     static get is() { return "z-avatar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -193,10 +193,10 @@ export class ZBreadcrumb {
         ];
     }
     render() {
-        return (h(Host, { key: 'ec59a3c1afe2d946df4b5ef8dae569b40e20e083', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '9b1668c981c22cd2d52f31f58e2ac38a18f574fb', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
+        return (h(Host, { key: '5bcdf767ac76b00a9b648c2690d6928e34574606', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: 'ac8a7f77b6ee9c8ec07cf4eba8a0d144d7bf22b7', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
                 semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,
                 underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,
-            } }, h("ol", { key: 'fedac8ea463ba9b20784d20cf50f9f8526055d3b' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
+            } }, h("ol", { key: '0161de4f9fc2cf496bacaafde6b2097bc928dcb2' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
     }
     static get is() { return "z-breadcrumb"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class ZButtonSort {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        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 })));
+        return (h("button", { key: '5254d0f81ee547b9841651f4c983ceaa00f6639b', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '2bfcf3a440f1c4b17fdf4bad0a38c9951a7f9ec8', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: '917e5afee07a7b0cd751e476f9dd4b56f2335cd9', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: '3ce3cf927f7cbd40508cea8070501f6149067219', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '9c680f7e4381ebb2a6215d30a3e503aaf93365a8', name: "caret-up-down", width: 16, height: 16 })));
     }
     static get is() { return "z-button-sort"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,11 +9,11 @@ export class ZChip {
         this.ariaLabel = "";
     }
     render() {
-        return (h("div", { key: 'fe1e1ba8b794a0e67a04236808573c3ae9bcc4ce', class: {
+        return (h("div", { key: '738fe48ba8f925ee215855d4ae94cfc59f990bb5', class: {
                 "z-chip-container": true,
                 "z-chip-interactive": !!this.interactiveIcon,
                 [this.type]: true,
-            }, "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 })))));
+            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: '67ca424408feb5accaf09528d3a18521cde87cf3', name: this.icon }), h("slot", { key: 'b31dddad6f32292a47b16654de3a79fca9beb7b9' }), this.interactiveIcon && (h("button", { key: '59870c7e12179d653c05815da7dec06fb45809d1', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '104c10e9601e973b6d91984b4b34311a8c679c01', class: "interactive-icon", name: this.interactiveIcon })))));
     }
     static get is() { return "z-chip"; }
     static get encapsulation() { return "scoped"; }

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

@@ -251,7 +251,7 @@ export class ZCombobox {
         return (h("div", { class: "check-all-wrapper" }, h("z-input", { type: InputType.CHECKBOX, checked: allChecked, htmlid: checkAllId, class: this.getCheckboxClass(), label: allChecked ? this.uncheckalltext : this.checkalltext, disabled: this.maxcheckableitems && this.maxcheckableitems < this.itemsList.length, size: this.size === ControlSize.X_SMALL ? ControlSize.SMALL : this.size, role: "option", "aria-selected": allChecked ? "true" : "false", onKeyDown: (e) => this.handleSelectArrowsNavigation(e, checkAllId), onInputCheck: (e) => this.checkAll(e.detail.checked), onInputFocus: (e) => this.handleCheckboxFocus(e.detail.id) })));
     }
     render() {
-        return (h("div", { key: '303335d1978e653877985ff2435f836bca278400', "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));
+        return (h("div", { key: '7c86e932e576074306566fbdb4946fc5cc6a5015', "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));
     }
     static get is() { return "z-combobox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-cover-hero/index.js

@@ -35,9 +35,9 @@ export class ZCoverHero {
         return (h("div", { class: "content-container" }, h("slot", { name: "content" })));
     }
     render() {
-        return (h(Host, { key: '1a87367d3abb5790f0ea6cacf7d3e75eacbff59d' }, this.variant === CoverHeroVariant.STACKED &&
+        return (h(Host, { key: 'b0851f69b3ca2ef898886381f01b547b59a7f76b' }, this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.TOP &&
-            this.renderContent(), h("div", { key: 'b84e940db5381001045b9ebe7dfec5069ab27694', class: "main-container" }, h("div", { key: 'f46b165bd73a5eca477cd43164999ad5517b821c', class: "cover-container" }, h("slot", { key: 'cf61e486fd79bbbf38aa788f33dbd857dba86109', name: "cover" })), h("slot", { key: 'd0a748e763dde074c1c25c9aacf84d7357c17f14', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
+            this.renderContent(), h("div", { key: '9045149da53fd0efb3c0e3f67a3ba15f7d9ee5a4', class: "main-container" }, h("div", { key: '76ecd3d33c52a01c5e4287487691617ffe5384bf', class: "cover-container" }, h("slot", { key: 'a779df5cdc886d42bf6ba7844b28ba950d31db4e', name: "cover" })), h("slot", { key: 'eb64e17b43080632764f0fb29d16cd0fb9295f7f', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.BOTTOM &&
             this.renderContent()));
     }

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

@@ -7,7 +7,7 @@ export class ZDivider {
         this.orientation = DividerOrientation.HORIZONTAL;
     }
     render() {
-        return (h(Host, { key: 'e66c5e6bde9dd3ea0a531c87e37e643362b8d733', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+        return (h(Host, { key: '2eee9b3714576336e91b9499ba9aba6455c71fc6', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
     }
     static get is() { return "z-divider"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/z-ghost-loading/index.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class ZGhostLoading {
     render() {
-        return h(Host, { key: '1b6194b00f5be2533e18e4c6a914f4e51bf7e7bd' });
+        return h(Host, { key: '0c578b603092b1e9418e49549da02bdb307bd8ee' });
     }
     static get is() { return "z-ghost-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class ZIcon {
         return h("polygon", { points: ICONS[this.name] });
     }
     render() {
-        return (h(Host, { key: '1a1e571015e571d47fe06be2014c56c63ae2243d', "aria-hidden": "true" }, h("svg", { key: 'e2cc3ec6fc9d8e2fe31dc1b6a6ec0ed17556b3e4', viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(ICONS[this.name]))));
+        return (h(Host, { key: 'ad4a704d26e42bfb8ea53ef191ee51c373bd7068', "aria-hidden": "true" }, h("svg", { key: 'c50371596000899e83ade307c91e49839f948ecc', viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(ICONS[this.name]))));
     }
     static get is() { return "z-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-info-box/index.js

@@ -11,7 +11,7 @@ export class ZInfoBox {
         this.infoBoxClose.emit({ boxid: this.boxid });
     }
     render() {
-        return (h("div", { key: '4e08c5c0d3c070db1944b3ab5745d192fd4e8013', id: this.boxid }, h("slot", { key: 'f94d50c3fd311445d4abb7e3f12c387c3be4724d', name: "content" }), this.isclosable && (h("z-icon", { key: '165b638f14604a45a798210ea2de1c9f59bb3612', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+        return (h("div", { key: '4d08d8aaaf8a140bfcf64259275d6aa33f6ab633', id: this.boxid }, h("slot", { key: '543a5a5a49ac3cb952627b2efe27ba3f18a394cb', name: "content" }), this.isclosable && (h("z-icon", { key: '79265e7a1a97a5d398e225db66a5bb28b0ee8edd', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
     }
     static get is() { return "z-info-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-info-reveal/index.js

@@ -47,7 +47,7 @@ export class ZInfoReveal {
         }
     }
     render() {
-        return (h(Host, { key: '0cd6457cdde5047f859f7e11feee92fb9dd0eb31', open: this.open }, h("button", { key: '63fd527be4c6d7de36aa8546dc47874ad571de01', 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: '0297eed1694a18d08b9290568a503afb441127ea', name: this.icon }), this.label && h("span", { key: '0fa5ff78efe186486b6991fec0edbcd560a2f302', class: "z-info-reveal-label" }, this.label)), h("div", { key: '6d1125e73e361aee556994e3e311196dfa288dee', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'fe7b4a62cb6306418f935254139cfc4b0048a821' }), h("button", { key: '789d137466ede751579c4c64eddd04269eda3c12', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '267e312def7799ab52a9fac1923d33538c8e9218', name: "multiply" })))));
+        return (h(Host, { key: 'bcb05d866c119c9f686911ebfd5d6b30fc1072d4', open: this.open }, h("button", { key: '503e35952223d6daa164bba815f94fb33880c310', 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: '1debca6ca34d6b9aede20b049b770a0d051f6e71', name: this.icon }), this.label && h("span", { key: '5a6ea3fa133179716e87af19b3e734a24dda8989', class: "z-info-reveal-label" }, this.label)), h("div", { key: '0ddfd54fe95e877d15cf88b525ef6f80bf042ce2', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: '309ce5208cf50f612b2b267e572d7461e65dffbe' }), h("button", { key: 'fbbfaffbe9b050db008338b8369d3b945fc887b3', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: 'b704c1f4df7271d8bb293517701953a00d1f8b5e', name: "multiply" })))));
     }
     static get is() { return "z-info-reveal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -261,7 +261,7 @@ export class ZInput {
             default:
                 input = this.renderInputText(this.type);
         }
-        return h(Host, { key: 'f59312821e115fe3cc9d55b867ddc9976f484639' }, input);
+        return h(Host, { key: '7e0a529ebc1bcd838d99d878e737a8898a419e53' }, input);
     }
     static get is() { return "z-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/z-input-message/index.js

@@ -17,7 +17,7 @@ export class ZInputMessage {
         this.onMessageChange();
     }
     render() {
-        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 })));
+        return (h(Host, Object.assign({ key: 'a2b69ddf883ecf38660240507da90ccc8b70d043' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: '904df7a3fbb425e7dee6ca8dd07ae902030eead2', name: this.statusIcons[this.status] }), h("span", { key: '247ebbf4a4c5720a19af058ee80b5e6a2031149d', innerHTML: this.message })));
     }
     static get is() { return "z-input-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class ZLogo {
         if (this.height) {
             style["height"] = style["max-height"] = `${this.height}px`;
         }
-        return (h(Host, { key: 'b7aef0e1a12aefa4609fc698ac287245d93144f0', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt }))) : (h("img", { alt: this.imageAlt }))));
+        return (h(Host, { key: '983b67652dbce086db80dd62d2eff3cb7e8c5cc3', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt }))) : (h("img", { alt: this.imageAlt }))));
     }
     static get is() { return "z-logo"; }
     static get encapsulation() { return "shadow"; }

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

@@ -171,7 +171,7 @@ export class ZMenuSection {
         this.onItemsChange();
     }
     render() {
-        return (h(Host, { key: '8055d8257a832f25940c0a754bd58497fa4bd0a0', open: this.open }, h("button", { key: '311bb43cd08cb379973701c416744ee27e3747f8', ref: (el) => (this.label = el), class: "label", "aria-haspopup": `${!!this.hasItems}`, "aria-expanded": `${!!this.open}`, role: "menuitem", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h("slot", { key: 'd6a00928ca6a80ccdec98164979ccb2681c130c5', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '976be6f35df99772aa82d82a60c86f3c09ca585a', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: 'd963f28d3d70563f01b9995194c941de9197cc1f', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: 'b42437ebb6c0c0373e4773f1930e527ed3a4697e', name: "section", onSlotchange: this.onItemsChange }))));
+        return (h(Host, { key: '3414a4946d0a2d96ce03c8e95d76a1d6162caf9f', open: this.open }, h("button", { key: 'e24e50fb417480d60b61cc6b90364cf99e9430f3', ref: (el) => (this.label = el), class: "label", "aria-haspopup": `${!!this.hasItems}`, "aria-expanded": `${!!this.open}`, role: "menuitem", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h("slot", { key: 'fb0d0e06e5069ca713b47cfbb014268d52ccfeb2', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '3556ad182adf9b4c9111e3568091850ced8ae498', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: 'c5c5aaca5aa108ef52c5af22deeeca77d773eb93', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: '4ff2f603482147dc49c8dcb0a72d27d5292e156d', name: "section", onSlotchange: this.onItemsChange }))));
     }
     static get is() { return "z-menu-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -111,16 +111,16 @@ export class ZModal {
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: '503ac50f3dc7be8877138ac79cf6ced2e980d5ba', class: {
+        return (h("dialog", { key: '5da8e4ff1e24a5d3bfcf378e84e19da201548f14', 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: '465d23e5c49aa84569d9da23f8147ea4623c2ebe', 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: '1784e267b3a7e5a702751e5463325be79e940692', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, 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: {
+            }, id: this.modalid }, h("header", { key: 'ba6a5d60a414cc4e111b98ba6a2ba096a7f487cd', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '9d83bc27bcfe735a7197186c8149aeb2b88ed597' }, this.modaltitle && h("h1", { key: 'e0d611a56a72c619a455e093c6f57b6c713a4926', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: 'a159731352318c11438abd354cab47006a22dadb', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '51c575ae0212082390d9174a1ba5e8d95e9ac488', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: '01f16e6a6c9b1caa16271ddd28a01ac0c3ae5e5f', name: "modalContent" }))), h("div", { key: '7cb7575c0f661982ed7853ca3df904331fea6c57', class: {
+            }, id: "modal-content" }, h("slot", { key: 'fb98d41d0f6fb924d10fcf3171e203afb21a3e17', name: "modalContent" }))), h("div", { key: '02e8e0dfca14ad69a7d27fbe546f64620918c907', 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: '0b12b029411faa03fde8c7cab690c655a9222d96', class: {
+        return (h(Host, { key: 'd192d751519659abe6a7276077871c62b0c09132', class: {
                 "interactive-2": this.size === NavigationTabsSize.SMALL,
                 "interactive-1": this.size !== NavigationTabsSize.SMALL,
-            }, scrollable: this.canNavigate }, h("button", { key: '5022271cf8f6d8a48de6186af7cb54d75bb92427', 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: '8262403c712f134208a3bdbec48e71d3d446758c', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: 'f6ac7d4ac917af513600e6eed2c545000d6508ec', 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: '3de431022c169350f1a2dd342d8e6170d2b64210' })), h("button", { key: '2a5b18aa8280e94d610ffc2a1b30e527d65df8a6', 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: '3733f645a9c05166413740c7f5854d121c5f7cdd', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+            }, scrollable: this.canNavigate }, h("button", { key: '9306e51dafe13daf47d02f2bc2c1165bbca852bf', 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: '12c02634275c9465042b782f797876c892afb88f', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '87fcc53d787cc5889ab3098f5815190baad83f60', 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: '8b4b0be5170b59d9d3acebbb510e64630a92f024' })), h("button", { key: '3c50cddedd525a8e392ae199da12edbdfcfa3f0f', 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: '0224c950d506b47926392395953a4e2a0bb76aa5', 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-notification/index.js

@@ -25,7 +25,7 @@ export class ZNotification {
     }
     render() {
         var _a;
-        return (h(Host, { key: '275c4d98f56fb388d1bb3373664f5ba52b22a613' }, this.contenticonname && (h("z-icon", { key: '6f947ada02ec82736df5c099285e8ad84bbd07ed', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '71fcf67cb01c84e0bef856dab960e4a04b472d7a', class: "content-container" }, h("div", { key: 'c590fccba3708952d3c71c8f274f7b5305f85583', class: "content-text" }, h("slot", { key: '104ae4ef5a77cb371f0b4d928a4804b71c33e23a' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: 'e43f9e7499e027131e76839cc21c9cc5ec332355', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: 'afc2acfa687d499bff6720423fa86afd335560ef', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: 'f03fafa58bdc583c34552e9f5d4114608ad82de1', name: "multiply-circle", width: 16, height: 16 })))));
+        return (h(Host, { key: 'e8416850a84b427fef7b6ba0d9c8b9166e4799ab' }, this.contenticonname && (h("z-icon", { key: '12598bed47c61eb4f526eb5e274b3d22986bc4b8', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '84c2a22d8b0061b9fea55945b2a3007ea1e9b63a', class: "content-container" }, h("div", { key: '947f63eb8cc4b3711ee97e5a8fdc34e22d2bed9f', class: "content-text" }, h("slot", { key: '0cc909e320c921f2d0d2b2ee884e62e970bc6d3a' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: '3a185d65b4fc48e62c134543ae5725659ffa9a7c', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: 'b5fee566524a4e6c9be009a77a7679a7d1c68b78', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: 'c3658a322c699ee57b706cc58a7c5f53877a6620', 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: 'd6d26ab3d262f18a7f7b0d79064d833550d7dc5e', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: '5006a356d94cd614e646f8c6cc22ef9bc82b230c', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: 'cdf6e5c0d1d7b594a75ba49214c7782c09f13fab', class: "canvas-content", role: "presentation" }, h("slot", { key: '9576d80ca8e63ae785fb66e01b696412ab8acad2', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h("div", { key: '91e08d2782d1c4ec027ebf452f128d64b96ef01d', class: "canvas-background", onClick: () => (this.open = false) }))));
+        return (h(Host, { key: 'f5ac05455f6d606d2c196b9a2fa27defb10d37de', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: 'ce9a6ec3c8a199e1445dd7868a02d27ca7a43ced', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: 'a3123ab9b60ea528a1bdd4c6a98a87804553a453', class: "canvas-content", role: "presentation" }, h("slot", { key: 'cf8a35569ec5e6ed7261f86de7b7c1910fabcb51', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h("div", { key: '0ea84a1c79c961d7b259dfac5e3915e0e9e5065b', 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,11 +16,11 @@ export class ZPanelElem {
     }
     render() {
         const elemId = this.elemid ? this.elemid : "";
-        return (h("div", { key: 'f134c054a061905d6a32e4ecc999591308e78fcf', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: '7740f9f046cf767c21eac8c44863e7293076550d', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: 'ee429dc9e4fe25b694ae31ebb75bc73219ae827c', src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'ba903181574ff5ff92d9ec01910587ba4362aeee', class: "panel-elem-link" }, h("a", { key: 'edf0aec448a0fbceae6da0c2e19c12611c68bd3f', class: {
+        return (h("div", { key: '1ba09df2a9cc5da1c8ed1ba519f6152400fd3112', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: '7612fd1b8caa89b7b3d51795dbbd2f60cbdd9f40', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: '2f14c8109c47a8ab08e32b356854dfc7c694b830', src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'de00dfd8c474683cf1b9a26851bc86f0c67eec07', class: "panel-elem-link" }, h("a", { key: 'f74669b97141996eb6c1e3fabff730399d7ef648', class: {
                 "z-link": true,
                 "z-link-disabled": this.isdisabled,
                 "z-link-icon": true,
-            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: '3b2dea4d2c546787aefd9157fb0b988c038f3cba', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: 'addef8764e493c2385d44b36a815c46b2e001e64', class: "panel-elem-desc" }, h("slot", { key: 'e2cb555ca78f835793274e7671cb3876560138bf', name: this.descrSlotName })))));
+            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: 'e931d09a819dee0b73b9ec3f773d6fdfc84f8718', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: '8b29c1c9b902987cea5f53a38bde39feae24b8b9', class: "panel-elem-desc" }, h("slot", { key: 'd0724bbee14dbf8217d83b6abf38086252d5e361', 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: 'd0760be7dcab1b4608f1b3c40cf0578b20d376fd' });
+        return h("slot", { key: 'bb814a66ad2a12576b53d396d2fd77ae929e0874' });
     }
     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: '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()));
+        return (h(Host, { key: 'b15d9438a85ae1c5c2a9664afb87be51e9b36574', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, h("div", { key: '46ef8216f38917ab4625b310e472c94e655ccd58', 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: '15127467ec57c592822cc1d146f19716fb9bf15b' }, h("slot", { key: 'e240b4d2c2a26687b87e3b54044bb663e5fdab4b', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { key: 'b80bcb9779af5325cc6d2cc57babd89e71856be3', size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: '843fe164ad735fd60834f011988b4c9995250a2c', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { key: 'ba37a4bd53fa715e765dcfe58ccc2a5c1d77051d', size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
+        return (h(Host, { key: 'd8eb9df2037f2b0f8a649037889abb9f2b83cc7d' }, h("slot", { key: 'bc71a459519786fcab44788f0e1b63a6979cfe3a', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { key: 'a8d7ceca574fc5b9b191fd375980b16225c07143', size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: 'a4676608094adc0186822ab798ca36eacc9d73cc', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { key: '9dc796da683d5c050fef6ad24bdc522d568a636a', 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: '9b123725a6aa033aca4ada3ef6970764e11acf6a', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
+        return (h("div", { key: 'cda01380c2533db9887b5000dd48640a0a12eda7', 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: '3d483b15edd6bf673a8b93a65016a558ce8f1648', class: {
+        return (h(Host, { key: 'e94b43b0ecb38138d2a4148876e832fb4413b5fb', 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: '125c47235cf0b4e8e7ad2884399b3bfc74c6ce54', role: "list" }, h("slot", { key: '32c44da99f4a88d757b52bf65c328d506f0538c9' })));
+        return (h(Host, { key: 'c828da9bd0e63ebbb693e3610be903c0f3cd3649', role: "list" }, h("slot", { key: '9c9549aa8f768cfdea8a5f5d630a3c0b6c62b405' })));
     }
     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: 'c7c2e206c978ee691e94b18b0a16e55022390b59', role: "listitem" }, h("button", Object.assign({ key: '4f0f98a8d8e03c97d9e1c7d2440a01c2c490b295', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: 'd6630e5a219779138dce9b04ca812c97ac4a1ecb', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: '948c7baae4dfc60a90b366cb6e76db3133182ddd' }, h("slot", { key: '9eb55b00ce32f7e15142bb3f0ed0a1dc548445b7' })))));
+        return (h(Host, { key: '49e716ac14cd65b88c4a1f642ebcf6255e7cf470', role: "listitem" }, h("button", Object.assign({ key: '41cf0d43801d0b2ffa254ba230bf131ca6cd0586', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: 'e7e22ca0b3b0648ede7a90f84f15c5d20c6ea4c2', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: '7b61ccddadcfb758c5a69d639a725348cea05782' }, h("slot", { key: 'cb13d813f43703a413d68ba46b0faed4749f5e70' })))));
     }
     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: 'ea34d3ee122186a6d5538a6b8b190980b0fa93c3', class: {
+        return (h(Host, { key: 'd24d08dd022ace96c3448634e5ef9623479c0d0b', class: {
                 expandable: this.expandable && !!this.icon,
-            } }, this.icon && h("z-icon", { key: '260403ea82fc6f86d16ff9ac36c6b0b240feeb50', name: this.icon }), h("div", { key: 'eb603b28c89140eb429810f0f39a1d2869e2a3ab' }, h("slot", { key: '8edaa4c961fc03cae35c8fb7ed7e26c67d1610d2' }))));
+            } }, this.icon && h("z-icon", { key: '1a567d78c479e0278926798853fd463a9a177fe1', name: this.icon }), h("div", { key: '2e87fab7b6e72c159c9a68367c2198f0b5ea75af' }, h("slot", { key: '705f3a79ef8dee76eb81aa31815dcc75eed235ce' }))));
     }
     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: '64e3bc3f5fea2d418f58e010fb4660fc2369dacb', style: {
+        return (h(Host, { key: '7c37f56b51dc4e57f1ef68dcb33d92a7b312797e', style: {
                 "--percentuale": `${this.percentage}%`,
             }, class: this.transition ? this.transition : ToastNotificationTransition.SLIDE_IN_DOWN, onAnimationEnd: (e) => {
                 if (this.autoclose && e.animationName.includes("slidein")) {