@zanichelli/albe-web-components 18.0.0 → 18.0.2-RC1

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

@@ -43,7 +43,7 @@ export class ZTr {
         this.updateColumns();
     }
     render() {
-        return (h(Host, { key: 'd2576e0a5f2b45e91ca7b00038c2e9fa981af3ec', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h("div", { key: 'afe9257fd987b55938ce873d6f5b31129d471857', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: '72d42882c3d1e1c1ad45819afce93a3bc76f7413', "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: 'a3f5fa4753b9b654ff3edf17d52b273b80d20a34', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: 'b3ac438bb68da8d038616ce41a70beabd1d31139', onSlotchange: this.updateColumns.bind(this) })));
+        return (h(Host, { key: '8ddfaff842e8d3eb5d21ebab2abfc4ca13a0416b', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h("div", { key: 'aa9ce846b5fafe47618c7596d6d9b698d9dc96f1', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: '1655f8ac34bdfdb46be13ed3d2382f7471898707', "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '89927e95119697a66708c22e319568d653c99666', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: 'cc9560e3b380226586140b9638b3922d76f0e7c4', 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: 'd1318774dc57fc255b5b12a0370e47bb5fdbca31', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: 'fd895d877d016eb2b8024dbe9230033d3fec3532', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '85c12e219895050623788822f080f6b4389dab64', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '4b2e6d5e241f464ba9e38797ace01f5e233b040a', class: "z-accordion-label" }, this.label), h("span", { key: '048c71dcc1a4dc1ad87e5b6d3d48c1725dc21844', class: "z-accordion-tags" }, h("slot", { key: '15655230f848df138b22260344078d5de885b3d8', name: "tag" })), h("z-icon", { key: '72abc36244ec43949db45a453b45f33b1f7d37a4', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '7bd1d01b388515b177992086d34466473e594e4d', class: "z-accordion-content", part: "content" }, h("slot", { key: '98f86ed93a3f3056047794ff6e4c12dfc44aec3f' })))));
+        return (h("details", { key: '6c13b814272fff2e5dd956b78bf0377612f6d31e', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: 'a4066e879b260c3f8b0dbfc77bbb448fff879e72', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: 'a1b9e901345198a03fd366935fce9b8a44d504c9', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '743a12bc76731a0ba75e38e498cb1efd71147d8c', class: "z-accordion-label" }, this.label), h("span", { key: 'c9e7d79ce649afbef929b3db8ddc239c578d1427', class: "z-accordion-tags" }, h("slot", { key: 'd81df1e23568964c0b65c2cf8a580dc2b1e13776', name: "tag" })), h("z-icon", { key: 'b63bd4045b27a12dd00d9003f1ad2f6073475b17', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '272294c721a1cef982da8df5b0d12e1be05836dc', class: "z-accordion-content", part: "content" }, h("slot", { key: 'eb00eb59b770beb7f4d7218dfca4970b268ba76f' })))));
     }
     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: 'd31a1987cf0536321a859a314760b1a4a906c843', collapsed: this.collapsed }, h("z-button", { key: 'cc7b52c84f5f4dfbd15aff76bd35048e23ecb2c6', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: 'ac446bf4092ba524a5786c182ea3a740d7159c64', ref: (el) => (this.nav = el) }, h("slot", { key: '265daef0a3610cef591d90e0a16df64b666d2c75' }))));
+        return (h(Host, { key: '8549c0c07995148c0e78e4ffe20d4e9f49680ef3', collapsed: this.collapsed }, h("z-button", { key: '696ee05a3670d2488e85af6aca4094402b3de643', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: '0fe3619002e9015c3a3622b3fa99a0a8a49d69bb', ref: (el) => (this.nav = el) }, h("slot", { key: '1e0e8a2d869a5dbe395136bc6c66c7553579ac05' }))));
     }
     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: 'c581eb6ba90e0ba820f2585757909b4e31e0d26f', "menu-length": this.menuLength }, h("div", { key: '0784330861f875d530a886ace7e1b6b535790187', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '3bb4a709956fdcd9871f85d74fa309a76d6e43ce', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: '836c12142e78e7fe2b85022f35d2f8910a0bad75', class: "top-subtitle" }, h("slot", { key: '54891726347880ae252f2168223273ab0cad1a46', name: "top-subtitle" }))), h("div", { key: '81333471f5210087d44457a1fd44b483dfb2a57f', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h("slot", { key: '68d0b7682f4de8827b0a52988167f0be2ac21d19', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: '388c1487fc487b57485209f128531e142db91f0e', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '9fd0390674dafc1c28cd1ab40d35beb82e06f2b5', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: '47e56e491971f4b7c03458e4117878e356294baa', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
+        return (h(Host, { key: '9bc249b8a28e9c5616c1ab36898be7619cbcdfb7', "menu-length": this.menuLength }, h("div", { key: 'dcfab973fd99f42e98842bbf2103806c58013b88', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '2bc733b04cfd9c6d35f1d8b83c350ce866370195', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: 'b41e94d5857bdf8c06acd92231777c3420ef5720', class: "top-subtitle" }, h("slot", { key: 'd153d60bcd6eaf81c2a0c7c2e82707ac7ef807a7', name: "top-subtitle" }))), h("div", { key: '9aa59ba1c65ea66ab426d0c7efd868053bacdd44', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h("slot", { key: '381ea0f9eaf6138677e0000e7e37ba0071dac5ab', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: 'f5980b6d157295b6c02fb9349581041a8dd3b745', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: 'f84be0c60c0aa37053b2b0069d7c508c4ab979ef', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: '6e7c6874598d8290ca04d84bedae11e5a02f2ed5', 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: 'dba84aee69431be780e76cab58cb3aef34d0d22e', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: 'fdb6f5f6f4ef2f424a589b44ab97db436928141b' })));
+        return (h(Host, { key: '70666497a2d2417f250e2b81016061d19c04f54e', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: '94f9b30d6ed760529a11880252554b125e3fb612' })));
     }
     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: '688337d77c969d1bd766c9c49229b02f72188132', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        return (h(Host, { key: '971950738c1dbfa2024105913f8fa51905a94bfb', 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: 'b3a2ec4a0f2cade4ab74d6a03e02d9c1382ed7c7' }, this.text.substring(0, 2)), this.image && (h("img", { key: '9b68953eebce40ec9f423d3c30f85e4fe665882b', src: this.image, onError: () => (this.image = "") }))));
+            } }, this.text && !this.image && h("span", { key: 'b95f4fd596c06ec0043c822bd51af757325bb2c7' }, this.text.substring(0, 2)), this.image && (h("img", { key: 'ada4e0b7ebbb39e9f7b988d657e9394b9199f657', 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: '6eacddf1b7d5dfc6afa7a82f563e3b6b9d0c933f', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '9937193185a29b7c96e2f9c1a4447473d767b946', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
+        return (h(Host, { key: '3b4923a3c6fd222a0f3b4d101ff3a0fca34c6cd6', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '8079538229e2bad091a92f1caa6957d96f1b93b9', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
                 semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,
                 underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,
-            } }, h("ol", { key: 'baaf7bc4c9a039cf29e4adca6523d017bcbb3ca2' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
+            } }, h("ol", { key: '01a1721b454ba9ae9c39974446bde00d739e96e6' }, 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: '4ce76b1bdb36caa6731b04730c78fd6b6d551fc6', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '413e11d0f57a380042ba9af63469380b029edc0d', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: '3e0882a73656dc7f620e1fca3c94413e9f74290a', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: '74d4a35b5bab965770e04bbdbceac853767aaa58', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '1bc2e3e07e5984a7abca9bd21e5dd94261b03b36', name: "caret-up-down", width: 16, height: 16 })));
+        return (h("button", { key: '972077c3075d60e70bd61249e2f3a2daead37d3a', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '8bdb3af40997ce9963f4f66b2db6828367528aa7', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: 'acd8bb7238db2faef5c3390fadf34a6e042ffbf4', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: '83e58104ed51eeb1252a06650c9424d10bb5f85b', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '0d34484677784d642ea70109694f71ce63605efb', 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: '1bc99f432f17f5eb2233310ac9909cc0ace7dda3', class: {
+        return (h("div", { key: '7c626f67d1f536afaa5fb78f4b18403d533a3465', class: {
                 "z-chip-container": true,
                 "z-chip-interactive": !!this.interactiveIcon,
                 [this.type]: true,
-            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: '9c77fb017180343a3b6961d1214d0ed1be1f43cd', name: this.icon }), h("slot", { key: '9ab62efb04412491b4ca1a0bb59bc95a898fea43' }), this.interactiveIcon && (h("button", { key: 'e1999e99ff5e31019aa06d7087286e8be0081cae', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '7d2445d7957b94f7959e3a0d0f47985daa170711', class: "interactive-icon", name: this.interactiveIcon })))));
+            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: '903d2ce1bed13bb07345465574a06781fc1c95d7', name: this.icon }), h("slot", { key: 'cdf89485484cef718fc469969dc872f552ebede7' }), this.interactiveIcon && (h("button", { key: '6a566cd99721487d7d86abc6d8ed52200d403c0f', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '529e0d75476574ca0a4901d34c590cea1297e3a9', 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: '95f645ad7df923046c25f5dd624d977171a8cc59', "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: '743bd343bd3247760fdf3924fa979e3b3e2b4b36', "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: '11ffb259d4b5a22dae6b1a801ca6c89a72c4cc6d' }, this.variant === CoverHeroVariant.STACKED &&
+        return (h(Host, { key: 'f394df57feb9735b51d2bc97d01012bf5693e03a' }, this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.TOP &&
-            this.renderContent(), h("div", { key: 'b2e67125f868a827f09169ded6a0389de343f81a', class: "main-container" }, h("div", { key: '95d9a59c065594d013bf50da27ae9925af56cc58', class: "cover-container" }, h("slot", { key: 'eb9e31c65be9bc2f7b74a5c526d1fb606de2fd49', name: "cover" })), h("slot", { key: '58e2b737f877c61bd86c26b28e1e5f03ddea0d17', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
+            this.renderContent(), h("div", { key: '7b5d50d58572a5bc7cbb799e95e6d56295841063', class: "main-container" }, h("div", { key: '3ae76388b59d4f0f1183bc63ab9c4804e5758fea', class: "cover-container" }, h("slot", { key: 'aa219461cede3b900e464f7c45fc17396e19a3c3', name: "cover" })), h("slot", { key: '820966ed99d884a30ab4b95751795c07265cbb30', 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: '436edbe3dc08f9a9b103838920c4bd0186fd48b7', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+        return (h(Host, { key: 'a82160be9f3016366f6ee7547d07069257b9c04b', 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: '3bb2943f271b8c4ba5ac15a19c49d25ff1431611' });
+        return h(Host, { key: 'e840d65ecfbffde2a01cc3539a32b067725820ce' });
     }
     static get is() { return "z-ghost-loading"; }
     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: '7a806511823b922e582c3483a3dc65390be55ae5', id: this.boxid }, h("slot", { key: '28e118a66bccb3ed840144b8c79d8fe438ab9674', name: "content" }), this.isclosable && (h("z-icon", { key: '6b679334c2bd8ed64a3227129d44e2ea75170fe6', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+        return (h("div", { key: 'cb406cc61a300404df9821335e1fd37c2fb0ca78', id: this.boxid }, h("slot", { key: 'f9a564c45d84f02dbacb793c48740d307877475a', name: "content" }), this.isclosable && (h("z-icon", { key: 'ccef349ab0c97edf59965c7ffb6a40096ef7e942', 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: '8e5a375431679fcf9219cbde4270e9fcab1df7c8', open: this.open }, h("button", { key: '97d2fd4aac009ea0616f720dca6ad728620f7186', 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: 'fbd4e69149dd005940be5349fc1d2041c661638f', name: this.icon }), this.label && h("span", { key: 'df8beb235d6828aeb4ab79536f448d7c40f3932f', class: "z-info-reveal-label" }, this.label)), h("div", { key: '6f62c1a2ca907b29db9e0ac378c81683ae6be0d6', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'fc2924de0815a8d99f21b009a9aae2ae714494cc' }), h("button", { key: '04f599f951cae4d1f94d510b5233a58e9719846b', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: 'bd9890b640631d7d0dfa64b0bdc84a06dbdb21d6', name: "multiply" })))));
+        return (h(Host, { key: '78c3938f4b58d9de02af8e83067157dad25c686f', open: this.open }, h("button", { key: '94595286df46e99340b469f73573022fd29e5086', 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: '9a3358af6e20f116814934bc9de4fd9f545c121e', name: this.icon }), this.label && h("span", { key: '7c36198ab76e321d395f8d89492e3826c3f45b55', class: "z-info-reveal-label" }, this.label)), h("div", { key: '90768f278a0613407761501f1438e61b7f7bfa01', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: '357d23dfef0df58abc375f0f11a342cc66b08ce0' }), h("button", { key: 'e83d13d1aa5f0fbea94bfd7783eea382c65fd9d0', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: 'c75fdfe781aff0293c594df01f42deca2a317545', name: "multiply" })))));
     }
     static get is() { return "z-info-reveal"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -18,7 +18,7 @@ export class ZInputMessage {
         this.onMessageChange();
     }
     render() {
-        return (h(Host, Object.assign({ key: 'f9b9c27362dadbbb1641b659e5f1e5cb5877dcbd' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: 'ca06d2a52de026b1828860b3ef4718c10a9752cd', name: this.statusIcons[this.status] }), h("span", { key: '53a1e7e17e09b55e0d7a881ba33961140eb92db2', innerHTML: this.message })));
+        return (h(Host, Object.assign({ key: 'bd60367f26ab1d7cefaf240ed7ceedd1a7039c51' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: '7f3d254ab2f4c333a31f7a40cbb3ffce2f3722f1', name: this.statusIcons[this.status] }), h("span", { key: 'fd73a53bf3e0c42931371493b9a28996bdfb785f', 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: '9aed92865ad9a66ad0b2996afe6ca52c61df37c1', 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: 'ce6d297b91a05458737a8d96031ed7359bddc061', 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: 'afebd732b174678d4768c47d64f353e1642ca893', open: this.open }, h("button", { key: '9dbc8821467edff6d455f1858e117f1f63e8bf78', 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: '18de192f07c716364daef6837e616a674cd62d84', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '157b9e12cdfca3695c297b3a9a94eb908fb7edb9', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: '1f48178a296e0e85e5b288d7c205bbe4bf16e1d9', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: 'e3807411b3f9fd40ec627b93a09b8237aa1e89e7', name: "section", onSlotchange: this.onItemsChange }))));
+        return (h(Host, { key: 'd08c7f78843f0b6b4b52d87c4e4799d602818f3e', open: this.open }, h("button", { key: 'ddd592e2daa41a49ddf6a371e450f731476a7718', 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: '7c5dab71de7c69c68b22515ef85181e6f032326a', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: 'd317dbdda61b8ff838f4d4a09c4de385705d5ef8', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: 'cf8cbe0600e0b2068bbed0e02b89c4daac19e02d', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: '6fd0f88d5e74493c5ab30a9d1ea136ada4ee43e8', 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

@@ -123,16 +123,16 @@ export class ZModal {
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: '891584aa046910f9a46a48c4798b4b9d8b108a8a', class: {
+        return (h("dialog", { key: 'c1e915de6f6b66435773f40b0c6f3dfd18f6731b', 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: 'cef8896c3e959b3b1e9b7569c402d004f8d31179', 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: 'c4841306cbfb49313c740c871be25f1aca8f2681', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, h("header", { key: '7029c9cc01133c42aab53cd22d6f2d55fec0385c', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '526364617b04825b22a237e8d3610f86861fb060' }, this.modaltitle && h("h1", { key: 'dd5b71fe7592198edad53af5af35da0b38d0e031', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '62dbd9bd2d2b9fed310a27d9afaac145d83214de', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: 'd75082bdc2272154551ad37bf6b83604e0935ec0', class: {
+            }, id: this.modalid }, h("header", { key: '831535b8d2dedde32fd6c7b85e266e5123551180', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: '3156572dd1d4be33ebdbe596c67f2c8d6c099b73' }, this.modaltitle && h("h1", { key: 'c23eb20eb302c127bc21f37c137a523cd6ae3459', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: '9f31c6d357aa230bea5d266c38cf74a1f06caee3', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '41b5d1e21b50b30375bdfdf7b0e8f125ba41992f', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: 'ffcb2de26ee419117b3e97fc8d7d7a88b404aa05', name: "modalContent" }))), h("div", { key: '5ad1f027a8b96c297db7293be3235a456e4bd70a', class: {
+            }, id: "modal-content" }, h("slot", { key: '389206deb52882e082130d76188fa528ae35a6eb', name: "modalContent" }))), h("div", { key: 'ba8cff1cad3db397a57e78048f3fd5b9a3d6e5d1', 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: 'c65b79e41341bc577f654c7dee9c36fc431d7950', class: {
+        return (h(Host, { key: '66234556ea4af99f5a4a152b1357699bbbdd59fd', class: {
                 "interactive-2": this.size === NavigationTabsSize.SMALL,
                 "interactive-1": this.size !== NavigationTabsSize.SMALL,
-            }, scrollable: this.canNavigate }, h("button", { key: 'f18201689c6de86ab73ddd7f34a35e74745ea2d4', 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: '80bd7fbd07f454feb7f8a666c44e0cbc26ea79e4', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '009f3c15170742b672a06a80ece4bbdd5e3faecc', 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: '78d887e394b32fd4253e02b41034fd6c870f7773' })), h("button", { key: '78f41b5f5c1db763597f9829d99311e42fc17f24', 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: '09102f04028fc4cefdd17009cce7a23e6728529e', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+            }, scrollable: this.canNavigate }, h("button", { key: '8e94973cbf20d4e24080d363d258ba83dc869ac0', 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: 'b71fa9b0564cce680ff76c7dc36dc954f9cdd9f0', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '0e4cb7620c0aace8b93783e1955d16a349f4b1ed', 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: '2428a2b87ea028e23664584af535c5c89d1c6cdd' })), h("button", { key: '05333c832dac14ddde95dac91f9ea7f86bb63f3a', 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: 'a853b756e1d4c9210afad48c63b6c3970628d20c', 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: 'c05802b9aecf9da3512b73266d5b800893fa9d40' }, this.contenticonname && (h("z-icon", { key: 'bf76405cb6dec6c4f5d57f8cffc62149944bfe61', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: 'cf617ec86cb54ac8bb4be0ec26b1cff1cac96c26', class: "content-container" }, h("div", { key: '69dbb80be6f602c3bc24815585dd975861e5599d', class: "content-text" }, h("slot", { key: '2e680db659355749a4967cd740cf5a4f3a08d095' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: '9813707fe2ebf93736eb61b47390c30fd6cdb8a7', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: '412de2b2d48013410cadbc01d69426d8619e953c', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: '2623ad3ee3fd6713fb9569369ae27e71c795e0d2', name: "multiply-circle", width: 16, height: 16 })))));
+        return (h(Host, { key: '6255ecaaaf90fa5b3ca8ed8f3ace830950e244b3' }, this.contenticonname && (h("z-icon", { key: 'f45aa32ff43a0bad55d07bd58640177a8bd23d94', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: 'f06f548aff54e33027ceebd93d88fcdec8a06c1c', class: "content-container" }, h("div", { key: '2884a1cdf33eebbd7419f365cf11c14c1f24ff9a', class: "content-text" }, h("slot", { key: 'fc662592a36a54ee5065bfdebc67bb565399e212' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: 'b061a864b1a5844d4531aa612e44f7fcf918170b', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: '603c14d12b8ea7d89aa81c3522dcceb7f4494d9b', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: '57ecf05d378e32ac1b2fbe494f9b69d6c83b56ff', 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: 'f889426238828e62470d8b53c6b3b22674d73f10', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: 'ed70f931bc4dfea3b4bc2ecb10b93e77dea4f472', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: '18c85e7580d55bffe7c305e4ba7cad479292a1ba', class: "canvas-content z-scrollbar", role: "presentation" }, h("slot", { key: '56fae4e49e00f58e9b9e49057402892bd829091c', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h("div", { key: '535fafa5a9de38e1eda00fa63c7c293d12e944e2', class: "canvas-background", onClick: () => (this.open = false) }))));
+        return (h(Host, { key: 'adbd841f27610078919e2d48c682f2787df1b831', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: '18eca85326944239f3d7b3d80cf9fbb9bd6ccc1f', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: '7293a4e64ed200d9d42607fcbe503f6000273dcc', class: "canvas-content z-scrollbar", role: "presentation" }, h("slot", { key: 'fe1ac49f920e9cefd0da553b784d4b34d5cd0ad9', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h("div", { key: '1c707420fbea927a55e89d0412e866a0e8e9d0f9', class: "canvas-background", onClick: () => (this.open = false) }))));
     }
     static get is() { return "z-offcanvas"; }
     static get encapsulation() { return "scoped"; }

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

@@ -16,12 +16,12 @@ export class ZPanelElem {
     }
     render() {
         const elemId = this.elemid ? this.elemid : "";
-        return (h("div", { key: 'fb18918fe628718fa59c481f215c3b5ccd573ccb', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: '5e71dedc58519623c6f7b2e8dc5a0aca53043c3a', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: '0949b25d3828e40b8a2398f909ed34de23d3b7d4', src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'e4a33e09816b979e4432a3a11f4ed8b57efb5d5d', class: "panel-elem-link" }, h("a", { key: '9d0a91cd34417432795be51d1399afadabc1dd4c', class: {
+        return (h("div", { key: 'e9cc3e818ceb9704e624f69b33bd7318d4d47516', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: '519e045df73f4716a714263a558e19b7de63f3d1', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: '807ad5cfd35989468af5375e27f3fa403a5b7d18', src: this.imgurl, alt: this.imgalt }))), h("div", { key: '66c4591e7363406b4c619fa621be84a1cc067eab', class: "panel-elem-link" }, h("a", { key: '8fb8006f983c5f25089435deed7442703edd025b', class: {
                 "z-link": true,
                 "z-link-disabled": this.isdisabled,
                 "z-link-icon": true,
                 "z-link-blue": true,
-            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: '77f4dfadd60b71472f303aa9b28019f29fa0126d', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: '58dbf6841ee7cacd87bdd684e34f121777cd2d56', class: "panel-elem-desc" }, h("slot", { key: '436a86e206b44930a87a11caa05b68c27ed878e1', name: this.descrSlotName })))));
+            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: '0cb7cabe0cdd79ce0fe86a26e67946413eded409', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: 'c22704aab8ca1418afc0407c00130d33bdb01136', class: "panel-elem-desc" }, h("slot", { key: '966f62201dcfebebe7abfe1ff7f5717b1c62d04b', 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: '62910aea1c0986c47106fdb7cfc9ac4368c14b9d' });
+        return h("slot", { key: '37b34462d6112c8f93e671466dc7fe48e3292508' });
     }
     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: '1995f6d5694bd6cd0f485636e531113bfdc69aad', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, h("div", { key: '48929d88c0dfe3f84d9f24d4df7f0270f57099b1', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
+        return (h(Host, { key: '091d55f5ce1bf0c86ff6beb1895f6259efa52d51', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, h("div", { key: 'd08ae5921e22131a2b1dc562a0a93c9f8c9de272', 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: '43bfcc06c3dd11d5f18a88be623c7fa77320fbb0' }, h("slot", { key: '7f5704c9d41d6cc3c48318f29b5ea08e27b5b392', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { key: '9dd55d30418040dc68dc1f045c8b2494cf8d9f28', size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: '233fac041a9fbc0b636c30ecb3c15240b8b59f15', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { key: '4a3af32c430fcf607a97b71e1a9e2e927862b639', size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
+        return (h(Host, { key: 'f581eb418f8634bd2b77e8e4d97c7c59088d131a' }, h("slot", { key: 'dab7e605b580e847394e7c39e209c0ee6f3540d7', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { key: '549b66748e145718a7bfda00ec9a90be30045814', size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: 'ffa7df12f84ff070cdce89a8c892b4de9971f204', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { key: 'a64eac1551ae41882fa6de8037a4c74b703e3ec9', 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

@@ -123,6 +123,9 @@ export class ZSelect {
         });
     }
     filterTree(items, searchString) {
+        if (!items) {
+            return [];
+        }
         return items
             .map((item) => {
             const match = item.name.toUpperCase().includes(searchString.toUpperCase());
@@ -160,22 +163,26 @@ export class ZSelect {
         }
     }
     updateSelection(items, selectedId) {
-        items.forEach((item) => {
-            item.selected = item.id === selectedId;
-            if (item.children && item.children.length > 0) {
-                this.updateSelection(item.children, selectedId);
-            }
-        });
+        if (items) {
+            items.forEach((item) => {
+                item.selected = item.id === selectedId;
+                if (item.children && item.children.length > 0) {
+                    this.updateSelection(item.children, selectedId);
+                }
+            });
+        }
     }
     findSelectedItem(items) {
-        for (const item of items) {
-            if (item.selected) {
-                return item;
-            }
-            if (item.children && item.children.length > 0) {
-                const found = this.findSelectedItem(item.children);
-                if (found) {
-                    return found;
+        if (items) {
+            for (const item of items) {
+                if (item.selected) {
+                    return item;
+                }
+                if (item.children && item.children.length > 0) {
+                    const found = this.findSelectedItem(item.children);
+                    if (found) {
+                        return found;
+                    }
                 }
             }
         }
@@ -459,7 +466,7 @@ export class ZSelect {
         return (h("z-input-message", { message: boolean(this.message) === true ? undefined : this.message, status: this.status, class: this.size, disabled: this.disabled }));
     }
     render() {
-        return (h("div", { key: '636b4fd24deed9b90c70884f046ea501c4d7c977', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
+        return (h("div", { key: '837ec5079041175676b6b4d53b0e653b6105ddbf', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
     }
     static get is() { return "z-select"; }
     static get encapsulation() { return "scoped"; }