npm - @zanichelli/albe-web-components - Versions diffs - 16.4.1 → 17.0.0-RC2 - Mend

@zanichelli/albe-web-components 16.4.1 → 17.0.0-RC2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (766) hide show

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

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

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

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

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

@@ -115,7 +115,7 @@ export class ZListElement {
         }
     }
     render() {
-        return (h(Host, { key: '8b3fcd0834960a5549178f3f26d48b8236f27449', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.htmlTabindex }, h("div", { key: '6cd5ef8d54e9bb0780737cbd300a3809464c9901', class: "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '4ba2505a4483ec70134f6b39ce18351b679db379', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: 'ac96ea3379df56b2a3b67164d52a0633764aab23', color: this.dividerColor, size: this.dividerSize }))));
+        return (h(Host, { key: '5d91602e00c7da63a8697ba7fefb0358128806ea', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.htmlTabindex }, h("div", { key: '862f8416c97f4843741566729e5a28105cb88d90', class: "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '17ff37f44019ebf4d92c4730b9535c0edf6e8ace', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: '0a283eb65f2ca71d3d5c40d5e0c561ec95b3fcc9', 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 CHANGED Viewed

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

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

@@ -29,7 +29,7 @@ export class ZTd {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: '36a62d2c751b3b889c7f69280418e95ff02192d5', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: 'd9cdf988ecedb17c06b7081919a77122b5d28660', class: "cell--content" }, h("slot", { key: 'f5627d2fea6d851092356ba32932f7ccc1031398' }), this.showMenu && (h("div", { key: 'f58a7b0a33b62aeca07a2fa21958a714345b6dac', class: "cell--menu-container prevent-expand" }, h("z-button", { key: '6b96fb5d5f7108f29a010f93e68f4e9e1b249ab1', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: 'a73b3a6c8b3aff6c689f14c2b90bc4a2626cff3b', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '9444ad52d7660466cb784e565306fd72922d5426', name: "contextual-menu" })))))));
+        return (h(Host, { key: 'c23aff45c5f7c8be5725064c8b1e41880dc8a181', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: 'ac94183fe84827a9953c22e53769c5eb14bda38d', class: "cell--content" }, h("slot", { key: 'fe9247cefa14306bea82fdc0509f27d9b9bc9dc9' }), this.showMenu && (h("div", { key: 'b389e78768220495f19005c03e5e5ee2f6e5ceb0', class: "cell--menu-container prevent-expand" }, h("z-button", { key: 'e9340861d4ed7fca740edd61d496580d0351c606', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '79626910b1f2fce99c70f462dab372c1a6c84983', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '10973d34641dd975e0b450a80530f5398131166d', name: "contextual-menu" })))))));
     }
     static get is() { return "z-td"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class ZTh {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: 'e0dd2a24787597fa832ba06e3eec6c18a8204f2f', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: '4274667d48308bfdaf727f1707ef7d44eb71a356', class: "cell--content" }, h("slot", { key: '52166cb6e7a60e5fb248e22990c8942944ca05fe' }), this.showSorting && (h("button", { key: '1b8c8cbb9539eb83b3381535fdb857bdd9451fe3', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '414ddf43bf9fec1df07cfe4146a4c9bdbc8dacbf', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '7633c04c015392315720bc7566fc59b7cfb2cc1d', class: "cell--menu-container" }, h("z-button", { key: '0786009425989ad4eb5878f665d095c318a335d8', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: '59ebb822c77766acc18cdb9c4e292aba20407e63', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '801d41cbe534e989407421b60df2a7a7c46e4d22', name: "contextual-menu" })))))));
