@zanichelli/albe-web-components 20.0.5 → 20.1.0

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

@@ -50,4 +50,3 @@ export class ZTfoot {
         };
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -75,4 +75,3 @@ export class ZThead {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=index.js.map

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

@@ -144,4 +144,3 @@ export class ZTr {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -78,4 +78,3 @@ export class ZDragdropArea {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -133,4 +133,3 @@ export class ZFile {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -658,4 +658,3 @@ export class ZFileUpload {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/index.js

@@ -6,4 +6,3 @@
 //
 // Must be fixed
 //
-//# sourceMappingURL=index.js.map

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

@@ -126,4 +126,3 @@ export class ZList {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -585,4 +585,3 @@ export class ZListElement {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -260,4 +260,3 @@ export class ZListGroup {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -202,4 +202,3 @@ export class ZTreeList {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -284,4 +284,3 @@ export class ZAccordion {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -175,4 +175,3 @@ export class ZAnchorNavigation {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=index.js.map

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

@@ -192,12 +192,7 @@ export class ZAppHeader {
         if (this.searchPageUrl && (this.isMobile || this.isTablet)) {
             return (h("z-button", { class: "search-page-button", variant: ButtonVariant.SECONDARY, href: this.searchPageUrl, icon: "search", size: ControlSize.X_SMALL }));
         }
-        return (h("z-searchbar", { htmlid: "app-header-searchbar", value: this.searchString, placeholder: this.searchPlaceholder, htmlAriaLabel: this.searchLabel, showSearchButton: true, searchButtonIconOnly: this.isMobile || this.isTablet, searchButtonLabel: this.isMobile || this.isTablet ? undefined : this.searchButtonLabel, size: ControlSize.X_SMALL, variant: ButtonVariant.SECONDARY, preventSubmit: this.searchString.length < 3, onSearchTyping: (e) => (this.searchString = e.detail) }));
-    }
-    renderSearchLabel() {
-        if (!this.isMobile && !this.isTablet && !this.enableOffcanvas) {
-            return (h("label", { class: "z-label", htmlFor: "input-app-header-searchbar", "aria-hidden": this.searchLabel ? "false" : "true" }, this.searchLabel));
-        }
+        return (h("z-searchbar", { htmlid: "app-header-searchbar", value: this.searchString, placeholder: this.searchPlaceholder, label: this.searchLabel, htmlAriaLabel: this.searchLabel, showSearchButton: true, searchButtonIconOnly: this.isMobile || this.isTablet, searchButtonLabel: this.isMobile || this.isTablet ? undefined : this.searchButtonLabel, size: ControlSize.X_SMALL, variant: ButtonVariant.SECONDARY, preventSubmit: this.searchString.length < 3, onSearchTyping: (e) => (this.searchString = e.detail) }));
     }
     renderProductLogos() {
         return (h(Fragment, null, this.enableZLogo && (h("span", { class: "z-logo" }, h("img", { alt: "Logo Zanichelli" }))), this.hostElement.querySelector("[slot='product-logo']") && (h("span", { class: "product-logo" }, h("slot", { name: "product-logo" })))));
@@ -227,9 +222,9 @@ export class ZAppHeader {
          */
         this.enableSearch = false;
         /**
-         * Placeholder text for the search bar.
+         * Visible label for the search bar.
          */
-        this.searchPlaceholder = "Cerca";
+        this.searchLabel = "Cerca";
         /**
          * Search string for the search bar.
          */
@@ -285,7 +280,7 @@ export class ZAppHeader {
     }
     render() {
         const hasTopSubtitle = this.hasSlot("top-subtitle");
-        return (h(Host, { key: 'c15911d36102dbd84ef16cc2155d7f3d07197a86', "menu-length": this.menuLength }, h("div", { key: 'd3cc38a154e7185c01c17edc9437078b5fe80ac8', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: 'ee83f741c6cb12180b8255230664812788f3d7d1', class: { "heading-container": true, "has-top-subtitle": hasTopSubtitle } }, h("div", { key: 'f4a164803967f1583a3b66ef20aa552d1974e7ca', class: "heading-block" }, h("div", { key: '088943806c86d488e62d3bf487e2d1f121d79a04', class: "heading-title" }, h("slot", { key: 'f869ce8f66551f99e0ed66381f16a9d56c66bb8e', name: "menu-button" }, this.renderMenuButton()), !this._stuck && this.renderProductLogos(), h("div", { key: '5ca595378175860aa1aa986086144b75ee62e770', class: "title-container" }, !this.isMobile && this.renderTopSubtitle(), h("slot", { key: '69ccb983a555f459aa9376e9d44303cb846869ee', name: "title" })), h("div", { key: '1d9538bddc38f730a88568e0fb61cbcd07ef4b2c', class: "search-slot" }, this.enableSearch && this.renderSearchLabel(), this.enableSearch && !this.isMobile && this.renderSeachbar())), this.isMobile && this.renderTopSubtitle()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: 'f7eac2208962da7cc9aeb02db9705820e37fc6dc', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '5ff91209b3672beabe855ca7e906c40d857b55b2', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: '72a3f48cbcd6b363540a210acf36ea8baae39015', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
+        return (h(Host, { key: '4e7fcf0c48f285c14c019bad4e725f6d9d0cd64a', "menu-length": this.menuLength }, h("div", { key: '7ee7ac065ceebae8fa37bf3ea908065c5ee38f6e', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: 'bbd63523bae503daa51ad4202e6720aca78ad071', class: { "heading-container": true, "has-top-subtitle": hasTopSubtitle } }, h("div", { key: 'ceef524dac1c9f2c05de0a77b0bbd7168b52632a', class: "heading-block" }, h("div", { key: 'e412daa7808e33aa993b784df05d0df507bc3606', class: "heading-title" }, h("slot", { key: 'd937a0672f5ad930b50eb5f34da4cf375c364859', name: "menu-button" }, this.renderMenuButton()), !this._stuck && this.renderProductLogos(), h("div", { key: '730715ab6cf2b63b7567441f1cedff6c99ddc0a3', class: "title-container" }, !this.isMobile && this.renderTopSubtitle(), h("slot", { key: '3d529b926b94ff5f84d50076b62d3cd4c17d8f9a', name: "title" })), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.isMobile && this.renderTopSubtitle()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: '261e72b97ce25fe5e7568eb1ec80a070ee493236', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '8a015467b1b15a618bc79b476c42c888537ed745', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: 'd25ac9139704729b1a108eabcc7f9eb39fec2771', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
     }
     static get is() { return "z-app-header"; }
     static get encapsulation() { return "shadow"; }
@@ -370,7 +365,7 @@ export class ZAppHeader {
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": "Visible label for the search bar."
@@ -378,7 +373,8 @@ export class ZAppHeader {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "search-label"
+                "attribute": "search-label",
+                "defaultValue": "\"Cerca\""
             },
             "searchPlaceholder": {
                 "type": "string",
@@ -389,7 +385,7 @@ export class ZAppHeader {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Placeholder text for the search bar."
@@ -397,8 +393,7 @@ export class ZAppHeader {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "search-placeholder",
-                "defaultValue": "\"Cerca\""
+                "attribute": "search-placeholder"
             },
             "searchButtonLabel": {
                 "type": "string",
@@ -561,4 +556,3 @@ export class ZAppHeader {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/z-app-header/styles.css

@@ -156,6 +156,7 @@
 }
 
 .search-page-button {
+  align-self: end;
   margin-left: auto;
 }
 
@@ -193,21 +194,7 @@
 
 z-searchbar {
   z-index: 0;
-  display: flex;
   width: 100%;
-  align-items: center;
-}
-
-.search-slot {
-  margin-left: auto;
-}
-
-.search-slot .z-label {
-  height: 10px;
-  padding-bottom: 0;
-  margin-bottom: -3px;
-  font-size: 10px;
-  line-height: 10px;
 }
 
 .heading-stuck {
@@ -236,6 +223,7 @@ z-searchbar {
   --title-line-height: 1.4;
 
   overflow: hidden;
+  width: initial;
   align-items: center;
 }
 
@@ -365,7 +353,10 @@ z-offcanvas[open] .drawer-content ::slotted(z-menu) {
   }
 
   z-searchbar {
-    height: calc(var(--title-font-size) * var(--title-line-height));
+    width: 260px;
+    min-width: 260px;
+    align-self: end;
+    padding-bottom: var(--space-unit);
     margin-left: auto;
   }
 
@@ -399,6 +390,10 @@ z-offcanvas[open] .drawer-content ::slotted(z-menu) {
     padding: 6px var(--grid-margin);
   }
 
+  .heading-stuck .search-page-button {
+    padding-bottom: var(--space-unit);
+  }
+
   :host(:not([enable-offcanvas], [menu-length="0"])) {
     padding-left: 0;
   }
@@ -406,12 +401,9 @@ z-offcanvas[open] .drawer-content ::slotted(z-menu) {
 
 /* Desktop breakpoint */
 @media (min-width: 1152px) {
-  .search-slot {
-    height: 53px;
-  }
-
   z-searchbar {
-    min-width: calc(var(--space-unit) * 45);
+    width: 380px;
+    min-width: 380px;
   }
 }
 

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

@@ -6,7 +6,7 @@ export class ZAriaAlert {
         this.mode = ZAriaAlertMode.POLITE;
     }
     render() {
-        return (h(Host, { key: '08ea2a5fcd4fed8c592ebffbcf6f108444cdae09', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: 'dabf388e8dee86e912d2f62f54634dcef6e63dab' })));
+        return (h(Host, { key: 'e8f8112449c5d6206a2b586cdc506544331ae029', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: 'dc7b7a918bd5cf2add1b508d92d2fdf7f13e462a' })));
     }
     static get is() { return "z-aria-alert"; }
     static get properties() {
@@ -41,4 +41,3 @@ export class ZAriaAlert {
         };
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -25,10 +25,10 @@ export class ZAvatar {
         }
     }
     render() {
-        return (h(Host, { key: '4c19eb378e7f4c493fc57b9775de2b8304cbab72', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        return (h(Host, { key: 'ee05f224fa5f7bb66461a9117165a2e948f3c7d8', 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: '960af3c8fdd28dab045384b97835ea6c8cc9c6af' }, this.text.substring(0, 2)), this.image && (h("img", { key: '694fef396af746eb13df05dac19774f68760324b', src: this.image, onError: () => (this.image = "") }))));
+            } }, this.text && !this.image && h("span", { key: '2e6ddb5ec15114e835a89ce4a4451bc5e04912eb' }, this.text.substring(0, 2)), this.image && (h("img", { key: '3035e0a49bbbd32810284f7e98dabb530eea2f09', src: this.image, onError: () => (this.image = "") }))));
     }
     static get is() { return "z-avatar"; }
     static get encapsulation() { return "shadow"; }
@@ -152,4 +152,3 @@ export class ZAvatar {
         };
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -18,7 +18,7 @@ export class ZBookCover {
     render() {
         var _a;
         const hasAlt = !!this.coverAlt;
-        return (h(Host, { key: '19d713edf2a0b117b471fe064fa16d51a1e8bf81' }, this.multiple && (h(Fragment, { key: '7c69878082009bd4102ed251f05ae6db7e980726' }, h("div", { key: 'c39c4a3a6fe2602ac597d85f588c4413f1d29406', class: "shifted-stack-cover stack-cover-2" }), h("div", { key: '591646101d58be78fc072017a61be9525d321e5e', class: "shifted-stack-cover stack-cover-1" }))), h("div", { key: '750c3a84b3a576ff0605f700eaaa0f7308b37223', class: "cover-container" }, h("img", { key: 'f4f11368327f9796c41c48966071178b886012d1', src: (_a = this.cover) !== null && _a !== void 0 ? _a : defaultFallbackCover, "aria-hidden": hasAlt ? undefined : "true", alt: hasAlt ? this.coverAlt : "", onError: () => (this.cover = this.fallbackCover || defaultFallbackCover) }), h("slot", { key: '77278d5002001b841be6c78d8277cfa4dd4ab100', name: "coverOverlay" }))));
+        return (h(Host, { key: 'ba63a781fe415431b9d2424cda3982257aa0d51f' }, this.multiple && (h(Fragment, { key: '4032683b1ce4707bdc619d880ba483cc719a96c4' }, h("div", { key: 'b9444ed0d0d9a810417cdb7c00c91ba484f21c13', class: "shifted-stack-cover stack-cover-2" }), h("div", { key: '38826e720f9d435dadf379bee5754e6c4933ee95', class: "shifted-stack-cover stack-cover-1" }))), h("div", { key: 'fddf6b95ad0df00c0d8fdb98c0454960119e64b7', class: "cover-container" }, h("img", { key: 'a6dc93555bf4785b66e8e0a2b400c75b59cf0802', src: (_a = this.cover) !== null && _a !== void 0 ? _a : defaultFallbackCover, "aria-hidden": hasAlt ? undefined : "true", alt: hasAlt ? this.coverAlt : "", onError: () => (this.cover = this.fallbackCover || defaultFallbackCover) }), h("slot", { key: 'e6dea0e631ff4ff619f9d8f4539c22ec8a9b7c0b', name: "coverOverlay" }))));
     }
     static get is() { return "z-book-cover"; }
     static get encapsulation() { return "shadow"; }
@@ -134,4 +134,3 @@ export class ZBookCover {
         };
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -205,10 +205,10 @@ export class ZBreadcrumb {
         ];
     }
     render() {
-        return (h(Host, { key: '21c4307fce9f47f07e2f981f6aa6a6c55c93bd52', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: '8e9e10a75e0659967e06479e62bdbb16585d41b9', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
+        return (h(Host, { key: '97fde01164aabe67be92366faced71943ab7a408', style: { "--line-clamp-popover": `${this.overflowMenuItemRows}` } }, h("nav", { key: 'a796a1f86e033f800854c5167759d6a2a5d8e621', ref: (val) => (this.wrapElement = val), "aria-label": "Breadcrumb", class: {
                 semibold: this.pathStyle === BreadcrumbPathStyle.SEMIBOLD,
                 underlined: this.pathStyle === BreadcrumbPathStyle.UNDERLINED,
-            } }, h("ol", { key: 'c34f110b205428e846187ece3fb1bece26b9a808' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
+            } }, h("ol", { key: 'db73fa39d5164c7360049905956e7d2a8d3c7b3a' }, this.viewPortWidth === Device.MOBILE ? this.renderMobileItems() : this.renderItems()))));
     }
     static get is() { return "z-breadcrumb"; }
     static get encapsulation() { return "shadow"; }
@@ -412,4 +412,3 @@ export class ZBreadcrumb {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -326,4 +326,3 @@ export class ZButton {
     }
     static get elementRef() { return "hostElement"; }
 }
-//# sourceMappingURL=index.js.map

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: 'acc7e3fa2e284b9b5b5d8f20f5d2f149c80b7e05', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: 'a50ff5723e5817d724206e0495e1b3f45b5f4c3f', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: '3962fb15112cb94ea958b607cb915f61f4adaa02', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: '23d06d6e51ce292b26e6e4bd7ee07aeb097f843f', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '35d3bd5bd3f84cf6e008b8c01a3d0dc995dc6f44', name: "caret-up-down", width: 16, height: 16 })));
+        return (h("button", { key: '4901f145f3f99b77a517436136f465701ab704b4', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, h("span", { key: '9b58a4d901c813de970cf47671f0817e46db1b97', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), h("span", { key: '2f41fcce8e401679195f8252b06fac2c6e6dc9f5', class: "counter" }, this.counter && ` (${this.counter})`), h("span", { key: 'ab012242e766809580745c9e0098349ab21bf785', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), h("z-icon", { key: '3afa2dd73bd8a770f2a17f981694c2d183c0ebb0', name: "caret-up-down", width: 16, height: 16 })));
     }
     static get is() { return "z-button-sort"; }
     static get encapsulation() { return "shadow"; }
@@ -234,4 +234,3 @@ export class ZButtonSort {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -159,4 +159,3 @@ export class ZCard {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=index.js.map

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

@@ -408,4 +408,3 @@ export class ZCarousel {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -10,12 +10,12 @@ export class ZChip {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: '7c193d4f98e2caddd979a9583099e50d710f36a0', class: {
+        return (h("div", { key: '23853441cd7006f2eb0beb6fc3b5d25c41b6ade5', class: {
                 "z-chip-container": true,
                 "z-chip-interactive": !!this.interactiveIcon,
                 [this.type]: true,
                 [this.variant]: true,
-            }, "aria-disabled": this.disabled ? "true" : undefined }, this.icon && h("z-icon", { key: 'cf16aec1373dbab96a6631e842bab6d1819ff7fb', name: this.icon }), h("slot", { key: 'b2bead0fa564bda7098aaa89b277fa113c0af783' }), this.interactiveIcon && (h("button", { key: '2ae74ae46a7a47b646eb36dae752b5eaee95af7e', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.htmlAriaLabel || undefined, disabled: this.disabled }, h("z-icon", { key: '64a298c0312904caf16112d2f3816732262dd0ed', class: "interactive-icon", name: this.interactiveIcon })))));
+            }, "aria-disabled": this.disabled ? "true" : undefined }, this.icon && h("z-icon", { key: '2e15a55af9f47daad505ad39145bc1c9e49a30fe', name: this.icon }), h("slot", { key: 'aa8563156675268280998ac5a8f7174f9b367ee8' }), this.interactiveIcon && (h("button", { key: 'c21d0b09976bf7875f8c974d1e521e0dff0ab03b', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.htmlAriaLabel || undefined, disabled: this.disabled }, h("z-icon", { key: '4e67ed78a85e1de337d6c44a673fdf5788ff619e', class: "interactive-icon", name: this.interactiveIcon })))));
     }
     static get is() { return "z-chip"; }
     static get encapsulation() { return "scoped"; }
@@ -184,4 +184,3 @@ export class ZChip {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=index.js.map

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

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

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

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

package/dist/collection/components/z-combobox/styles.css

@@ -21,7 +21,7 @@
   border: var(--border-size-small) solid var(--color-form-surface04);
   margin: 0;
   background-color: var(--color-form-background);
-  border-radius: var(--border-radius-small);
+  border-radius: var(--border-radius);
   cursor: pointer;
 }
 
@@ -62,7 +62,7 @@
 
 :host > div.open > .header {
   border: var(--border-size-small) solid var(--color-form-active-primary);
-  border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
+  border-radius: var(--border-radius) var(--border-radius) 0 0;
 }
 
 :host > div.disabled {
@@ -94,7 +94,7 @@
   border: var(--border-size-small) solid var(--color-form-surface03);
   border-top: 0;
   background-color: var(--color-form-background);
-  border-radius: 0;
+  border-radius: 0 0 var(--border-radius) var(--border-radius);
   box-shadow: var(--shadow-2);
 }
 

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

@@ -44,9 +44,9 @@ export class ZCoverHero {
         return (h("div", { class: "content-container" }, h("slot", { name: "content" })));
     }
     render() {
-        return (h(Host, { key: '5d8f0ff86c4f61801555706767835826779e2d0b' }, this.variant === CoverHeroVariant.STACKED &&
+        return (h(Host, { key: 'a8467e3141609a15536a5e0805ade8bbdca23a64' }, this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.TOP &&
-            this.renderContent(), h("div", { key: '00a33a61d3ddfc4302a31880a3ebfba515d12949', class: "main-container" }, h("div", { key: 'd29ac7e60460e9ce8f1f5db797c63eb5dbe11ab1', class: "cover-container" }, h("slot", { key: '82750e41966c1aa21c5bc775e570806981f56fa9', name: "cover" })), h("slot", { key: '39b1a8e46a32cbb7dcbbc23ce8a404994515ddf3', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
+            this.renderContent(), h("div", { key: '34550c52a4aa77325a812e1c85613dba35f15f6e', class: "main-container" }, h("div", { key: '7f343b454f06bb5857c34a097ac584d16fdf6f59', class: "cover-container" }, h("slot", { key: '4c3e84125ab060c85772298c3aa506e4b5f8f591', name: "cover" })), h("slot", { key: '348ac0f4582c0ae537d6e08fb08310dca5827bea', name: "info-reveal" }), this.variant === CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === CoverHeroVariant.STACKED &&
             this.contentPosition === CoverHeroContentPosition.BOTTOM &&
             this.renderContent()));
     }
@@ -151,4 +151,3 @@ export class ZCoverHero {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -10,7 +10,7 @@ export class ZDivider {
         this.orientation = DividerOrientation.HORIZONTAL;
     }
     render() {
-        return (h(Host, { key: 'f9bb5c1265d8a154ca6cb3bb88150700bfa1bd4e', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+        return (h(Host, { key: '59fdece3992477aa6ce69aa018ff0741978afcb1', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
     }
     static get is() { return "z-divider"; }
     static get encapsulation() { return "scoped"; }
@@ -103,4 +103,3 @@ export class ZDivider {
         };
     }
 }
-//# sourceMappingURL=index.js.map

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: '6cccad2dd44ef74ed0e09e70242b40e97a025019' });
+        return h(Host, { key: 'b1c177e57e4cdfc90113ae87fdee508edb2398d1' });
     }
     static get is() { return "z-ghost-loading"; }
     static get encapsulation() { return "shadow"; }
@@ -16,4 +16,3 @@ export class ZGhostLoading {
         };
     }
 }
-//# sourceMappingURL=index.js.map

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

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

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

@@ -13,7 +13,7 @@ export class ZInfoBox {
         this.infoBoxClose.emit({ boxid: this.boxid });
     }
     render() {
-        return (h(Host, { key: '4cd2008ec9cd85fe976cca7f4e1d89c53b5dc538', id: this.boxid }, h("div", { key: 'aac0bd67dedd12740d3b14af25b17d90b96341a2', class: "main-content" }, this.leftIcon && (h("div", { key: '2df226b5e1569ee41e282fa9d4d69df82d25278f', class: "left-icon" }, h("z-icon", { key: '421f5d58e5db25f17f2b5402138899ccc36d81cf', name: this.leftIcon }))), h("slot", { key: '75eca851c2ae4febe1dbd1498333947e591a2e85', name: "content" }), this.isclosable && (h("button", { key: '3b88257dd4ad70c58ef7c04628dc644b87c69659', class: "close-button", "aria-label": this.closeButtonAriaLabel, onClick: () => this.emitInfoBoxClose() }, h("z-icon", { key: 'ed577a2e5ec651ee872b2872f81153d5ec73700f', name: "multiply" })))), h("slot", { key: '631ba8f5dcf905ca4225c3f94f6427d42be87551', name: "additional-content" })));
+        return (h(Host, { key: '941ce7f2fe8dd4273ebd60b5d3ad6fc41153975c', id: this.boxid }, h("div", { key: 'b2ab0c1220b7d9a11b719f5c261b256e79db7f5e', class: "main-content" }, this.leftIcon && (h("div", { key: '0ab9812f4ab3d060b0b19ec7a8899750ab9c2152', class: "left-icon" }, h("z-icon", { key: 'fbd9db893abba33a23a928625789ce5bb8aad9c3', name: this.leftIcon }))), h("slot", { key: 'c7dcb26d5ed88d1d961704e601f4c4b862757d76', name: "content" }), this.isclosable && (h("button", { key: 'e99216af6d38fea2c4e19e57036c6e88ab650502', class: "close-button", "aria-label": this.closeButtonAriaLabel, onClick: () => this.emitInfoBoxClose() }, h("z-icon", { key: '24501ab7c3c747aa093e7374c8f7af1cd6e98c19', name: "multiply" })))), h("slot", { key: 'fa0efb767218a7a26c24cf54f4bfb011c08ccde7', name: "additional-content" })));
     }
     static get is() { return "z-info-box"; }
     static get encapsulation() { return "shadow"; }
@@ -135,4 +135,3 @@ export class ZInfoBox {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -54,7 +54,7 @@ export class ZInfoReveal {
         }
     }
     render() {
-        return (h(Host, { key: '93a959f87536a8719056395c0313d2c4eb80933a', open: this.open }, h("button", { key: 'dafb2a601e255dbe468ad314d36b2bad372205e3', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.htmlAriaLabel || undefined : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '47a514d2aec089a9888499e01320fa0c94cb8435', name: this.icon }), this.label && h("span", { key: 'e7b67263087a9055b9938c9f3c7a24a0feb42e36', class: "z-info-reveal-label" }, this.label)), h("div", { key: 'fdf7b368c7c62781ac4c62149044c3f8f8b93888', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: '3ff5c03cda7bc30f5f5b2717730cf426c84791be' }), h("button", { key: '1fe310525e1591791dce2d271141bf2b7f09ef92', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '54aff13bb4c09562bb51350e36beaf4c7aca00c2', name: "multiply" })))));
+        return (h(Host, { key: 'a17eade11bb03b087b94b47e8f2232870ebcc31c', open: this.open }, h("button", { key: 'c426d62e2ac8e362b343e665ae6a641c3833c234', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.htmlAriaLabel || undefined : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && h("z-icon", { key: '2d93750e8a45a57a1ca3e8ae3510d8ad68ad7fec', name: this.icon }), this.label && h("span", { key: 'ecafc40fb1a65b3a2b7525a9b1b4f57e50e5bd95', class: "z-info-reveal-label" }, this.label)), h("div", { key: '1528cfab126f69091886760bf8eadf6cc92d2134', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, h("slot", { key: '71736de1992142746e1ead583aad1ded7ea5e4a0' }), h("button", { key: 'cbe6e1671bdc2503a137f01a41a9194ff8cb6a6b', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, h("z-icon", { key: '5d2a752ad271c6a66f2c0dadb17eab9577d4ed88', name: "multiply" })))));
     }
     static get is() { return "z-info-reveal"; }
     static get encapsulation() { return "shadow"; }
@@ -216,4 +216,3 @@ export class ZInfoReveal {
             }];
     }
 }
-//# sourceMappingURL=index.js.map