@zanichelli/albe-web-components 20.0.1 → 20.0.2

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

@@ -30,7 +30,7 @@ export class ZFile {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (h(Host, { key: '872ac3402e164915b16c872027f7cec7121bba82' }, this.allowPopover && (h("z-popover", { key: '2e8a1c0f1d8a7a3d303a82d56f5164ec6436d714', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: 'b70f58575ec17124133274bae84af4b41754478a', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: 'a183a3b2109d2389681645497b2473b81251aef8', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: '293af17d1fd64a80433eea56f576ecbc4a4dc576', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
+        return (h(Host, { key: '28f55431def45d56efe917e949de7dedc05a7989' }, this.allowPopover && (h("z-popover", { key: '80116f0fa1b80d746fe957ab3aa88495684c6592', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: 'aefa6fcad0a69e109e5215154b839b0e07d34f99', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: 'd29cda7f421bd066b5082a1ff7999a6eae3a09f2', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: '8a57b7285f555807923aee45b9651965bae4254d', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
     }
     static get is() { return "z-file"; }
     static get encapsulation() { return "scoped"; }

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

@@ -26,7 +26,7 @@ export class ZList {
         });
     }
     render() {
-        return (h(Host, { key: 'ac29d5323be6b26a03f8477d7be07de92e66b08e', role: this.htmlRole }, h("slot", { key: '4ae10c8bc8c8d1d11c3bffc751b86882b5f6f21c' })));
+        return (h(Host, { key: 'aeaf7ef699223b8f5da68f49d8eb6ea5ea5cebb1', role: this.htmlRole }, h("slot", { key: '942882c5e4f03ef9dd64ec255b4cd8b8c5c2c107' })));
     }
     static get is() { return "z-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -153,7 +153,7 @@ export class ZListElement {
         }
     }
     render() {
-        return (h(Host, { key: '16ec312858869df48a86d54f62362de1a753338b', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.hasTreeItems ? undefined : this.htmlTabindex, role: this.hasTreeItems ? "none" : this.htmlRole }, h("div", { key: 'e9fa7223b93db9e37d260ff9296c2db068a13d61', class: this.hasTreeItems ? "tree-element-container" : "container", style: !this.disabled && { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '4b1763e2c9b7409473e6dece33c603d9b1bb5206', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: '4f8008af808226331324ff26d7c46f805a3f7ff3', class: { "z-tree-list-divider": this.hasTreeItems }, color: this.dividerColor, size: this.dividerSize }))));
+        return (h(Host, { key: '08ed403eb2e275906b9cce38cd09d8ad26683efc', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.hasTreeItems ? undefined : this.htmlTabindex, role: this.hasTreeItems ? "none" : this.htmlRole }, h("div", { key: '64c3b6826652d98b557f32098ab87b3eccabed93', class: this.hasTreeItems ? "tree-element-container" : "container", style: !this.disabled && { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '222187f25d69dd2fb6128ce6a0c5c81dd6a05b31', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: '1ff298c5fc086f1e303194b69de2324e5448508f', class: { "z-tree-list-divider": this.hasTreeItems }, 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

@@ -45,11 +45,11 @@ export class ZListGroup {
         this.hasHeader = !!this.host.querySelector('[slot="header-title"]');
     }
     render() {
-        return (h(Host, { key: '5c18efadefea41fd7dd73e276f1c70d99966cc27', role: this.htmlRole }, h("div", { key: '39780a5f98c4a63c2dfbc5561b7c08dd47f87872', class: {
+        return (h(Host, { key: '6c87868fe2ef8cb8cba06bea94d4eaca25c3f0e7', role: this.htmlRole }, h("div", { key: 'bf277438554dd56b141040c8af5e2171eeedfdb7', class: {
                 "z-list-group-header-container": true,
                 "has-header": this.hasHeader && !this.hasTreeItems,
                 "grouped-tree-list-header": this.hasTreeItems,
-            } }, h("slot", { key: 'b9598bd340a6c17f1dc900f061a6aa05dcbcbf19', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { key: '5646b13db4813f862f9b028491ef4ff9f878ac9c', color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: 'b89f293df5f95fb83bc23e1725cb2d24a7b5c15b' })));
+            } }, h("slot", { key: 'c3bf82239b5f0418e10bffbc4e1e26e4c3172dab', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { key: '7127f3a0d6f501f305431d57068da428ccf8b90b', color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: '7dfc72c7992c5f28fce1a204ebabfa2a012b7708' })));
     }
     static get is() { return "z-list-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -93,7 +93,7 @@ export class ZTreeList {
     }
     render() {
         const hasClickableItems = this.parsedItems.some((item) => !!item.url);
-        return (h(Host, { key: '1fe0cc5351db13f054dc3988ce06dd3698f3fdfc', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, h("div", { key: '27675ef82221e001a80b4df1a6b3a7597166164c', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
+        return (h(Host, { key: 'd4f93f20f84ac193c4b291b0cc16d4a0e6838d49', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, h("div", { key: '4d0f11bb82855843beabb2eb0ddaa30ca39d8524', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
     }
     static get is() { return "z-tree-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class ZAccordion {
         this.checkSlottedTags();
     }
     render() {
-        return (h("details", { key: '0400f292718d11e914939c7276fff21a8d07b5a3', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '215728fe582184bb8f39815e96fdc4a34f983ea6', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '05e95bad3e66ab3730711a9f5cd1077015ef48d7', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: 'babacc83020de2cdf14588e184d8834d0eb87029', class: "z-accordion-label" }, this.label), this.hasSlottedTags && (h("span", { key: '01ba1004d19c5e9b394f286f2efb0112f4c70e1f', class: "z-accordion-tags" }, h("slot", { key: 'e6a74b5c588056f46dd07b28e24f4cd9b10cea8a', name: "tag", onSlotchange: () => this.checkSlottedTags() }))), h("z-icon", { key: 'c71ca8f7f20de925508801cffe7cdb690a21dc4b', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '96abd1bf924f77162cee791269701180f22f096e', class: "z-accordion-content", part: "content" }, h("slot", { key: '8a1618b8228c985ad7d229ca78f056af6c2dd469' })))));
+        return (h("details", { key: '9dbc24c1558cb8dd8278224d4721a173dc6050f3', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '191e306e811898c6e199664af41746a7f7fc6885', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '8562f6af8717ec125a8be1def19816c67437a3d0', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '0a863e554c09d43fe7c778fb15266232c45e5c8c', class: "z-accordion-label" }, this.label), this.hasSlottedTags && (h("span", { key: 'ec62cf2331385b745e9abde47b763c4f76291cc7', class: "z-accordion-tags" }, h("slot", { key: 'f4e709e2eeb465595e96fe24b4a0bda02f6eaa84', name: "tag", onSlotchange: () => this.checkSlottedTags() }))), h("z-icon", { key: 'dec4e49f0d1fee8f59d38b9d97f98aad3affd8aa', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '21a60ab43db780e601d886f6d7ab3a63e2e102a8', class: "z-accordion-content", part: "content" }, h("slot", { key: '8a43604d836c04288661b83fc479cec799143cfc' })))));
     }
     static get is() { return "z-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class ZAnchorNavigation {
         window.removeEventListener("hashchange", this.setCurrent);
     }
     render() {
-        return (h(Host, { key: 'f2cbf308e24c100b40858ad4370d7fb1b83c91b4', collapsed: this.collapsed, class: "z-scrollbar" }, h("z-button", { key: '964c11320f7dff05208327e7f591ea90bad3763c', class: "toggle", size: ControlSize.SMALL, variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), h("nav", { key: '21a8634ee51e4a1a824685e95ef58ed6a87e10e2', ref: (el) => (this.nav = el) }, h("slot", { key: 'bf93f6bd1d2948839da0e7e103f05ebd55135a33' }))));
+        return (h(Host, { key: '89751109cccb5d8bef38667bbfdfdc28e1a1febf', collapsed: this.collapsed, class: "z-scrollbar" }, h("z-button", { key: '2b5cbb4358af217a87d52c52a24326c316dbc56b', class: "toggle", size: ControlSize.SMALL, variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), h("nav", { key: '3f5560712a71aaa112b1258b2177efcbb260487d', ref: (el) => (this.nav = el) }, h("slot", { key: 'da9a478eb5667533ffc14e3ea7f4c28aba30218a' }))));
     }
     static get is() { return "z-anchor-navigation"; }
     static get originalStyleUrls() {

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

@@ -274,7 +274,7 @@ export class ZAppHeader {
     }
     render() {
         const hasTopSubtitle = this.hasSlot("top-subtitle");
-        return (h(Host, { key: '3c87b576bc0b22b6466d371cc1e5a6c92632cb3f', "menu-length": this.menuLength }, h("div", { key: '5fea095adcdc48b7ef7f1a2c0a9fbebb2f774f7c', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '4c2af7cd90d3aed866fc0bb1e12c3a7040b8eab7', class: { "heading-container": true, "has-top-subtitle": hasTopSubtitle } }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: '123f4dbda4424a699098f8cd56e6e0af285555d9', class: { "top-subtitle": true, "has-product-logo": hasTopSubtitle && this.hasSlot("product-logo") } }, h("slot", { key: '7e46ed5fcf49e61c69cd808f323e642bd1dc8f44', name: "top-subtitle" }))), h("div", { key: '459505e2ebe168001292351e85002584b6efed1f', class: "heading-title" }, h("slot", { key: '579d2eb490d5c876b0a7ffd111c923d2240a5e18', name: "menu-button" }, this.renderMenuButton()), !this._stuck && this.renderProductLogos(), h("slot", { key: 'f6fc213fd474fd75222e2dafc044624f4c468297', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: '792cf8b185cf12ae234a5e75f8dc4db33fd97e98', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '6f8e3558678da2a099aa86f63d2dcbc4be9762a3', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: 'aa700689a8b05503079e69a5808442db280e8e4e', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
+        return (h(Host, { key: 'a464234ec0ce538282727aa83c43d30b5ea23ffa', "menu-length": this.menuLength }, h("div", { key: '0f41b7571c5e1acf4298910ab415ca986616a40e', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '9b9d45789be83c2db23e035a72b60cd4910b68b2', class: { "heading-container": true, "has-top-subtitle": hasTopSubtitle } }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: 'bd1196659bc19936603de3994011b82ea7649147', class: { "top-subtitle": true, "has-product-logo": hasTopSubtitle && this.hasSlot("product-logo") } }, h("slot", { key: '5d50957c5b91c138ad21efb849fdd371e93057ae', name: "top-subtitle" }))), h("div", { key: '47a21fe5a5b508fe23cf4e185813743e8dce0fab', class: "heading-title" }, h("slot", { key: '1c027312231d68cb2ebc625b6aeed177d2e22cf4', name: "menu-button" }, this.renderMenuButton()), !this._stuck && this.renderProductLogos(), h("slot", { key: '6917fa59229dc3d80b5c3ca472bd14b671be9e27', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: 'e3ac84ff0933a8955fa7433f8ea0ae94e5eec080', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '1f3461f8b2b99d8515774265c07ddcb850ed7757', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: 'eda425c16602287225554fcca0c65661b46e0366', 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

@@ -6,7 +6,7 @@ export class ZAriaAlert {
         this.mode = ZAriaAlertMode.POLITE;
     }
     render() {
-        return (h(Host, { key: '55fc317227e17c4c018d382367f0e243a769df3b', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: '749d024688dc33287157e9405cbac013fc59a197' })));
+        return (h(Host, { key: '89e5c5f82f37b016ae8df7949c2f8f4c29c4de41', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: '794641d2a1cc26567755a7ab12b389446c4ef500' })));
     }
     static get is() { return "z-aria-alert"; }
     static get properties() {

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

@@ -25,10 +25,10 @@ export class ZAvatar {
         }
     }
     render() {
-        return (h(Host, { key: '3420b1414f9869a0715dd0510dacdf7f5189d60a', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        return (h(Host, { key: 'd9d28e0b7d72b7ece067fa8195c96c00be2fa1f7', 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: '0af7952baeb4cce47b083d508ab0ca0cb961e724' }, this.text.substring(0, 2)), this.image && (h("img", { key: 'd74633bfd9fa75ee84cc2070ee6a549e755821d2', src: this.image, onError: () => (this.image = "") }))));
+            } }, this.text && !this.image && h("span", { key: '98969977ff87ee66004e581cb22a824566355054' }, this.text.substring(0, 2)), this.image && (h("img", { key: '9710677913311401b39258f3a1eedbfca55f2ea2', src: this.image, onError: () => (this.image = "") }))));
     }
     static get is() { return "z-avatar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -18,7 +18,7 @@ export class ZBookCover {
     render() {
         var _a;
         const hasAlt = !!this.coverAlt;
-        return (h(Host, { key: '5f1cf73c34673b19270dfbefa968ce8cfc887782' }, this.multiple && (h(Fragment, { key: '02eea3c4d3769a36aaf2eb250ef1220bf23cc69d' }, h("div", { key: 'f3de7ab44c13bb5c276b88e254a7ebb0b1a20ba1', class: "shifted-stack-cover stack-cover-2" }), h("div", { key: 'ce383b583c9004171014cdf59dd49e61930308ba', class: "shifted-stack-cover stack-cover-1" }))), h("div", { key: '4bfc40b8be81356755cfed89ed13a4f84ba9228b', class: "cover-container" }, h("img", { key: '036d55f6f830685a33f12f125d317b935da28454', src: (_a = this.cover) !== null && _a !== void 0 ? _a : defaultFallbackCover, "aria-hidden": hasAlt ? undefined : "true", alt: hasAlt ? this.coverAlt : "", onError: () => (this.cover = this.fallbackCover || defaultFallbackCover) }), h("slot", { key: 'f7c0eb82d8d230bf53d0e4e5d89ab35623c5bca1', name: "coverOverlay" }))));
+        return (h(Host, { key: '2e704ce8a7cc1a27bc3cd7dbfba5422a1ba717c3' }, this.multiple && (h(Fragment, { key: 'b112f04f988d1c1c1a5a7effc816579445f5233a' }, h("div", { key: '96b9e8b1a0e721461e53fe542e13ff1a368f27d5', class: "shifted-stack-cover stack-cover-2" }), h("div", { key: 'a48e416e977a8cc8457e8f3458731d7785608047', class: "shifted-stack-cover stack-cover-1" }))), h("div", { key: '8cfcd4827f310469ece7e6c0a05f80f2dc19c7af', class: "cover-container" }, h("img", { key: '8253becdcd845e61ee5f0faca0d2a5ec67a5b534', src: (_a = this.cover) !== null && _a !== void 0 ? _a : defaultFallbackCover, "aria-hidden": hasAlt ? undefined : "true", alt: hasAlt ? this.coverAlt : "", onError: () => (this.cover = this.fallbackCover || defaultFallbackCover) }), h("slot", { key: '3dad94c7189758f2ce33b40e8f0d6dfaa04c6a3e', name: "coverOverlay" }))));
     }
     static get is() { return "z-book-cover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -205,10 +205,10 @@ export class ZBreadcrumb {
         ];
     }
     render() {
-        return (h(Host, { key: 'bb7e05dd63d6f37cb7f4016c2ba10dbed4473e5e', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: 'f877a18b593ce5e14a0f70fa9ed39ae64652eba5', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
+        return (h(Host, { key: 'fb5161f12a17f636f078a65f8824cacf019710c3', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '6c010fb71ec9eb24b88e0dbe43e70697d0bdeb13', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
                 semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,
                 underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,
-            } }, h("ol", { key: 'b6cc66aafa4a823e7d315c31a00d9c28005e4c60' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
+            } }, h("ol", { key: 'e31bc9b95a11f9a58f060d2df96be17dc9d3b4d1' }, 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: '9f6cc523db408ecd628ebeca367fcd5238b53242', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '15464a3717dc9c43f7355afc6c937c705ad76bc0', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: '6b16b77136dc5792df55388293496c27c8421c3c', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: 'f5b3555d64385543220424bc0e5e65b3d9208cb4', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: 'b58a48b94aad9b5867ccc71c885e2f2d48da56d5', name: "caret-up-down", width: 16, height: 16 })));
+        return (h("button", { key: '3696ec01ac436b8a2e3e269e0e21a73420becf83', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '2e1d24a132bd74539fc27723cd4835670b453a06', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: 'f65e8317f60c4797c860988fb28c143346930290', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: '4ed9c2cd7751114b5660285ba9c98e9b03fc8cb7', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '5484e68803adf1b9ca9ad60e4ab4749a0992b69f', 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

@@ -10,12 +10,12 @@ export class ZChip {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '1d7f780bb25a957983564f132f34014c443db4fb', class: {
+        return (h("div", { key: '3e676e161c546ddde7eb5afe15a5882d3032287f', class: {
                 "z-chip-container": true,
                 "z-chip-interactive": !!this.interactiveIcon,
                 [this.type]: true,
                 [this.variant]: true,
-            }, "aria-disabled": this.disabled ? "true" : undefined }, this.icon && h("z-icon", { key: '713b643f92f56eb2ba3860620af7d825e4670aa7', name: this.icon }), h("slot", { key: 'f1b591dea14c29a3e5357a5fd063de560bae1497' }), this.interactiveIcon && (h("button", { key: '3ba72530a98214d2c82b8cd98ea44d91cb4a849d', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.htmlAriaLabel || undefined, disabled: this.disabled }, h("z-icon", { key: 'e2c247e4b372b800facc047fd20d13331b72c7d9', class: "interactive-icon", name: this.interactiveIcon })))));
+            }, "aria-disabled": this.disabled ? "true" : undefined }, this.icon && h("z-icon", { key: '24dfafb93da0a96cb8465bece55ce8e70ce0e944', name: this.icon }), h("slot", { key: 'a943ecedf45eeeb3fae20139afa32161c6fbe8dd' }), this.interactiveIcon && (h("button", { key: '314ffaecd11c98170e7d555623ef1247159ff9b8', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.htmlAriaLabel || undefined, disabled: this.disabled }, h("z-icon", { key: '12e3aca5aa550ea1398ff56fab0f50157c9cc50c', class: "interactive-icon", name: this.interactiveIcon })))));
     }
     static get is() { return "z-chip"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/z-color-picker/index.js

@@ -192,7 +192,7 @@ export class ZColorPicker {
         this.colorKeysByRow = this.sortColorKeysByRow();
     }
     render() {
-        return (h(Host, { key: 'a20a725ec68d917c9611ee844e33014a63baca19', role: "listbox", "aria-label": this.htmlAriaLabel || LOCALES[this.lng]["Select a color"], tabIndex: 0 }, this.colorKeysByRow.map((colorKey) => {
+        return (h(Host, { key: 'f667faadf21b5b31093f9287fe1bd481e02a2474', role: "listbox", "aria-label": this.htmlAriaLabel || LOCALES[this.lng]["Select a color"], tabIndex: 0 }, this.colorKeysByRow.map((colorKey) => {
             var _a;
             return (h("button", { class: "color-swatch", "data-color": colorKey, role: "option", "aria-selected": ((_a = this.selectedColor) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === colorKey.toUpperCase() ? "true" : "false", tabIndex: -1, onClick: () => (this.selectedColor = colorKey), disabled: this.disableTransparent && colorKey === "#FFFFFF00" }, h("div", { class: "color-swatch", role: "img", "aria-roledescription": LOCALES[this.lng]["Color swatch"], "aria-label": ColorPickerPalette[colorKey][this.lng], title: ColorPickerPalette[colorKey][this.lng], style: { backgroundColor: colorKey } })));
         })));

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

@@ -299,7 +299,7 @@ export class ZCombobox {
         return (h("z-list-element", { class: "check-all-wrapper", role: "presentation", htmlTabindex: -1, dividerType: ListDividerType.ELEMENT, dividerColor: "gray800", size: this.getControlToListSize(), disabled: !!isDisabled }, h("span", { class: "option-wrap", role: "presentation", onClick: () => this.checkOption(optionId) }, h("z-icon", { name: isPartiallySelected ? "indeterminated-checkbox" : allChecked ? "checkbox-checked" : "checkbox", class: this.focusedItemId === optionId ? "focused" : "" }), h("span", { id: optionId, role: isDisabled ? "presentation" : "option", "aria-selected": allChecked ? "true" : "false" }, allChecked ? this.uncheckalltext : this.checkalltext))));
     }
     render() {
-        return (h("div", { key: 'd26c74d1c6956c81850c3b3ff582d3422077a4b0', "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: '683f9ed203e8c3843d0e20daf0acade8a0ff1a49', "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

@@ -44,9 +44,9 @@ export class ZCoverHero {
         return (h("div", { class: "content-container" }, h("slot", { name: "content" })));
     }
     render() {
-        return (h(Host, { key: 'd4ce22a56ef897f184ae2e36d4ebc1c0735cf91b' }, this.variant === CoverHeroVariant.STACKED &&
+        return (h(Host, { key: 'ccca2bdf0d64f98bf93189dd1f1159eab6545a8c' }, this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.TOP &&
-            this.renderContent(), h("div", { key: '2d790a351a963c4ba71af3a6542f2b942ff27d4d', class: "main-container" }, h("div", { key: '4b2e472817f19b8180c661030932e5371937a4ed', class: "cover-container" }, h("slot", { key: '6a4224585e584d2f04a4e722e64c65a6e02857fa', name: "cover" })), h("slot", { key: '03ca9f7b7add04644db979a62ed328bf0d866338', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
+            this.renderContent(), h("div", { key: 'c5e46251171a0f0ae0db92b952e3d63d44d7566b', class: "main-container" }, h("div", { key: '5a4743da41427dce51dc4ee828326809c30617d7', class: "cover-container" }, h("slot", { key: '38a2bf70658820b4f96cd262abda25d985890a52', name: "cover" })), h("slot", { key: 'c355a2229e9887ddfb5af960bd2468bd633008d1', 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

@@ -10,7 +10,7 @@ export class ZDivider {
         this.orientation = DividerOrientation.HORIZONTAL;
     }
     render() {
-        return (h(Host, { key: '336d858e90aea1150ee35c4cb25bb49c00e658f7', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+        return (h(Host, { key: '372389b3d857bf0c3cc5ad9191224bc1b0c94580', 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: 'a72ef89fbc42376f89d92807f65a095cb5fc0468' });
+        return h(Host, { key: '1df84453886015afcf512ae9294a598d97c37697' });
     }
     static get is() { return "z-ghost-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class ZIcon {
         return (h("svg", { id: this.iconid || undefined, fill: this.fill ? `var(--${this.fill})` : undefined, viewBox: "0 0 1000 1000", width: this.width, height: this.height, "aria-hidden": "true" }, this.selectPathOrPolygon(ICONS[this.getTransparentIndicatorIconIfNeeded()])));
     }
     render() {
-        return (h(Host, { key: 'dfb975a522bb0efeee162d107c49e683c543edfd', "aria-hidden": "true" }, this.hasColorIndicator && !this.needsTransparentIndicator ? (h("div", { class: "icon-wrapper" }, this.renderColorIndicator(), this.renderBaseIcon())) : (this.renderBaseIcon())));
+        return (h(Host, { key: 'c64019d3c25828c266b030224a74aaa6c9e8df33', "aria-hidden": "true" }, this.hasColorIndicator && !this.needsTransparentIndicator ? (h("div", { class: "icon-wrapper" }, this.renderColorIndicator(), this.renderBaseIcon())) : (this.renderBaseIcon())));
     }
     static get is() { return "z-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class ZInfoBox {
         this.infoBoxClose.emit({ boxid: this.boxid });
     }
     render() {
-        return (h(Host, { key: '9a10d9eb99bec3ab96a9f2d76f22a82b88ef5d93', id: this.boxid }, h("div", { key: '3c1a9b5aed8fcd4e7edfd6103184043797db0611', class: "main-content" }, this.leftIcon && (h("div", { key: '4937f035f9734d141e3040d2b306eedc760fd52d', class: "left-icon" }, h("z-icon", { key: '6ddcc20b0985831563a297c47181902bf7724513', name: this.leftIcon }))), h("slot", { key: '2f0cbf4d39f61c3525e386400ec6246bd7c9e836', name: "content" }), this.isclosable && (h("button", { key: '977c3bc85ce7b21d4651258c912d54a43e031b52', class: "close-button", "aria-label": this.closeButtonAriaLabel, onClick: () => this.emitInfoBoxClose() }, h("z-icon", { key: '374bd9fa23bfda2f053f4d48c3fad67b75edee7e', name: "multiply" })))), h("slot", { key: '72945f9fee87f68a7de5f2aae470d8331b887dac', name: "additional-content" })));
+        return (h(Host, { key: '6402c135148e24414ef4df5805dd0e230a8671a1', id: this.boxid }, h("div", { key: '656285237abb06bc055db4ed4bf933edfe8028ef', class: "main-content" }, this.leftIcon && (h("div", { key: '40c6e5a4aac587f080362bb3bbfd97583d589d69', class: "left-icon" }, h("z-icon", { key: '737a02950ac7b498c48104b539913e5cad51f51d', name: this.leftIcon }))), h("slot", { key: 'c301852f39cb9bf6e07c7460ef8c09fd86baf78e', name: "content" }), this.isclosable && (h("button", { key: 'c8b8f1cbea6be9b3047bbd112e315884512b18eb', class: "close-button", "aria-label": this.closeButtonAriaLabel, onClick: () => this.emitInfoBoxClose() }, h("z-icon", { key: '7d501f275f9e0a8fc76ce31e755325427e2b6d25', name: "multiply" })))), h("slot", { key: 'e516ac4cadbbe7a6c31528f6dc14545919758432', name: "additional-content" })));
     }
     static get is() { return "z-info-box"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class ZInfoReveal {
         }
     }
     render() {
-        return (h(Host, { key: 'a22a540c0df59b75d4b370404df70d37103929dc', open: this.open }, h("button", { key: '598227d587b1ff22723db6f5213bbd9747bc2f3b', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.htmlAriaLabel || undefined : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '28f2d30a031423a803e9d7692b2303c627dabb77', name: this.icon }), this.label && h("span", { key: '3902d42ce7f4d265b298ab52bb448b93d42ec7a7', class: "z-info-reveal-label" }, this.label)), h("div", { key: 'f8750e21dfd80927ad78dc3fcf1e97b7a7298308', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'd844cc6197c5459fde0c725670fa8a2f28fb7c01' }), h("button", { key: '67891868418b95d9de7f9ffee578ba58df9d0eef', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '66a137e3737db5bad4ca9acdc41d3bdcb7ab089f', name: "multiply" })))));
+        return (h(Host, { key: '456b67472d702e40b1538bdc69a9342644628efb', open: this.open }, h("button", { key: 'e1e841a3501d121f20d4df94933be44823914780', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.htmlAriaLabel || undefined : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: 'cd5bb0cba3669a6f9eee1e5160100da91aae4a16', name: this.icon }), this.label && h("span", { key: 'd2406f47dc98ad9c7a5270ea0f37f6b5fc6d3352', class: "z-info-reveal-label" }, this.label)), h("div", { key: '1b7909bedb5fd4932c132dc39d0900b64f6a4270', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'c2e848d9baeb458f7ef496d89b20371cff1ffddb' }), h("button", { key: '2db2647813ecbd127d141df0ea08cfca9eaf2677', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '5c37b3a18b053f953d91a299bd19008866e8c1f4', name: "multiply" })))));
     }
     static get is() { return "z-info-reveal"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class ZInputMessage {
         };
     }
     render() {
-        return (h(Host, { key: '071b2ab5bc953c916bf735be221071740cf48293', role: this.htmlRole && this.message && this.status ? this.htmlRole : undefined, id: this.htmlId }, this.statusIcons[this.status] && this.message && h("z-icon", { key: '3fa408351b28bb7998bb743ebcf05fbebe40ff4e', name: this.statusIcons[this.status] }), h("span", { key: '48d15076d87920c4e5abee2aae5b4e65fb17cefc', innerHTML: this.message })));
+        return (h(Host, { key: 'acc2b74cb7dfda1d8529785c601d3fd92c2884dc', role: this.htmlRole && this.message && this.status ? this.htmlRole : undefined, id: this.htmlId }, this.statusIcons[this.status] && this.message && h("z-icon", { key: 'b9532d92b1a91d4218c30ed7bb543964c7822b03', name: this.statusIcons[this.status] }), h("span", { key: '933d1ac0a4194da9ec3f70ca715812d6cf3a7891', innerHTML: this.message })));
     }
     static get is() { return "z-input-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,7 +103,7 @@ export class ZInputRange {
         this.needsNativeValueSync = false;
     }
     render() {
-        return (h(Host, { key: '1d75670f3820a7de46c7dc0ad03b00476f77fed9' }, this.label && (h("label", { key: '61938ff3fe18dc98eecf9c22cbb43a6855faaf80', class: "z-label", htmlFor: this.htmlId }, this.label)), h("div", { key: 'ffe7307d8ee4f5786630d8930d2c2e799348a5ca', class: "input-container body-3" }, h("input", { key: 'fb889a3056ff22cff303e4caaff83c675421ce1c', ref: (el) => (this.inputRef = el), type: "range", "aria-label": this.ariaLabel, id: this.htmlId, disabled: this.disabled, min: this.min, max: this.max, step: this.step, value: this.currentValue, onInput: (event) => this.onInput(event), onChange: (event) => this.onChange(event), onFocus: () => (this.showValueTooltip = true), onBlur: () => (this.showValueTooltip = false) }), h("div", { key: '8a0ab9de23950dbca2fef73f431f82bad234a66f', class: "tooltip-guide", ref: (el) => (this.tooltipGuideRef = el) }), h("z-tooltip", { key: '5aad182cf33c4e997c76565a4e2c2add54866cb4', position: this.tooltipPosition, bindTo: this.tooltipGuideRef, open: this.showValueTooltip, closable: false }, h("div", { key: '07879abebb3ed35ec105f6604d7927b029172b99', class: "current-value" }, this.currentValue))), this.showEdges && (h("div", { key: '6bf70a60ff94d0923e76a76f0bb17a00d40e5757', class: "edges body-3" }, h("span", { key: 'd9a1412d997644e1b9d275def26e040e091be195', class: "min" }, this.min), h("span", { key: 'd951901cf7d41f448c7a553b6c3fe48186c6c913', class: "max" }, this.max)))));
+        return (h(Host, { key: '51cd64ea5f401a05ca85d825f8820b201fccfaa5' }, this.label && (h("label", { key: '1723fbfbb1155b5bf5d245ef21343077fafe9a69', class: "z-label", htmlFor: this.htmlId }, this.label)), h("div", { key: '2edf09ba117831c6d499fcbb49719fe060212a1e', class: "input-container body-3" }, h("input", { key: 'ae66468d7ecf3e4e10bfea046fbb3cd42a5fadb0', ref: (el) => (this.inputRef = el), type: "range", "aria-label": this.ariaLabel, id: this.htmlId, disabled: this.disabled, min: this.min, max: this.max, step: this.step, value: this.currentValue, onInput: (event) => this.onInput(event), onChange: (event) => this.onChange(event), onFocus: () => (this.showValueTooltip = true), onBlur: () => (this.showValueTooltip = false) }), h("div", { key: 'fe97396a4d8451a5c824b935d63321695408f83a', class: "tooltip-guide", ref: (el) => (this.tooltipGuideRef = el) }), h("z-tooltip", { key: '7d2a301c6761e6717e9dc96d8c381b6e635931ad', position: this.tooltipPosition, bindTo: this.tooltipGuideRef, open: this.showValueTooltip, closable: false }, h("div", { key: '0e2d565aed7ca0a8a3abef40c57ddc685662a149', class: "current-value" }, this.currentValue))), this.showEdges && (h("div", { key: '9d392e5957da0f249311155b8b3ecabe5f5463c6', class: "edges body-3" }, h("span", { key: '457873b47a6e1548c7a59531803afef84492d232', class: "min" }, this.min), h("span", { key: '83f112675dcd1e67ee28eaf9a06bad3d937e5d0c', class: "max" }, this.max)))));
     }
     static get is() { return "z-input-range"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class ZLogo {
         if (this.height) {
             style["height"] = style["max-height"] = `${this.height}px`;
         }
-        return (h(Host, { key: '0b01a3469ffb9aebe29b323dc73c203fb9a0db12', 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: 'dca62e910fb9205c24f4787bd71339b8ba072bb5', 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

@@ -174,7 +174,7 @@ export class ZMenuSection {
         this.onItemsChange();
     }
     render() {
-        return (h(Host, { key: '60138a3f88a501b92620684544dff2ffc8e62000', open: this.open }, h("button", { key: 'a0f66e569cbd965a99af017d610edfd0c1d643e9', 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: '31b795bb337e72376c5f8362002e3967443c0e99', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '3bb008397ab68061713e88a758168043a892eaa2', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: '3d43e8adc129b1c25d40cb6c4057d9f28349954c', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: 'b51e5f923be85b42bc5dd0158f779ae86485ee5a', name: "section", onSlotchange: this.onItemsChange }))));
+        return (h(Host, { key: '22251fd530b23b2bcabfeee25fd9d525696eb23d', open: this.open }, h("button", { key: '381c6d7d638b20ea8cf4fb5d5a64354266ee6db3', 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: 'fa5d3c3b8f230b097fa0da8c6f581820fb6c9a50', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '5721d485f8001b61ad4a10c08132b505d0046973', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: '01a2ccb8a2aa0f091b5848e56432de608980fab6', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: '14e0d5acc5fd958bb2beb8f0dca166e2fe239e8c', 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

@@ -104,16 +104,16 @@ export class ZModal extends ReactiveControllerHost {
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: '526d8a729f276a07f3ff7c40566c7e57051485a7', class: {
+        return (h("dialog", { key: '30c70265e8ba35b8df10a82781c451a2004c3555', 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: 'a2a80ee8d4ea3800715cc2c1b90d6490a6cf681c', 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: '3bc25a7dbc96f4fa9f3a8072f09b4ca8c7744c78', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, h("header", { key: '9406127d701e8d8c552732057f1a17c5ea9feaab', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: 'bfcb837521ff1bac75f1f25d4c7c1d8405f0447d' }, this.modaltitle && h("h1", { key: 'b5887ad16f0cec7086c47b7eaafa141bef42ad35', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: 'b9fdb82ebd831d6e75705b0016549139054e5901', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '8b53454963abf4a743bf7fe19faeb2333bf8dd9e', class: {
+            }, id: this.modalid }, h("header", { key: 'd2ccf0151d646c82f953c310478e77f9715afdca', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '169cd318ea61151ce7a86ddcacab3fbb116b1c1d' }, this.modaltitle && h("h1", { key: '620fa638c5a2934dbafdb5f980f0fa972e04fcc0', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: 'b961798a68e599da603c6f5dbde76f4289f99dd7', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '0af5c032b9e75ca530a799793c7b4aa4f85b5fb4', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: 'afe97d828fea5d9b2b79d8706508b43eb74e3b5a', name: "modalContent" }))), h("div", { key: 'bc6e6b79153b0187a520a75b77558e47de1db312', class: {
+            }, id: "modal-content" }, h("slot", { key: '726d4926a270923732eb7d490ee80ba54e8cde94', name: "modalContent" }))), h("div", { key: '7ee07376e38b2ce62a592a8b5deab2dbe9568ba6', 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

@@ -226,10 +226,10 @@ export class ZNavigationTabs {
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '387a7b2e9701cda904bba81fafe40565a2bb52ec', class: {
+        return (h(Host, { key: '4d0356146191eae6e0015b261f92a487dfd80025', class: {
                 "interactive-2": this.size === NavigationTabsSize.SMALL,
                 "interactive-1": this.size !== NavigationTabsSize.SMALL,
-            }, scrollable: this.canNavigate }, h("button", { key: '9081d8c89a582d420f38e2e15e68acdf32e90f33', 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: '808de4137005de3dbc6d13d21c8fadc5f7a4edb1', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '983b6a0514a5b8640ef50a3bdf33e5b22f3fca17', role: "tablist", "aria-label": this.htmlAriaLabel || undefined, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", { key: 'bdf35341b8b3fbd36855f340480412f695d4c857' })), h("button", { key: '9ff8ff3df19451da87ebc77748346089e3268555', 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: 'c13f99e97004bf365f54ca7c7af7b7f9f040c834', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+            }, scrollable: this.canNavigate }, h("button", { key: 'f57ebb5c49dc5aa665b0659c37af430690006bcb', 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: '6a61f6be478d0b46a1ae189f3cff2496966ab69a', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: 'b2f45b0e7db4af01bb8cbff865b4ef4d827f67d9', role: "tablist", "aria-label": this.htmlAriaLabel || undefined, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", { key: 'fe16d95aa9406fa2f007fc68fd9827799f73d390' })), h("button", { key: '555e177253cc3c38955e08447f82e00ecaebe3e0', 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: '891c2a9541d890bfe207fcaf830db2cdff99641e', 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

@@ -29,7 +29,7 @@ export class ZNotification {
     }
     render() {
         var _a;
-        return (h(Host, { key: '7d362e3e34fded936631449dc06d20381decaff2' }, h("div", { key: '0d265dc87fbbebb2ef69ee84da124579b3633cce', class: "main-container" }, this.contenticonname && (h("z-icon", { key: '2288040037d32398958aa8c2b8ba455f10f24f78', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '840e6db811e862b39f18cf6bba46f0b50e8ef7d6', class: "content-container" }, h("div", { key: 'f3c987a596d27232f79059fe44168b171a8974ac', class: "content-text" }, h("slot", { key: '2473d6ef5f5d28d9436c0156ec296e17396801e9' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: '78b4a4c35cde5699d1e3d8bfaf2ebd974d3678c6', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: 'cd218777c6c596e772c6d200016121d460e2a91b', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: '2e7a6589bc716ee2cd4282969a4eec8dd8f4cf59', name: "multiply-circle", width: 16, height: 16 }))))));
+        return (h(Host, { key: '3cec1cd6ceb6f0bc28d90b1722d70a58812b76aa' }, h("div", { key: '41318362f0392235d7d6c7e5c306c578aed676e7', class: "main-container" }, this.contenticonname && (h("z-icon", { key: 'ddf7058dab1d753edccd2d8176ae4cdbceefaf5e', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '8bd106ce352bf6c62a28bbaa6e54a5ed87f9ce09', class: "content-container" }, h("div", { key: '3f17ba167b3261565f7ab0d2da7671325746cca8', class: "content-text" }, h("slot", { key: '1da9f02e9a69a51701423c3dbab6e6247f945069' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: '8935fad3f17059b87853ff8a8ad738e4a6525535', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: 'a994ea73360e1844c60fedc8ed657e100f912330', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: 'dc0b76a98ad6d273f6164c0f09d9574f45f20a16', 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

@@ -86,8 +86,8 @@ export class ZOffcanvas extends ReactiveControllerHost {
         super.disconnectedCallback();
     }
     render() {
-        return (h(Host, { key: '96384e6ed9437409a5f220d3a725707a47854dd9', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null, "aria-modal": this.open && this.variant === OffCanvasVariant.OVERLAY ? "true" : null, role: this.open && this.variant === OffCanvasVariant.OVERLAY ? "dialog" : null }, h("div", { key: 'b15d7e247efc10af823e1bbcf26a767e2a6a6f50', class: "canvas-container" }, h("div", { key: '7dd36d23274bb9f2ddc7b3d155b773d608072f4d', class: "canvas-content z-scrollbar", ref: (el) => (this.canvasContent = el), tabIndex: getTabbableElements(this.host).length ? undefined : -1 }, h("slot", { key: 'a43bd7fbeffb3ffb411f779383fbc1aa0a72feb5', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) &&
-            this.showBackdrop && (h("div", { key: '02ada3fbefde8cb24bb57db9d7e566d1834f855e', class: "backdrop", onClick: (ev) => {
+        return (h(Host, { key: 'c3e830f6e06a3f5bfcfa491417b3f4a04c694d22', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null, "aria-modal": this.open && this.variant === OffCanvasVariant.OVERLAY ? "true" : null, role: this.open && this.variant === OffCanvasVariant.OVERLAY ? "dialog" : null }, h("div", { key: '70347123fbb93082b6e38ff1de4a6364a4f433fb', class: "canvas-container" }, h("div", { key: 'ef277c0f8e0fc7c69fbd1c654f67f4ec40aed0ec', class: "canvas-content z-scrollbar", ref: (el) => (this.canvasContent = el), tabIndex: getTabbableElements(this.host).length ? undefined : -1 }, h("slot", { key: '1a2a5ff0fba5b2eae9dc90af4a0a238007008e11', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) &&
+            this.showBackdrop && (h("div", { key: 'fbe7fb00cfcc67e3021fbb50ab042a22d0cc5053', class: "backdrop", onClick: (ev) => {
                 ev.preventDefault();
                 ev.stopPropagation();
                 this.open = false;

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

@@ -507,7 +507,7 @@ export class ZPopover {
         cancelAnimationFrame(this.animationFrameRequestId);
     }
     render() {
-        return (h(Host, { key: 'fc4912cbb959bce5124e2af0f0e4c02e2af28776', "current-position": this.currentPosition }, h("slot", { key: 'a02ae6c04c9a6d6cf19a0ca13cd8efd795b0fc82' })));
+        return (h(Host, { key: 'b04b0fffd481a2872f357fd1247acd1d46787bd3', "current-position": this.currentPosition }, h("slot", { key: 'abc61612f74abd3b168a72ac689c7cb95339cfb1' })));
     }
     static get is() { return "z-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -169,7 +169,10 @@ export class ZSearchbar {
     }
     renderItem(item, index) {
         var _a;
-        return (h("z-list-element", { id: `list-item-${this.htmlid}-${index}`, role: "presentation", htmlTabindex: -1, onKeyDown: (e) => this.onListItemKeyDown(e, item), onClick: () => this.emitSearchItemClick(item) }, h("div", { class: "list-item ellipsis", role: "option", tabindex: 0 }, !!(item === null || item === void 0 ? void 0 : item.icon) && (h("z-icon", { class: "item-icon", name: item.icon })), h("div", { class: "item-label body-3 mobile-body-4", title: item.label, innerHTML: this.renderItemLabel(item.label) }), !!(item === null || item === void 0 ? void 0 : item.tag) && h("z-tag", { icon: item.tag.icon }, !this.isMobile ? item.tag.text : "")), !!((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) && (h("z-list", { class: "sub-list", role: "group", "aria-label": item.label || undefined }, item.children.map((child, index) => this.renderItem(child, index))))));
+        return (h("z-list-element", { id: `list-item-${this.htmlid}-${index}`, role: "presentation", htmlTabindex: -1, onKeyDown: (e) => this.onListItemKeyDown(e, item), onClick: (e) => {
+                e.stopPropagation();
+                this.emitSearchItemClick(item);
+            } }, h("div", { class: "list-item ellipsis", role: "option", tabindex: 0 }, !!(item === null || item === void 0 ? void 0 : item.icon) && (h("z-icon", { class: "item-icon", name: item.icon })), h("div", { class: "item-label body-3 mobile-body-4", title: item.label, innerHTML: this.renderItemLabel(item.label) }), !!(item === null || item === void 0 ? void 0 : item.tag) && h("z-tag", { icon: item.tag.icon }, !this.isMobile ? item.tag.text : "")), !!((_a = item.children) === null || _a === void 0 ? void 0 : _a.length) && (h("z-list", { class: "sub-list", role: "group", "aria-label": item.label || undefined }, item.children.map((child, index) => this.renderItem(child, index))))));
     }
     /**
      * Renders the item grouped by category and subcategory. If `resultsCount` is set, it limits the number of rendered items.
@@ -201,17 +204,17 @@ export class ZSearchbar {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Host, { key: '666eb25b14ff2ad53ad24a804429a5d5c7fb9921', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": !!this.showSearchButton, "has-results": !!this.autocomplete } }, h("div", { key: '3bfc445797d517674f8fd359ebe78bd6a6bb67dc', class: "input-container" }, h("z-input", { key: 'a5332cea9ad170b49d0091290db492bc0109aec9', ref: (el) => (this.inputRef = el), htmlid: `input-${this.htmlid}`, message: false, placeholder: this.placeholder, onStopTyping: (e) => this.handleStopTyping(e), onKeyUp: (e) => {
+        return (h(Host, { key: '82c926179762db33e8d1c425cac474affd59fea6', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": !!this.showSearchButton, "has-results": !!this.autocomplete } }, h("div", { key: '689d1cda6b0c217e5afe892627f31100858c1a72', class: "input-container" }, h("z-input", { key: 'd596769c9a346c4548c5b71d10bbe9b2456556ee', ref: (el) => (this.inputRef = el), htmlid: `input-${this.htmlid}`, message: false, placeholder: this.placeholder, onStopTyping: (e) => this.handleStopTyping(e), onKeyUp: (e) => {
                 handleEnterKeydSubmit(e, () => this.handleSubmit());
                 this.handleArrowsNavigation(e);
             }, onFocus: () => (this.showResults = true), value: this.searchString || ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.label), size: this.size, label: this.label, "aria-label": this.htmlAriaLabel || this.placeholder || undefined }), !!(this.showResults &&
             this.autocomplete &&
             this.searchString &&
             this.searchString.length >= this.autocompleteMinChars &&
-            this.resultsItemsList) && (h("div", { key: '9a36f0021f7a52bc36fc9823a747820e188074ec', class: "results z-scrollbar" }, this.preventSubmit && !((_b = this.resultsItemsList) === null || _b === void 0 ? void 0 : _b.length) ? (h("div", { class: "item-no-results body-3 mobile-body-4" }, "Non abbiamo trovato risultati per ", h("b", null, this.searchString), h("br", null), h("br", null), "Cosa puoi fare?", h("ul", null, h("li", null, "Verificare di aver scritto bene"), h("li", null, "Provare a cercare un'altra parola"), h("li", null, "Provare a cercare qualcosa di pi\u00F9 generico")))) : (h("z-list", { role: "listbox", id: `list-${this.htmlid}`, "aria-label": this.htmlAriaLabel || this.label || undefined }, this.autocomplete && !this.preventSubmit && !!this.searchString && (h("z-list-element", { role: "presentation", htmlTabindex: -1, id: `list-item-${this.htmlid}-search`, onKeyDown: (e) => this.onSearchHelperKeyDown(e), onClick: () => this.emitSearchSubmit() }, h("div", { class: "list-item item-search", role: "option", tabindex: 0 }, h("z-icon", { class: "search-icon", name: "left-magnifying-glass" }), h("div", { class: "item-label body-3 mobile-body-4", innerHTML: (_c = this.searchHelperLabel) === null || _c === void 0 ? void 0 : _c.replace("{searchString}", `<mark>${this.searchString}</mark>`) })))), this.renderItemGroups(), !!(this.searchString &&
+            this.resultsItemsList) && (h("div", { key: '954f6984c04ba133c1637220ed47e778d7440e22', class: "results z-scrollbar" }, this.preventSubmit && !((_b = this.resultsItemsList) === null || _b === void 0 ? void 0 : _b.length) ? (h("div", { class: "item-no-results body-3 mobile-body-4" }, "Non abbiamo trovato risultati per ", h("b", null, this.searchString), h("br", null), h("br", null), "Cosa puoi fare?", h("ul", null, h("li", null, "Verificare di aver scritto bene"), h("li", null, "Provare a cercare un'altra parola"), h("li", null, "Provare a cercare qualcosa di pi\u00F9 generico")))) : (h("z-list", { role: "listbox", id: `list-${this.htmlid}`, "aria-label": this.htmlAriaLabel || this.label || undefined }, this.autocomplete && !this.preventSubmit && !!this.searchString && (h("z-list-element", { role: "presentation", htmlTabindex: -1, id: `list-item-${this.htmlid}-search`, onKeyDown: (e) => this.onSearchHelperKeyDown(e), onClick: () => this.emitSearchSubmit() }, h("div", { class: "list-item item-search", role: "option", tabindex: 0 }, h("z-icon", { class: "search-icon", name: "left-magnifying-glass" }), h("div", { class: "item-label body-3 mobile-body-4", innerHTML: (_c = this.searchHelperLabel) === null || _c === void 0 ? void 0 : _c.replace("{searchString}", `<mark>${this.searchString}</mark>`) })))), this.renderItemGroups(), !!(this.searchString &&
             ((_d = this.resultsItemsList) === null || _d === void 0 ? void 0 : _d.length) &&
             this.currResultsCount &&
-            this.currResultsCount < ((_e = this.resultsItemsList) === null || _e === void 0 ? void 0 : _e.length)) && (h("z-list-element", { role: "presentation", htmlTabindex: -1, id: `list-item-${this.htmlid}-show-all` }, h("div", { role: "option", class: "item-show-all body-3 mobile-body-4", tabindex: 0, onClick: () => (this.currResultsCount = undefined) }, "Vedi tutti i risultati")))))))), this.showSearchButton && (h("z-button", { key: 'c1633f9f99c0503301562f8f3828f965b075cb51', icon: this.searchButtonIconOnly ? "search" : undefined, "aria-label": this.searchButtonIconOnly ? this.searchButtonLabel.trim() || "CERCA" : undefined, disabled: !!this.preventSubmit, variant: this.variant, size: this.size, onClick: () => this.handleSubmit() }, this.searchButtonIconOnly ? "" : this.searchButtonLabel.trim() || "CERCA"))));
+            this.currResultsCount < ((_e = this.resultsItemsList) === null || _e === void 0 ? void 0 : _e.length)) && (h("z-list-element", { role: "presentation", htmlTabindex: -1, id: `list-item-${this.htmlid}-show-all` }, h("div", { role: "option", class: "item-show-all body-3 mobile-body-4", tabindex: 0, onClick: () => (this.currResultsCount = undefined) }, "Vedi tutti i risultati")))))))), this.showSearchButton && (h("z-button", { key: '898d0c61de5c60e3e78be3b2336c1cbb4adcc3e3', icon: this.searchButtonIconOnly ? "search" : undefined, "aria-label": this.searchButtonIconOnly ? this.searchButtonLabel.trim() || "CERCA" : undefined, disabled: !!this.preventSubmit, variant: this.variant, size: this.size, onClick: () => this.handleSubmit() }, this.searchButtonIconOnly ? "" : this.searchButtonLabel.trim() || "CERCA"))));
     }
     static get is() { return "z-searchbar"; }
     static get encapsulation() { return "shadow"; }