+        return (h(Host, { key: 'e7efcdcf5a92680808006b72248f02e35d00f50b', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: '763042f42f58d8636337cc3cb958d3f68e24f934', class: "cell--content" }, h("slot", { key: 'b4b7068f6f3b345d335a84e8e322644cc817af90' }), this.showSorting && (h("button", { key: 'e4baac0a793d3626791b16e1868041b96a89d934', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '877e5d01cc8943f6cf034cb5d726ac9d97975e8d', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '990ac8bc8c274b77c37fc56da0c25b6042aa1d53', class: "cell--menu-container" }, h("z-button", { key: '877468c31868c3dd8707b1d8a0004ed28db1872e', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: '255b3e47c770eb87aef8742c6ca3365aa5e6903c', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '3aeec135bd29027346aeda2165e181e961b39d17', name: "contextual-menu" })))))));
     }
     static get is() { return "z-th"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

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

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

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

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

@@ -47,7 +47,7 @@ export class ZAccordion {
         this.toggled.emit(this.open);
     }
     render() {
-        return (h("details", { key: '6cbbf8aca4848416bbc95fb8114fe2ebeb857a35', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '983d8f605375d5ddce8a4a51b5b63fa8e405a483', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '595a91626c910b3dd13360bb5ad9fb09a147facc', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '30f72bedfb26e6150853c06e0e7a3e9a21afcd11', class: "z-accordion-label" }, this.label), h("span", { key: 'bfbf51e33e0114ada33cad9ea49f878cb5f39d41', class: "z-accordion-tags" }, h("slot", { key: '027530202366a508b0b434b7cf02b7e4fe6763dd', name: "tag" })), h("z-icon", { key: '8f02c3ea045b217b0b3edc08eb0c768bf98db040', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '1b03e279c9a10fcbfd753c6d364e21e78b663fdd', class: "z-accordion-content", part: "content" }, h("slot", { key: '278b1775544aad10d9a8eb4df69b370b6542291f' })))));
+        return (h("details", { key: '553c092830aef8aeb00d68ff98bcde8432aca6b1', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: 'd9834ea9fc0ddf03e1988134a72885357c885761', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: 'a36e67e30ca2239ee1ea95a1a50bbed3d34815ab', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: 'd26597865876c38d5d23a24e39b1a2fb1ee83f31', class: "z-accordion-label" }, this.label), h("span", { key: 'd0c3a1691b7d0b2c8b4b789461864d1e40adbf53', class: "z-accordion-tags" }, h("slot", { key: '7a00b9f1df6db4b617026b3804a0183b8e5760fc', name: "tag" })), h("z-icon", { key: '44460b3f207965df5ad92386c00bb97c9ad14c20', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: 'c178a1ec6fadcdab1f612bbb465d68759fd11556', class: "z-accordion-content", part: "content" }, h("slot", { key: 'c472c1d459c4ac1c185caa7a143d2355a3811231' })))));
     }
     static get is() { return "z-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class ZAnchorNavigation {
         window.removeEventListener("hashchange", this.setCurrent);
     }
     render() {
-        return (h(Host, { key: '7f0773194039735c315a25768b3a6c635a9fdb5b', collapsed: this.collapsed }, h("z-button", { key: '46b631d8377d3b5c6987ee63c45ddaec9d23871b', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: '7c71bac57142ad2591e42da19fee7ce72fada9be', ref: (el) => (this.nav = el) }, h("slot", { key: 'ce6251454b66d006a2c1fd4baf5c21fa3cffdb19' }))));
+        return (h(Host, { key: '24a1293616740146069105e12e6e5e3285188c5c', collapsed: this.collapsed }, h("z-button", { key: 'd591dd0f7ad7756814264c68b99c4231056fc80e', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: 'ce5d99d6235de3f09e94f603e25d9266e614dde4', ref: (el) => (this.nav = el) }, h("slot", { key: '6f9a769d7ba1b32504daf5a91deac3ab7431e411' }))));
     }
     static get is() { return "z-anchor-navigation"; }
     static get originalStyleUrls() {

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

@@ -256,7 +256,7 @@ export class ZAppHeader {
     }
     render() {
         const hasTopSubtitle = this.hasSlot("top-subtitle");
-        return (h(Host, { key: '202f6410a5d144f99fd6e1dcda03e158cc6243e9', "menu-length": this.menuLength }, h("div", { key: 'de7906463bba9f27c698d8cc91858e80bf47e25b', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '2794e5031cbdac06d2d62adc5843ecbe33cd1864', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: 'ac7b5112a3e4428e93ff70ca15537722c6592958', class: "top-subtitle" }, h("slot", { key: 'aac195f353d13542c2bb34c5132ad917d75a84f8', name: "top-subtitle" }))), h("div", { key: 'd9cfcf3e58684c4dd123b1b9389d6da84d48d516', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h("slot", { key: '668343a3f5999d717a62fa9d227ffb164d026224', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: '1d506682846d26428e563c414c7c38d978946bc5', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '600d9afa684d0f7070f526ce09a9f69ebb229296', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: 'b525f96aa7ff013a0a469f161fc2667deb6a7497', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
+        return (h(Host, { key: '73660687ce18057a727a2248273d06726f4170ca', "menu-length": this.menuLength }, h("div", { key: 'd2373224c1aae86b4f4a98af8e1bf399b9e1d48a', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: 'd91ee4a3bdf657cad1b929c4a272c0f814e1e059', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: 'c6dad6a4c91ace00fbdcff67dcdd6c1098bd9ff7', class: "top-subtitle" }, h("slot", { key: 'de9b4e221235a883084ae737b8c3a0d1898421c2', name: "top-subtitle" }))), h("div", { key: 'afd063f688ba48c6376374d11492a613939aa55e', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), h("slot", { key: '3739c4b5afcf36254eb6447ab48762326ed5c5cc', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: '15ab27c813c14db5d4e4edf8625e03d6d0649aa7', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '8b275fc910cc9a2a7edca5cb8d265a97b852d42d', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: 'c6c9e409dd5c0a90bd37aacc6e12242cdb59dc0e', 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 CHANGED Viewed

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

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

@@ -24,10 +24,10 @@ export class ZAvatar {
         }
     }
     render() {
-        return (h(Host, { key: '8e7d78169cfb0f1705bc91c8db649a7d500290a6', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        return (h(Host, { key: 'd5f252f18b2268372c5541072887e6c8d12bfb17', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
                 color: `var(--${this.textColor})`,
                 backgroundColor: `var(--${this.backgroundColor})`,
-            } }, this.text && !this.image && h("span", { key: '096abc1df006eea6430564aaf999c22a18b60682' }, this.text.substring(0, 2)), this.image && (h("img", { key: '68d28c12bc007a0575e6797987501a1851ae8b3a', src: this.image, onError: () => (this.image = "") }))));
+            } }, this.text && !this.image && h("span", { key: '5ef7c7096048ec680afc83a5d5f38116e86421f4' }, this.text.substring(0, 2)), this.image && (h("img", { key: 'cc4f580eed60c8f07e28e1cde52a3bad8dbb91ad', 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 CHANGED Viewed

@@ -193,10 +193,10 @@ export class ZBreadcrumb {
         ];
     }
     render() {
-        return (h(Host, { key: 'ec59a3c1afe2d946df4b5ef8dae569b40e20e083', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '9b1668c981c22cd2d52f31f58e2ac38a18f574fb', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
+        return (h(Host, { key: '8a55265a6d9ceab8a707e341ea3c6be295b35e61', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '286628bb48c88c0f14b485dee20ef354a0c990b3', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
                 semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,
                 underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,
-            } }, h("ol", { key: 'fedac8ea463ba9b20784d20cf50f9f8526055d3b' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
+            } }, h("ol", { key: 'd038bc9a7717ecca40df643afd6c01f51112952f' }, 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 CHANGED Viewed

@@ -36,7 +36,7 @@ export class ZButtonSort {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (h("button", { key: '0cb1fb4cd3661deb66e79e85bcc87657691af1a9', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '24c3b8e7b8c6acc83f55cbf7bc0233382a3a2738', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: 'a9ae20d5e3926dc6b6cd3d54757a9c829c15c823', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: 'd3d3aa5e07074dfd72da40f8059f70e25d1a1f58', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: 'e0003ebe4688bf0af648aa9b7eb01c446460f069', name: "caret-up-down", width: 16, height: 16 })));
+        return (h("button", { key: 'a09a742f73dcb341b95de8e1a21311f406e3fdee', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '285d082ae761e08b52360eaa4ee6a92db46a872e', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: '48789b6db3045fd412e1d0282da0356399fd8c85', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: '607456b9464deadfd3d5d2c1f0910f01bb644afe', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: 'c17f4fd8a9197069fd995ae750747da0bc0716ff', 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 CHANGED Viewed

@@ -9,11 +9,11 @@ export class ZChip {
         this.ariaLabel = "";
     }
     render() {
-        return (h("div", { key: 'fe1e1ba8b794a0e67a04236808573c3ae9bcc4ce', class: {
+        return (h("div", { key: '6d69c4fbf49ee67c044dce152116c5bf9835e120', class: {
                 "z-chip-container": true,
                 "z-chip-interactive": !!this.interactiveIcon,
                 [this.type]: true,
-            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: 'a1ee44f219dd0b451851aadd081d29d8a03fbeaf', name: this.icon }), h("slot", { key: '126b3211e329d893d6b5b3f567cc20630dd02534' }), this.interactiveIcon && (h("button", { key: '059813ec42ff86dff2ce9fb96650ad35b38e5622', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: '3fb748bef5acea52a4d4cd565b1da11ae777e784', class: "interactive-icon", name: this.interactiveIcon })))));
+            }, "aria-disabled": this.disabled }, this.icon && h("z-icon", { key: '2143b1018aff1184681cd29da4bf19c64df7240b', name: this.icon }), h("slot", { key: '0df71559165514d1b26422a5fbf17ba1f428758e' }), this.interactiveIcon && (h("button", { key: '3ab388932ca992187c6b832e58df0431217c7ca8', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.ariaLabel, disabled: this.disabled }, h("z-icon", { key: 'fc6369ac78edf36b9eb31fd7537130cde930de32', 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 CHANGED Viewed

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

@@ -35,9 +35,9 @@ export class ZCoverHero {
         return (h("div", { class: "content-container" }, h("slot", { name: "content" })));
     }
     render() {
-        return (h(Host, { key: '1a87367d3abb5790f0ea6cacf7d3e75eacbff59d' }, this.variant === CoverHeroVariant.STACKED &&
+        return (h(Host, { key: '6c1b2c2b0e945199902ea9f265c8e202c834eb83' }, this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.TOP &&
-            this.renderContent(), h("div", { key: 'b84e940db5381001045b9ebe7dfec5069ab27694', class: "main-container" }, h("div", { key: 'f46b165bd73a5eca477cd43164999ad5517b821c', class: "cover-container" }, h("slot", { key: 'cf61e486fd79bbbf38aa788f33dbd857dba86109', name: "cover" })), h("slot", { key: 'd0a748e763dde074c1c25c9aacf84d7357c17f14', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
+            this.renderContent(), h("div", { key: '802d7dc249692b4772035c223f2f0124cd9c3e4b', class: "main-container" }, h("div", { key: 'b0d2ea184ce216b2557d3bb403e11ae057a6ef19', class: "cover-container" }, h("slot", { key: '7a3c329bf5b38fff390ee10f346b588a2194f2b3', name: "cover" })), h("slot", { key: 'f7bfde21308e3f22c6633b96af5fb09bd2f659ae', 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 CHANGED Viewed

@@ -7,7 +7,7 @@ export class ZDivider {
         this.orientation = DividerOrientation.HORIZONTAL;
     }
     render() {
-        return (h(Host, { key: 'e66c5e6bde9dd3ea0a531c87e37e643362b8d733', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+        return (h(Host, { key: '51d07c34bce26aee25166c180e8b7802686782aa', 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 CHANGED Viewed

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

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

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

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

@@ -11,7 +11,7 @@ export class ZInfoBox {
         this.infoBoxClose.emit({ boxid: this.boxid });
     }
     render() {
-        return (h("div", { key: '4e08c5c0d3c070db1944b3ab5745d192fd4e8013', id: this.boxid }, h("slot", { key: 'f94d50c3fd311445d4abb7e3f12c387c3be4724d', name: "content" }), this.isclosable && (h("z-icon", { key: '165b638f14604a45a798210ea2de1c9f59bb3612', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+        return (h("div", { key: '0045eb418845bbf110614082c0b9a2923b747c08', id: this.boxid }, h("slot", { key: 'ffa268a29a1bf33d1366cd9bb6d6564bc82d3306', name: "content" }), this.isclosable && (h("z-icon", { key: 'd78e798a31af02d01762d046a8a78fd72d3764c2', 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 CHANGED Viewed

@@ -47,7 +47,7 @@ export class ZInfoReveal {
         }
     }
     render() {
-        return (h(Host, { key: '0cd6457cdde5047f859f7e11feee92fb9dd0eb31', open: this.open }, h("button", { key: '63fd527be4c6d7de36aa8546dc47874ad571de01', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '0297eed1694a18d08b9290568a503afb441127ea', name: this.icon }), this.label && h("span", { key: '0fa5ff78efe186486b6991fec0edbcd560a2f302', class: "z-info-reveal-label" }, this.label)), h("div", { key: '6d1125e73e361aee556994e3e311196dfa288dee', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'fe7b4a62cb6306418f935254139cfc4b0048a821' }), h("button", { key: '789d137466ede751579c4c64eddd04269eda3c12', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '267e312def7799ab52a9fac1923d33538c8e9218', name: "multiply" })))));
+        return (h(Host, { key: '7b83b3501b67a664e60b210eef1749ed0161ffd8', open: this.open }, h("button", { key: '1cfa35284679639b5448b381fed85e33638f299b', 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: 'd84ea2e8e508e7e87d2974256613e5c1a9fba59e', name: this.icon }), this.label && h("span", { key: '169679bf52a125bdd3fac5aa84eb8c585136d563', class: "z-info-reveal-label" }, this.label)), h("div", { key: '22764431af3874cef38473fe254ad81004418d86', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: 'de0d9c9e5065644b68e6b42b61d44813f80028e5' }), h("button", { key: 'a9afc989189dc20f48f6a27460fca1fd94e14fd1', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: 'e0dcfd4b2631f3ed0bea6434f4d248e66d1a56f7', name: "multiply" })))));
     }
     static get is() { return "z-info-reveal"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -17,7 +17,7 @@ export class ZInputMessage {
         this.onMessageChange();
     }
     render() {
-        return (h(Host, Object.assign({ key: '64743b53453d4373ab87b8145d789362502adba2' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: 'ee91747477c931223e978f7020d2d3c8fcd113e6', name: this.statusIcons[this.status] }), h("span", { key: 'a34b74de07034c9aa00bb6c701c2d05ea2de0a82', innerHTML: this.message })));
+        return (h(Host, Object.assign({ key: 'f8a0fc725c8e09f171076fdc58f0dec018a01112' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && h("z-icon", { key: 'ab887f18fcdee987b77a2b211a1c8cbe0d88f778', name: this.statusIcons[this.status] }), h("span", { key: '7bf90a5951acbc4a0e66a01e7daa15a1962e3ede', innerHTML: this.message })));
     }
     static get is() { return "z-input-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class ZLogo {
         if (this.height) {
             style["height"] = style["max-height"] = `${this.height}px`;
         }
-        return (h(Host, { key: 'b7aef0e1a12aefa4609fc698ac287245d93144f0', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, h("img", { alt: this.imageAlt }))) : (h("img", { alt: this.imageAlt }))));
+        return (h(Host, { key: 'dff898ba5911d6e7751af0cdefcf36a20a10d999', 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 CHANGED Viewed

@@ -171,7 +171,7 @@ export class ZMenuSection {
         this.onItemsChange();
     }
     render() {
-        return (h(Host, { key: '8055d8257a832f25940c0a754bd58497fa4bd0a0', open: this.open }, h("button", { key: '311bb43cd08cb379973701c416744ee27e3747f8', ref: (el) => (this.label = el), class: "label", "aria-haspopup": `${!!this.hasItems}`, "aria-expanded": `${!!this.open}`, role: "menuitem", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, h("slot", { key: 'd6a00928ca6a80ccdec98164979ccb2681c130c5', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '976be6f35df99772aa82d82a60c86f3c09ca585a', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: 'd963f28d3d70563f01b9995194c941de9197cc1f', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: 'b42437ebb6c0c0373e4773f1930e527ed3a4697e', name: "section", onSlotchange: this.onItemsChange }))));
+        return (h(Host, { key: '58d9bd4b0d75c4ae935ade13c634c667c3a23d48', open: this.open }, h("button", { key: '1974d5f004188eed1d5e9b3818af67a5643d74d3', 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: '04b077536b31244987c454e147e74778953d0b97', onSlotchange: this.onLabelSlotChange }), this.hasItems && h("z-icon", { key: '915bb2bfea20172356ddb24ca0ca78f7fe62d2e7', name: this.open ? "chevron-up" : "chevron-down" })), h("div", { key: '4103c4516aea0b6bc8e362a6a7ed7f8e8db6ddde', class: "items", role: "menu", hidden: !this.open }, h("slot", { key: 'bb21ddd5f73efd7ed7d7dadc8e1ea74609bbf13a', 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 CHANGED Viewed

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import dialogPolyfill from "dialog-polyfill";
 import { KeyboardCode } from "../../beans";
+import { Breakpoints } from "../../constants/breakpoints";
 const FOCUSABLE_ELEMENTS_SELECTOR = ':is(button, input, select, textarea, [contenteditable=""], [contenteditable="true"], a[href], [tabindex], summary):not([disabled], [disabled=""], [tabindex="-1"], [aria-hidden="true"], [hidden])';
 /**
  * @slot modalCloseButton - accept custom close button
@@ -30,6 +31,10 @@ export class ZModal {
             this.modalBackgroundClick.emit({ modalid: this.modalid });
         }
     }
+    handlePageOverflow() {
+        const mobileMediaQuery = window.matchMedia(`(max-width: ${Breakpoints.MOBILE}px)`);
+        document.body.style["overflow-y"] = mobileMediaQuery.matches ? "hidden" : "";
+    }
     componentDidLoad() {
         if (typeof window.HTMLDialogElement !== "function") {
             /* workaround to fix `registerDialog` in test environment:
@@ -44,6 +49,7 @@ export class ZModal {
         else {
             this.open();
         }
+        this.handlePageOverflow();
     }
     /** open modal */
     async open() {
@@ -105,16 +111,16 @@ export class ZModal {
         e.preventDefault();
     }
     render() {
-        return (h("dialog", { key: '939263a9519b354a48afdfdbf798b4244ee52691', class: {
+        return (h("dialog", { key: 'b9a7dfc0194d437b48daf1a22efc514bceb93a71', 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: '3995bfe379fec7a082d4388c00bed6f502e579d6', 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: '41ddc29245cb7bed110b3b1410b8296b1684b7a1', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, h("header", { key: '705e94eb3718b1ae2586509fd8c741171c23b93a', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: 'db232ef79c1ab60aa14a54a7e6a4aaf0881f4315' }, this.modaltitle && h("h1", { key: 'd33b41166d8f19a5fcfcdd1d941a939ea68c14a0', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: 'a20880f136c4a80117dc1ca67d6f507f64e4e3de', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: 'abd153e1755364e693cadacd9988ea1ae1b0b698', class: {
+            }, id: this.modalid }, h("header", { key: '69a76356adb26693c7292675bb9d75a7ec721efd', onClick: this.emitModalHeaderActive.bind(this) }, h("div", { key: 'ed7499a8e3a45348a4789f15c16cd87adb5328a2' }, this.modaltitle && h("h1", { key: 'fc65554e7e51d40189d11862f53683dc1ef9f9c3', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (h("div", { key: 'a590631026c2410fb0974ccdf20fec3973b9b1b5', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), h("div", { key: '97b2332bbfc2601db62142dfeec21fe62515a0fb', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, h("slot", { key: '8decfb049990313a2a5d90944215105e250b1f6c', name: "modalContent" }))), h("div", { key: 'c85396660c16bf7f96526aa3d06e9b20b00b655d', class: {
+            }, id: "modal-content" }, h("slot", { key: '765f4c3f0cdeb903e275d21e7cd897980c980e15', name: "modalContent" }))), h("div", { key: '399af0bbf37da37b7bc066e2a096c52e8079a540', class: {
                 "modal-background": true,
                 "modal-background-scroll-outside": !this.scrollInside,
             }, "data-action": "modalBackground", "data-modal": this.modalid, onClick: () => {

package/dist/collection/components/z-modal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-modal/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Listen, Method, Prop, h} from \"@stencil/core\";\nimport dialogPolyfill from \"dialog-polyfill\";\nimport {KeyboardCode} from \"../../beans\";\n\nconst FOCUSABLE_ELEMENTS_SELECTOR =\n ':is(button, input, select, textarea, [contenteditable=\"\"], [contenteditable=\"true\"], a[href], [tabindex], summary):not([disabled], [disabled=\"\"], [tabindex=\"-1\"], [aria-hidden=\"true\"], [hidden])';\n\n/*\n @slot modalCloseButton - accept custom close button\n * @slot modalContent - set the content of the modal\n * @cssprop --z-modal-content-padding - set a default padding for the modal content slot to 16px\n /\n@Component({\n tag: \"z-modal\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZModal {\n /* unique id /\n @Prop()\n modalid: string;\n\n /* title text (optional) /\n @Prop()\n modaltitle?: string;\n\n /* subtitle (optional) /\n @Prop()\n modalsubtitle?: string;\n\n /* aria-label for close button (optional) /\n @Prop()\n closeButtonLabel = \"chiudi modale\";\n\n /* add role \"alertdialog\" to dialog (optional, default is false) /\n @Prop()\n alertdialog?: boolean = false;\n\n /* if true, the modal is closable (optional, default is true) /\n @Prop()\n closable?: boolean = true;\n\n /* if true, the modal can scroll inside, if false the viewport can scroll /\n @Prop()\n scrollInside?: boolean = true;\n\n private dialog: HTMLDialogElement;\n\n @Element() host: HTMLZModalElement;\n\n /* emitted on close button click, returns modalid /\n @Event()\n modalClose: EventEmitter;\n\n private emitModalClose(): void {\n if (this.closable) {\n this.modalClose.emit({modalid: this.modalid});\n }\n }\n\n /* emitted on modal header click, returns modalid /\n @Event()\n modalHeaderActive: EventEmitter;\n\n private emitModalHeaderActive(): void {\n this.modalHeaderActive.emit({modalid: this.modalid});\n }\n\n /* emitted on background click, returns modalid /\n @Event()\n modalBackgroundClick: EventEmitter;\n\n private emitBackgroundClick(): void {\n if (this.closable) {\n this.modalBackgroundClick.emit({modalid: this.modalid});\n }\n }\n\n componentDidLoad(): void {\n if (typeof window.HTMLDialogElement !== \"function\") {\n / workaround to fix `registerDialog` in test environment:\n stencil converts html elements to MockHTMLElement but this element is missing the `localName` property,\n which is used by `registerDialog` to recognize the element as dialog /\n if (!this.dialog.localName) {\n Object.defineProperty(this.dialog, \"localName\", {value: \"dialog\"});\n }\n dialogPolyfill.registerDialog(this.dialog);\n this.dialog.setAttribute(\"open\", \"true\");\n } else {\n this.open();\n }\n }\n\n /* open modal /\n @Method()\n async open(): Promise<void> {\n this.dialog?.showModal();\n }\n\n /* close modal /\n @Method()\n async close(): Promise<void> {\n if (this.closable) {\n this.dialog?.close();\n }\n }\n\n /\n Get a list of focusable elements in the dialog.\n * Remove elements with `display: none` from the list, because they're not focusable.\n \n N.B. The list is built on the assumption that elements inside shadow root are placed ALL before the `modalContent` slot.\n * Adding focusable elements after the `modalContent` slot would break the order of elements in the list.\n */\n private get focusableElements(): HTMLElement[] {\n return [\n ...Array.from(this.host.shadowRoot.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENTS_SELECTOR)),\n ...Array.from(this.host.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENTS_SELECTOR)),\n ].filter((element) => getComputedStyle(element).display !== \"none\");\n }\n\n @Listen(\"keydown\")\n handleKeyDown(e: KeyboardEvent): void {\n if (e.code === KeyboardCode.ESC && !this.closable) {\n e.preventDefault();\n }\n\n if (e.code !== KeyboardCode.TAB) {\n return;\n }\n\n const focusableElements = this.focusableElements;\n const shadowActiveElement = this.host.shadowRoot.activeElement;\n const activeElement = this.host.ownerDocument.activeElement;\n const firstFocusableElement = focusableElements[0];\n const lastFocusableElement = focusableElements[focusableElements.length - 1];\n if (e.shiftKey && (shadowActiveElement == firstFocusableElement \|\| activeElement == firstFocusableElement)) {\n // shift + tab was pressed and current active element is the first focusable element\n e.preventDefault();\n lastFocusableElement.focus();\n } else if (!e.shiftKey && (shadowActiveElement == lastFocusableElement \|\| activeElement == lastFocusableElement)) {\n // shift + tab was pressed and current active element is the first focusable element\n e.preventDefault();\n firstFocusableElement.focus();\n }\n }\n\n private closeButtonSlot(): HTMLElement \| void {\n if (this.closable) {\n return (\n <slot name=\"modalCloseButton\">\n <button\n aria-label={this.closeButtonLabel}\n onClick={() => this.close()}\n >\n <z-icon name=\"multiply-circle-filled\"></z-icon>\n </button>\n </slot>\n );\n }\n }\n\n private handleEscape(e: Event): void {\n if (this.closable) {\n return;\n }\n e.preventDefault();\n }\n\n render(): HTMLZModalElement {\n return (\n <dialog\n class={{\n \"modal-dialog\": !this.scrollInside,\n }}\n aria-labelledby=\"modal-title\"\n aria-describedby=\"modal-content\"\n role={this.alertdialog ? \"alertdialog\" : undefined}\n ref={(el) => (this.dialog = el as HTMLDialogElement)}\n onClose={() => this.emitModalClose()}\n onCancel={(e) => this.handleEscape(e)}\n >\n <div\n class={{\n \"modal-container\": true,\n \"modal-container-scroll-inside\": this.scrollInside,\n \"modal-container-scroll-outside\": !this.scrollInside,\n }}\n id={this.modalid}\n >\n <header onClick={this.emitModalHeaderActive.bind(this)}>\n <div>\n {this.modaltitle && <h1 id=\"modal-title\">{this.modaltitle}</h1>}\n {this.closeButtonSlot()}\n </div>\n {this.modalsubtitle && (\n <div\n class=\"subtitle\"\n id=\"modal-subtitle\"\n >\n {this.modalsubtitle}\n </div>\n )}\n </header>\n\n <div\n class={{\n \"modal-content-scroll-inside\": this.scrollInside,\n \"modal-content-scroll-outside\": !this.scrollInside,\n }}\n id=\"modal-content\"\n >\n <slot name=\"modalContent\"></slot>\n </div>\n </div>\n <div\n class={{\n \"modal-background\": true,\n \"modal-background-scroll-outside\": !this.scrollInside,\n }}\n data-action=\"modalBackground\"\n data-modal={this.modalid}\n onClick={() => {\n this.emitBackgroundClick();\n this.close();\n }}\n ></div>\n </dialog>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/z-modal/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Listen, Method, Prop, h} from \"@stencil/core\";\nimport dialogPolyfill from \"dialog-polyfill\";\nimport {KeyboardCode} from \"../../beans\";\nimport {Breakpoints} from \"../../constants/breakpoints\";\n\nconst FOCUSABLE_ELEMENTS_SELECTOR =\n ':is(button, input, select, textarea, [contenteditable=\"\"], [contenteditable=\"true\"], a[href], [tabindex], summary):not([disabled], [disabled=\"\"], [tabindex=\"-1\"], [aria-hidden=\"true\"], [hidden])';\n\n/*\n @slot modalCloseButton - accept custom close button\n * @slot modalContent - set the content of the modal\n * @cssprop --z-modal-content-padding - set a default padding for the modal content slot to 16px\n /\n@Component({\n tag: \"z-modal\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZModal {\n /* unique id /\n @Prop()\n modalid: string;\n\n /* title text (optional) /\n @Prop()\n modaltitle?: string;\n\n /* subtitle (optional) /\n @Prop()\n modalsubtitle?: string;\n\n /* aria-label for close button (optional) /\n @Prop()\n closeButtonLabel = \"chiudi modale\";\n\n /* add role \"alertdialog\" to dialog (optional, default is false) /\n @Prop()\n alertdialog?: boolean = false;\n\n /* if true, the modal is closable (optional, default is true) /\n @Prop()\n closable?: boolean = true;\n\n /* if true, the modal can scroll inside, if false the viewport can scroll /\n @Prop()\n scrollInside?: boolean = true;\n\n private dialog: HTMLDialogElement;\n\n @Element() host: HTMLZModalElement;\n\n /* emitted on close button click, returns modalid /\n @Event()\n modalClose: EventEmitter;\n\n private emitModalClose(): void {\n if (this.closable) {\n this.modalClose.emit({modalid: this.modalid});\n }\n }\n\n /* emitted on modal header click, returns modalid /\n @Event()\n modalHeaderActive: EventEmitter;\n\n private emitModalHeaderActive(): void {\n this.modalHeaderActive.emit({modalid: this.modalid});\n }\n\n /* emitted on background click, returns modalid /\n @Event()\n modalBackgroundClick: EventEmitter;\n\n private emitBackgroundClick(): void {\n if (this.closable) {\n this.modalBackgroundClick.emit({modalid: this.modalid});\n }\n }\n\n private handlePageOverflow(): void {\n const mobileMediaQuery = window.matchMedia(`(max-width: ${Breakpoints.MOBILE}px)`);\n document.body.style[\"overflow-y\"] = mobileMediaQuery.matches ? \"hidden\" : \"\";\n }\n\n componentDidLoad(): void {\n if (typeof window.HTMLDialogElement !== \"function\") {\n / workaround to fix `registerDialog` in test environment:\n stencil converts html elements to MockHTMLElement but this element is missing the `localName` property,\n which is used by `registerDialog` to recognize the element as dialog /\n if (!this.dialog.localName) {\n Object.defineProperty(this.dialog, \"localName\", {value: \"dialog\"});\n }\n dialogPolyfill.registerDialog(this.dialog);\n this.dialog.setAttribute(\"open\", \"true\");\n } else {\n this.open();\n }\n\n this.handlePageOverflow();\n }\n\n /* open modal /\n @Method()\n async open(): Promise<void> {\n this.dialog?.showModal();\n }\n\n /* close modal /\n @Method()\n async close(): Promise<void> {\n if (this.closable) {\n this.dialog?.close();\n }\n }\n\n /\n Get a list of focusable elements in the dialog.\n * Remove elements with `display: none` from the list, because they're not focusable.\n \n N.B. The list is built on the assumption that elements inside shadow root are placed ALL before the `modalContent` slot.\n * Adding focusable elements after the `modalContent` slot would break the order of elements in the list.\n */\n private get focusableElements(): HTMLElement[] {\n return [\n ...Array.from(this.host.shadowRoot.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENTS_SELECTOR)),\n ...Array.from(this.host.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENTS_SELECTOR)),\n ].filter((element) => getComputedStyle(element).display !== \"none\");\n }\n\n @Listen(\"keydown\")\n handleKeyDown(e: KeyboardEvent): void {\n if (e.code === KeyboardCode.ESC && !this.closable) {\n e.preventDefault();\n }\n\n if (e.code !== KeyboardCode.TAB) {\n return;\n }\n\n const focusableElements = this.focusableElements;\n const shadowActiveElement = this.host.shadowRoot.activeElement;\n const activeElement = this.host.ownerDocument.activeElement;\n const firstFocusableElement = focusableElements[0];\n const lastFocusableElement = focusableElements[focusableElements.length - 1];\n if (e.shiftKey && (shadowActiveElement == firstFocusableElement \|\| activeElement == firstFocusableElement)) {\n // shift + tab was pressed and current active element is the first focusable element\n e.preventDefault();\n lastFocusableElement.focus();\n } else if (!e.shiftKey && (shadowActiveElement == lastFocusableElement \|\| activeElement == lastFocusableElement)) {\n // shift + tab was pressed and current active element is the first focusable element\n e.preventDefault();\n firstFocusableElement.focus();\n }\n }\n\n private closeButtonSlot(): HTMLElement \| void {\n if (this.closable) {\n return (\n <slot name=\"modalCloseButton\">\n <button\n aria-label={this.closeButtonLabel}\n onClick={() => this.close()}\n >\n <z-icon name=\"multiply-circle-filled\"></z-icon>\n </button>\n </slot>\n );\n }\n }\n\n private handleEscape(e: Event): void {\n if (this.closable) {\n return;\n }\n e.preventDefault();\n }\n\n render(): HTMLZModalElement {\n return (\n <dialog\n class={{\n \"modal-dialog\": !this.scrollInside,\n }}\n aria-labelledby=\"modal-title\"\n aria-describedby=\"modal-content\"\n role={this.alertdialog ? \"alertdialog\" : undefined}\n ref={(el) => (this.dialog = el as HTMLDialogElement)}\n onClose={() => this.emitModalClose()}\n onCancel={(e) => this.handleEscape(e)}\n >\n <div\n class={{\n \"modal-container\": true,\n \"modal-container-scroll-inside\": this.scrollInside,\n \"modal-container-scroll-outside\": !this.scrollInside,\n }}\n id={this.modalid}\n >\n <header onClick={this.emitModalHeaderActive.bind(this)}>\n <div>\n {this.modaltitle && <h1 id=\"modal-title\">{this.modaltitle}</h1>}\n {this.closeButtonSlot()}\n </div>\n {this.modalsubtitle && (\n <div\n class=\"subtitle\"\n id=\"modal-subtitle\"\n >\n {this.modalsubtitle}\n </div>\n )}\n </header>\n\n <div\n class={{\n \"modal-content-scroll-inside\": this.scrollInside,\n \"modal-content-scroll-outside\": !this.scrollInside,\n }}\n id=\"modal-content\"\n >\n <slot name=\"modalContent\"></slot>\n </div>\n </div>\n <div\n class={{\n \"modal-background\": true,\n \"modal-background-scroll-outside\": !this.scrollInside,\n }}\n data-action=\"modalBackground\"\n data-modal={this.modalid}\n onClick={() => {\n this.emitBackgroundClick();\n this.close();\n }}\n ></div>\n </dialog>\n );\n }\n}\n"]}

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

@@ -208,10 +208,10 @@ export class ZNavigationTabs {
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '0b12b029411faa03fde8c7cab690c655a9222d96', class: {
+        return (h(Host, { key: 'ac35ce3ef46a51e61ce9c9eabf6162931f2aaca6', class: {
                 "interactive-2": this.size === NavigationTabsSize.SMALL,
                 "interactive-1": this.size !== NavigationTabsSize.SMALL,
-            }, scrollable: this.canNavigate }, h("button", { key: '5022271cf8f6d8a48de6186af7cb54d75bb92427', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, h("z-icon", { key: '8262403c712f134208a3bdbec48e71d3d446758c', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: 'f6ac7d4ac917af513600e6eed2c545000d6508ec', role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, h("slot", { key: '3de431022c169350f1a2dd342d8e6170d2b64210' })), h("button", { key: '2a5b18aa8280e94d610ffc2a1b30e527d65df8a6', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, h("z-icon", { key: '3733f645a9c05166413740c7f5854d121c5f7cdd', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+            }, scrollable: this.canNavigate }, h("button", { key: '786f2c6b9ed0946ef537c7b940a45fdba0fad584', 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: '84070a0d34a9bca56a7c0f96b8749876933ede5e', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '28aa5903faaabd9efd388217a9df5f9809e8f7af', 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: 'e4f812fc7e986193f42196b3cca48ebc396d7d1f' })), h("button", { key: 'e3c3ca48afe50912597387066fffb95c6b30536c', 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: 'cf2f62ed786f77e3c1a06d046d5f75254fc46b8d', 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 CHANGED Viewed

@@ -25,7 +25,7 @@ export class ZNotification {
     }
     render() {
         var _a;
-        return (h(Host, { key: '275c4d98f56fb388d1bb3373664f5ba52b22a613' }, this.contenticonname && (h("z-icon", { key: '6f947ada02ec82736df5c099285e8ad84bbd07ed', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '71fcf67cb01c84e0bef856dab960e4a04b472d7a', class: "content-container" }, h("div", { key: 'c590fccba3708952d3c71c8f274f7b5305f85583', class: "content-text" }, h("slot", { key: '104ae4ef5a77cb371f0b4d928a4804b71c33e23a' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: 'e43f9e7499e027131e76839cc21c9cc5ec332355', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: 'afc2acfa687d499bff6720423fa86afd335560ef', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: 'f03fafa58bdc583c34552e9f5d4114608ad82de1', name: "multiply-circle", width: 16, height: 16 })))));
+        return (h(Host, { key: 'cf70e33cea7793f3185e4b0d4ebe95b1ea79f437' }, this.contenticonname && (h("z-icon", { key: 'e5b3a7f2d4f95372267a38d93fa7a5a04aacffd7', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: 'f7444528fd7c916fa32a88bd163fb97d876fc81b', class: "content-container" }, h("div", { key: 'd3a2bb635692d6ce44ce3ddd255618657064987f', class: "content-text" }, h("slot", { key: '717588ae9ebab4f940d881d1f3d1bb9ae4837208' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: 'bdb3a4d60fd342a0d26091d3c3ff782a8e6e21b5', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: '48818733cdc2f156b02654c1d49cd20fe883d248', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: 'c44ae446e926e375096da3f413ef96f193fb8297', 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 CHANGED Viewed

@@ -66,7 +66,7 @@ export class ZOffcanvas {
         this.open = false;
     }
     render() {
-        return (h(Host, { key: 'd6d26ab3d262f18a7f7b0d79064d833550d7dc5e', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: '5006a356d94cd614e646f8c6cc22ef9bc82b230c', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: 'cdf6e5c0d1d7b594a75ba49214c7782c09f13fab', class: "canvas-content", role: "presentation" }, h("slot", { key: '9576d80ca8e63ae785fb66e01b696412ab8acad2', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h("div", { key: '91e08d2782d1c4ec027ebf452f128d64b96ef01d', class: "canvas-background", onClick: () => (this.open = false) }))));
+        return (h(Host, { key: '1e33dcee1ad8e36289e98efb41f899d6e7d3ef65', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, h("div", { key: '6f97e9ce4dd928d0da4fb908393675369f10f510', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, h("div", { key: '4346fe24097dd96a7e210b526ec25edc87aee75c', class: "canvas-content", role: "presentation" }, h("slot", { key: 'd19ccabacac91f39a4402f1a6015165fa03f5984', name: "canvasContent" }))), (this.variant == OffCanvasVariant.OVERLAY || this.transitiondirection === TransitionDirection.UP) && (h("div", { key: 'eaee11e9a44ab1a432dc49e5c0d03d26eb5cc869', 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 CHANGED Viewed

@@ -16,11 +16,11 @@ export class ZPanelElem {
     }
     render() {
         const elemId = this.elemid ? this.elemid : "";
-        return (h("div", { key: 'f134c054a061905d6a32e4ecc999591308e78fcf', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: '7740f9f046cf767c21eac8c44863e7293076550d', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: 'ee429dc9e4fe25b694ae31ebb75bc73219ae827c', src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'ba903181574ff5ff92d9ec01910587ba4362aeee', class: "panel-elem-link" }, h("a", { key: 'edf0aec448a0fbceae6da0c2e19c12611c68bd3f', class: {
+        return (h("div", { key: 'f496afdd737f8f301856283f8d2f93032851fdd8', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: '20eaa60cebdad4296f12ed506ad84675fadc9943', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: '3ca2626855985cca2b5c5faddea7a9cf5531ff74', src: this.imgurl, alt: this.imgalt }))), h("div", { key: '28872c77b4d3a4a5110ef647b647cec0057b67a3', class: "panel-elem-link" }, h("a", { key: '6d576850e07b08c73a5e75630fa3a9dfee6debcb', class: {
                 "z-link": true,
                 "z-link-disabled": this.isdisabled,
                 "z-link-icon": true,
-            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: '3b2dea4d2c546787aefd9157fb0b988c038f3cba', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: 'addef8764e493c2385d44b36a815c46b2e001e64', class: "panel-elem-desc" }, h("slot", { key: 'e2cb555ca78f835793274e7671cb3876560138bf', name: this.descrSlotName })))));
+            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: '55a800ee3ba16afda9dfb0334b7d1f7065a9a6ad', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: 'ab07b33a573a41d4e6bda595f2f1e05c29fb8858', class: "panel-elem-desc" }, h("slot", { key: 'ae882f23127a8afc5d1b9939b6dc557792750161', name: this.descrSlotName })))));
     }
     static get is() { return "z-panel-elem"; }
     static get encapsulation() { return "scoped"; }

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

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