@zanichelli/albe-web-components 19.2.6 → 19.2.7

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

@@ -1,7 +1,7 @@
 :host {
   --z-searchbar-tag-text-color: var(--color-primary03);
   --z-searchbar-tag-bg: var(--color-hover-primary);
-  --z-searchbar-item-height: 44px;
+  --z-searchbar-item-height: 2.75rem;
 
   z-index: 15;
   display: flex;
@@ -11,16 +11,12 @@
 }
 
 :host,
-* {
+*,
+::after,
+::before {
   box-sizing: border-box;
 }
 
-:host::part(list-item-container) {
-  display: block;
-  min-height: unset;
-  padding: 0;
-}
-
 .input-container {
   position: relative;
   display: flex;
@@ -28,199 +24,151 @@
   flex-direction: column;
 }
 
-.results-wrapper {
-  position: absolute;
-  top: calc(100% - 1px);
-  left: 0;
-  width: 100%;
-  padding: calc(var(--space-unit) / 4);
-  border: var(--border-size-small) solid var(--color-surface03);
-  border-top: none;
-  background: var(--color-surface01);
+.input-container z-input {
+  z-index: 1;
 }
 
 .results {
+  --item-icon-size: 1rem;
+  --z-icon-height: var(--item-icon-size);
+  --z-icon-width: var(--item-icon-size);
+  --item-inline-padding: calc(var(--space-unit) * 1.5);
+  --item-col-gap: var(--space-unit);
+
+  position: absolute;
+  top: calc(100% - 1px);
+  left: 0;
   overflow: auto;
+  width: 100%;
   max-height: var(--z-searchbar-results-height, 540px);
-  padding: calc(var(--space-unit) / 2) calc(var(--space-unit) * 1.5);
-}
-
-.results::-webkit-scrollbar {
-  width: 6px;
-  background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);
-}
-
-.results::-webkit-scrollbar-thumb {
-  background-color: var(--color-primary01);
-}
-
-.results::-webkit-scrollbar-thumb:hover {
-  background-color: var(--color-hover-primary);
-}
-
-/* Firefox scrollbar */
-@supports not selector(.results::-webkit-scrollbar-track) {
-  .results {
-    scrollbar-color: var(--color-primary01) transparent;
-  }
+  border: var(--border-size-small) solid var(--color-form-surface03);
+  border-top: none;
+  background: var(--color-form-background);
 }
 
-.results .category-heading {
-  display: block;
-  font-size: var(--font-size-2);
-  font-weight: var(--font-rg);
-  line-height: var(--font-size-3);
-}
+.results z-list-element {
+  --background-color-list-element: var(--color-form-background);
 
-.results .category-heading > * {
+  position: relative;
   display: block;
 }
 
-.results .category-heading > .category {
-  color: var(--color-text05);
-  font-style: italic;
+.results > z-list > z-list-element::part(list-item-container) {
+  padding: 0 var(--item-inline-padding);
 }
 
-.results .category-heading > .subcategory {
-  margin-top: var(--space-unit);
-  color: var(--color-default-text);
-  text-transform: uppercase;
-}
-
-.results z-list-element {
+.results z-list-element > .list-item {
   position: relative;
-  display: block;
-}
-
-z-list-element > .item-search {
-  padding: var(--space-unit) 0;
+  display: flex;
+  align-items: center;
+  padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) / 4);
+  background-color: transparent;
+  color: var(--color-form-default-text);
+  fill: var(--color-form-default-icon);
+  gap: var(--item-col-gap);
 }
 
-z-list z-list-element::before {
-  position: absolute;
-  z-index: 100;
-  top: 5px;
-  left: -20px;
-  width: 8px;
-  height: 1em;
-  border-bottom: 1px solid var(--color-disabled01-icon);
-  border-left: 1px solid var(--color-disabled01-icon);
-  content: "";
+.results z-list-element > .list-item:hover {
+  background-color: var(--gray100); /* TODO: use correct form-related token when available */
   cursor: pointer;
 }
 
-z-list z-list-element::after {
-  position: absolute;
-  z-index: 100;
-  top: 5px;
-  left: -20px;
-  width: 8px;
-  height: 100%;
-  border-left: 1px solid var(--color-disabled01-icon);
-  content: "";
-  cursor: pointer;
+.results z-list-element > .list-item:focus-visible {
+  z-index: 1;
+  box-shadow: var(--shadow-focus-primary);
+  outline: none;
 }
 
-z-list z-list-element:last-child::after {
-  display: none;
+/* list elements separator */
+.results > z-list > z-list-element:not(:last-child) > .list-item,
+.results z-list-group:not(:last-child) > z-list-element:not(.category-heading) {
+  border-bottom: 1px solid var(--color-form-surface03);
 }
 
-z-list > z-list-element::before,
-z-list > z-list-element::after,
-z-list > z-list-group > z-list-element::before,
-z-list > z-list-group > z-list-element::after {
-  display: none;
+.results z-list-group {
+  padding: 0 var(--item-inline-padding);
 }
 
-z-list > div.children-node {
-  padding-left: calc(var(--space-unit) * 3);
+.results z-list-group > z-list-element::part(list-item-container) {
+  padding: 0;
 }
 
-.results z-list-element > .list-element {
-  display: flex;
-  justify-content: space-between;
-  padding: calc(var(--space-unit) * 1.25) 0;
-  cursor: pointer;
+.results .sub-list {
+  padding-left: calc(var(--item-icon-size) + var(--item-col-gap));
 }
 
-.results z-list-element > .list-element:focus-visible {
-  box-shadow: var(--shadow-focus-primary);
-  outline: none;
+.results .sub-list z-list-element::part(list-item-container) {
+  padding: 0;
 }
 
-.results z-list-element > .list-element .item.ellipsis {
-  overflow: hidden;
+.results .sub-list z-list-element > .list-item {
+  position: relative;
 }
 
-.results z-list-element .list-element::after {
+/* tree indicators */
+.results .sub-list > z-list-element:not(:last-child)::before,
+.results .sub-list > z-list-element > .list-item::before {
   position: absolute;
   top: 0;
-  right: 0;
-  display: block;
-  width: 100%;
-  height: 44px;
+  left: calc(0px - var(--item-col-gap) - var(--item-icon-size) / 2 + 1px);
+  border-left: 1px solid var(--color-form-surface03);
   content: "";
-  transform: translateX(-100%);
 }
 
-.results z-list-element .list-element.focused.hovered::after {
-  padding-left: 6px;
+/* "|" tree indicator */
+.results .sub-list > z-list-element:not(:last-child)::before {
+  top: -4px;
+  height: calc(100% + 4px);
 }
 
-.results z-list-element > .list-element:hover,
-.results z-list-element > .list-element:hover::after {
-  background-color: var(--color-background);
-  cursor: pointer;
+/* "—" tree indicator */
+.results .sub-list z-list-element > .list-item::before {
+  width: 14px;
+  height: calc(var(--z-searchbar-item-height) / 2);
+  border-bottom: 1px solid var(--color-form-surface03);
 }
 
-.results z-list-element > .list-element > z-tag {
-  border: 1px solid var(--gray800);
-  font-size: var(--font-size-1);
-  font-weight: var(--font-sb);
-
-  --z-tag-bg: var(--z-searchbar-tag-bg);
-  --z-tag-text-color: var(--z-searchbar-tag-text-color);
+.results .category-heading > .category {
+  font-style: italic;
 }
 
-.results .item {
-  --z-icon-height: 12px;
-  --z-icon-width: 12px;
+.results .category-heading > .subcategory {
+  text-transform: uppercase;
+}
 
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: center;
-  justify-content: flex-start;
-  color: var(--color-default-text);
-  column-gap: calc(var(--space-unit) * 1.5);
-  fill: var(--color-default-icon);
-  font-size: var(--font-size-2);
-  line-height: var(--font-size-6);
+.results z-list-element > .list-item .ellipsis {
+  overflow: hidden;
 }
 
-.results .item.ellipsis > .item-label {
+.results .ellipsis > .item-label {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.results .item > .item-label mark {
+.results .item-label mark {
   background: var(--color-primary03);
+  color: var(--color-default-text);
 }
 
-.results .item.item-search {
-  --z-icon-height: 16px;
-  --z-icon-width: 16px;
+.results .list-item > z-tag {
+  --z-tag-bg: var(--z-searchbar-tag-bg);
+  --z-tag-text-color: var(--z-searchbar-tag-text-color);
+
+  margin-left: auto;
+  white-space: nowrap;
 }
 
 .results .item-show-all {
+  width: 100%;
+  color: var(--color-primary01);
+  cursor: pointer;
   text-align: center;
 }
 
 .results .item-no-results {
   display: block;
-  font-size: var(--font-size-2);
   font-style: italic;
-  line-height: var(--font-size-5);
 }
 
 .results .item-no-results > ul {
@@ -228,70 +176,8 @@ z-list > div.children-node {
   margin: var(--space-unit);
 }
 
-/* Tablet breakpoint */
 @media (min-width: 768px) {
-  .results .category-heading {
-    font-size: var(--font-size-3);
-    line-height: var(--font-size-6);
-  }
-
-  .results .item {
-    font-size: var(--font-size-3);
-    line-height: var(--font-size-6);
-  }
-
-  .results .item.item-search {
-    --z-icon-height: 18px;
-    --z-icon-width: 18px;
-  }
-
-  .results .item.ellipsis > .item-label {
-    height: 1.5rem;
-  }
-
-  .results z-list-element > .list-element > z-tag {
-    min-width: max-content;
-  }
-}
-
-/* Desktop breakpoint */
-@media (min-width: 1152px) {
-  .results .item {
-    cursor: pointer;
-  }
-
-  .results .item-no-results {
-    cursor: default;
-    font-size: var(--font-size-3);
-    line-height: var(--font-size-6);
+  .results {
+    --item-icon-size: 1.125rem;
   }
 }
-
-:host([size="small"]) .results :is(.item, .category-heading),
-:host([size="x-small"]) .results :is(.item, .category-heading) {
-  font-size: var(--font-size-2);
-}
-
-:host([size="small"]) .results .item:not(.has-category),
-:host([size="x-small"]) .results .item:not(.has-category) {
-  --z-icon-height: 16px;
-  --z-icon-width: 16px;
-}
-
-:host([size="small"]) z-list-element > .list-element,
-:host([size="small"]) z-list-element > .item-search {
-  padding: calc(var(--space-unit) * 0.75) 0;
-}
-
-:host([size="x-small"]) z-list-element > .list-element,
-:host([size="x-small"]) z-list-element > .item-search {
-  padding: calc(var(--space-unit) / 2) 0;
-}
-
-:host([size="small"]) z-list-element .list-element::after {
-  height: 36px;
-}
-
-:host([size="x-small"]) z-list-element .list-element::after {
-  height: 32px;
-}

package/dist/collection/components/z-skip-to-content/index.js

@@ -45,7 +45,7 @@ export class ZSkipToContent {
         this.visible = false;
     }
     render() {
-        return (h(Host, { key: '453b88d07dba674089b87d0e203154d57967ae20', class: {
+        return (h(Host, { key: 'b0c2efcd257373ca8473d2f8135dc5c5d69e6d8f', class: {
                 [this.variant]: true,
                 "skip-to-content-visible": this.visible,
             } }, this.links.map((link, i) => {

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

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class ZStepper {
     render() {
-        return (h(Host, { key: 'ebb63998048529b08157000dd0b6e444732ccb28', role: "navigation" }, h("slot", { key: '14743c8ee6a293c944b32b522ff78e763be263c2' })));
+        return (h(Host, { key: '31e5a5533c2aa92a12e0799f0fe576eb0e22d75e', role: "navigation" }, h("slot", { key: '7851acea6ba207cec933a7565542c5793104ece2' })));
     }
     static get is() { return "z-stepper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-stepper-item/index.js

@@ -8,7 +8,7 @@ export class ZStepperItem {
         return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
     }
     render() {
-        return (h(Host, { key: '7aa1de5d716837aadddf7f403322ff3cd296848e', role: "listitem" }, h("button", Object.assign({ key: 'beb11602a3c794d7a745ab82a58d033b6e0752e5', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '892e9dc3c317594f13616a6f3581ad2451721cf1', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: '4e91ebaf7ed054394482485c8a67c973a783ed48' }, h("slot", { key: '7faef9a6f126d000f742e4e8a58d6b37cdf48504' })))));
+        return (h(Host, { key: '0cb2bcffcfb910b70307e5a7b04492e7203887f9', role: "listitem" }, h("button", Object.assign({ key: '01af9b8559a9fb830cb4ff5e9b5af414c518e720', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '94ef13762bc9ce63b8bfdb98c39a720a2037efa7', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: '2bb267586d494bf4dcecdcfe3efd11586a3457b3' }, h("slot", { key: 'f8b3457eeb4addc3188c09e3b6fdd4817064158b' })))));
     }
     static get is() { return "z-stepper-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-toast-notification/index.js

@@ -151,19 +151,19 @@ export class ZToastNotification {
         }
     }
     render() {
-        return (h(Host, { key: 'e0a58f45156d16fb3ec1cac2e4a13e6bdaf719b7', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
+        return (h(Host, { key: '6d582aa79426417081842e17e0ccb61fffec81a0', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
                 if (this.autoclose && e.animationName.includes("slidein")) {
                     this.startClosingTimeout(this.autoclose);
                 }
                 if (e.animationName.includes("slideout")) {
                     this.hostElement.parentNode.removeChild(this.hostElement);
                 }
-            } }, h("div", { key: 'dc37f25eddcc763014c01766f43fba82ed54eb64', class: "toast-notification-container" }, h("div", { key: '3b832ddf285d2f203a5172ea20c221d7c5fecf8b', class: "toast-notification-content" }, h("div", { key: 'b701ba1ea667e98092b858cd31275f8beb1cf89a', class: "toast-notification-text" }, this.heading && h("span", { key: '643748547bf51bbb5ffeae968e9a6f5fb1f8db1e', class: "title" }, this.heading), h("span", { key: '2c1d2f616dc9c34b847732af066a0750e1ea49a2', class: "message" }, h("slot", { key: 'fea0d0b716ff11a64eeb98d2013da6887eeb5c99', name: "message" }, this.message && h("span", { key: '5867861be21564191c97f7cabace3c33645b4cd2', innerHTML: DOMPurify.sanitize(this.message) })))), h("div", { key: '3405e83126816b47017f59da2bd95a8195c30a25', class: "button-container", hidden: !this.hasSlottedButton }, h("slot", { key: '821f8f8ce998969cf16323c72c151c5dc0a72d62', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (h("button", { key: 'c3e84a06feaf5632d0733971786dc824b2fa3ab6', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
+            } }, h("div", { key: '3b509ad43470b3bd5ceec401d28ce887a7f1de10', class: "toast-notification-container" }, h("div", { key: '7caaa8f330f15214c827eb89666ea2fdbbde3920', class: "toast-notification-content" }, h("div", { key: '49ad47ccf665b0bbcdbf94430cc2dab1e05219ab', class: "toast-notification-text" }, this.heading && h("span", { key: 'c2ea1e161d8c6bbefc9cff2ff27eadc713f5c133', class: "title" }, this.heading), h("span", { key: 'f93072a79ae141440445746ad654de84b50d2441', class: "message" }, h("slot", { key: '09d8108c415599d93b67925496fd52416fac4907', name: "message" }, this.message && h("span", { key: '011e00ae54cee5a33059cef9760576781c63f737', innerHTML: DOMPurify.sanitize(this.message) })))), h("div", { key: '67bde6f049f31a6b4e7d84c720b036f974bedba7', class: "button-container", hidden: !this.hasSlottedButton }, h("slot", { key: 'c92a7087e89012ee690c8e41577ccee412be112f', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (h("button", { key: '41198c2a426c339046948b8969d3002aee7607c3', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
                 if (e.code == KeyboardCode.SPACE || e.code == KeyboardCode.ENTER) {
                     e.preventDefault();
                     this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true);
                 }
-            } }, h("z-icon", { key: '67397c893a19e479e6f76e5c1428ce301f12416e', name: "multiply-circled" }))))));
+            } }, h("z-icon", { key: '3316d0e9e999039cd99eb96faa37c81219e5617b', name: "multiply-circled" }))))));
     }
     static get is() { return "z-toast-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -39,7 +39,7 @@ export class ZToastNotificationList {
         }
     }
     render() {
-        return h("slot", { key: '9c4418dc9b3f94c7fb935bc5544338c54a974910', name: "toasts" });
+        return h("slot", { key: '8219e6e96e73aee72df4e2d8d2e0e9155e8f7a2e', name: "toasts" });
     }
     static get is() { return "z-toast-notification-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,10 +16,10 @@ export class ZToggleButton {
         this.toggleClick.emit(this.opened);
     }
     render() {
-        return (h("button", { key: '246d3cb54f0af334717c38005e7494388420e2fd', tabindex: this.avoidclick ? "-1" : "0", class: {
+        return (h("button", { key: '3448d665412b78c55f77951e408df8abaa158803', tabindex: this.avoidclick ? "-1" : "0", class: {
                 "isopen": this.opened,
                 "avoid-clicks": this.avoidclick,
-            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: 'a971c5521659db9d407f39592907e9ad9e755cf5', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
+            }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { key: '4514f07522fc6ecfced03793a5bc58e7c8f185e8', name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
     }
     static get is() { return "z-toggle-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-toggle-switch/index.js

@@ -26,14 +26,14 @@ export class ZToggleSwitch {
         this.emitToggleClick();
     }
     render() {
-        return (h(Host, { key: 'a71496b0436b37aaf6b0af879bae53be6a627efa' }, h("input", { key: '716eec97479d25139fe00b144a58d26941ded2a3', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '8907147d34ed7b1c944936e1c3e73519ef77f00b', htmlFor: this.htmlid, class: {
+        return (h(Host, { key: 'd31f156ba646f113f8f2509afdaee3e79fdb33f7' }, h("input", { key: '48a3963dd555c00867816af0169ed677dc4ccc68', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '3872377775f759727b62288794555cd84e60b12c', htmlFor: this.htmlid, class: {
                 [this.labelPosition]: true,
                 disabled: this.disabled,
-            } }, h("span", { key: 'c3a9dc659fee0c089799a011568b2df707f62c34' }, h("slot", { key: '68be5cec64b7d973bd40d59be54580170bd7ec5e' })), h("span", { key: '206640ff4c480d2923f8c99b80093b8bf08ee68a', class: {
+            } }, h("span", { key: 'b46cb8e359cdb11e696a116661659c9872d49a1e' }, h("slot", { key: '42fc26c0ced09c5fdda062735fe543b8cb57a658' })), h("span", { key: 'b55f0fbd2ff23f01c1ac0b845c6af5571d81c13f', class: {
                 container: true,
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, h("span", { key: '31d158040dfc2cb2e605ee5271cd1b992016c1e2', class: "circle" }, this.checked && (h("z-icon", { key: '2d45f7c22746d2db091e0ee2096b3f580064e8aa', width: 12, height: 12, name: "checkmark" })))))));
+            } }, h("span", { key: '87bc69be905d84458fec5384f756348a94e446fe', class: "circle" }, this.checked && (h("z-icon", { key: '4464b2bf8aa91a7c0c5c9e2bff26e84ff7c34be2', width: 12, height: 12, name: "checkmark" })))))));
     }
     static get is() { return "z-toggle-switch"; }
     static get encapsulation() { return "scoped"; }

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

@@ -182,10 +182,10 @@ export class ZTool {
         (_a = this.mql) === null || _a === void 0 ? void 0 : _a.removeEventListener("change", this.onMobileViewChange);
     }
     render() {
-        return (h(Host, { key: '1a87f70e20dca23bc4207f03aa1cd933c5fa668e', class: { "z-tool-tooltip-open": this.tooltipOpen } }, h("button", { key: 'df7f4ad8a47dee955b9c4c249354fa114410409d', class: "z-tool", type: "button", ref: (el) => (this.buttonRef = el), "aria-pressed": this.hasSlottedContent ? undefined : this.active ? "true" : "false", "aria-expanded": this.hasSlottedContent ? (this.open ? "true" : "false") : undefined, "aria-haspopup": this.hasSlottedContent ? "true" : undefined, "aria-label": this.htmlAriaLabel || this.tooltip || undefined, disabled: this.disabled, onClick: this.handleClick, onMouseEnter: this.handleTooltipOpen, onMouseLeave: this.handleTooltipClose, onFocus: this.handleTooltipOpen, onBlur: this.handleTooltipClose }, h("z-icon", { key: '43bd668b9d58377caa755e7eeaf68e3381b036f0', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (h("z-tooltip", { key: 'a86766b86ee4cf878f5a48f48e135b8cd3092f3a', class: "z-tool-tooltip", ref: (el) => (this.tooltipRef = el), bindTo: this.iconRef, open: this.tooltipOpen && !this.open, position: this.isNested ? PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, h("span", { key: '91ddd32599a6a6a3b4fbf34fb69fdabff0dbbda9', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (h("z-popover", { key: 'ec7b937f451db4a1b206b386d6f199b5cf71117d', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
+        return (h(Host, { key: 'f5da5cd309607dc94dd12a28596b2ea02d28ba4c', class: { "z-tool-tooltip-open": this.tooltipOpen } }, h("button", { key: 'be63d078b5035ba1f08c480c8c08f365b3115191', class: "z-tool", type: "button", ref: (el) => (this.buttonRef = el), "aria-pressed": this.hasSlottedContent ? undefined : this.active ? "true" : "false", "aria-expanded": this.hasSlottedContent ? (this.open ? "true" : "false") : undefined, "aria-haspopup": this.hasSlottedContent ? "true" : undefined, "aria-label": this.htmlAriaLabel || this.tooltip || undefined, disabled: this.disabled, onClick: this.handleClick, onMouseEnter: this.handleTooltipOpen, onMouseLeave: this.handleTooltipClose, onFocus: this.handleTooltipOpen, onBlur: this.handleTooltipClose }, h("z-icon", { key: 'a08b5432871a1522374633050a835bb18001a6d6', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (h("z-tooltip", { key: '9e0fa11a43662f333404543e315b097aa96ab08c', class: "z-tool-tooltip", ref: (el) => (this.tooltipRef = el), bindTo: this.iconRef, open: this.tooltipOpen && !this.open, position: this.isNested ? PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, h("span", { key: 'bfc2be83824830ed05b70f423e9f044015624f49', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (h("z-popover", { key: '717697756e5333f066f96c96695cd9741b006e93', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
             /* disable auto-close to prevent unwanted close behaviors on mobile,
             when the bound element is the main toolbar */
-            closable: false, position: this.isMobile ? PopoverPosition.TOP : PopoverPosition.BOTTOM }, h("slot", { key: '85e016cb92ce6c7356afa7f93bbdd278ab3ff88e' })))));
+            closable: false, position: this.isMobile ? PopoverPosition.TOP : PopoverPosition.BOTTOM }, h("slot", { key: 'd151d02e38fb7a0941012ec969b6cea647721846' })))));
     }
     static get is() { return "z-tool"; }
     static get encapsulation() { return "shadow"; }

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

@@ -133,7 +133,7 @@ export class ZToolbar {
         }
     }
     render() {
-        return (h(Host, { key: 'd766b9377953f92994c693221a9ea7c5104cd1c6', role: "toolbar", "aria-label": this.htmlAriaLabel }, h("slot", { key: '37d3079836475575d0267725589798a39025a517', onSlotchange: () => {
+        return (h(Host, { key: '9f77e33a2a5e3566137ca23c4a41526b58b46515', role: "toolbar", "aria-label": this.htmlAriaLabel }, h("slot", { key: 'a62af35ef54781baee92f865a969a8642ce58703', onSlotchange: () => {
                 this.collectToolItems();
                 this.updateTabIndexes();
             } })));

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

@@ -29,7 +29,7 @@ export class ZTooltip {
         this.open = this.popoverEl.open;
     }
     render() {
-        return (h("z-popover", { key: '21236ca0162a4ce1c7d1c6adfd052332e8a566b8', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, h("slot", { key: 'fb78016230d9246043c60bd22e1ed7c6baa4d78d' })));
+        return (h("z-popover", { key: '0cc1e8ea0e6896f5031309a5984c09df4b095d8b', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, h("slot", { key: 'a0548343b099fe7986066d821a455f1092428b38' })));
     }
     static get is() { return "z-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card/index.js

@@ -33,7 +33,7 @@ export class ZMyzCardComponent {
         return elemClasses;
     }
     render() {
-        return (h("div", { key: '2c0c85e0fcdc9f97ccdd48248df012b863fcba9d', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: 'fc337a050b59e77698d916bb17f8d83eb2631a52' })));
+        return (h("div", { key: 'b67a08f3b64765de8616a71391a1b6ca8c12b6a9', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: '9b5002efd87f6f829578802ebd4dfcf57a69e02f' })));
     }
     static get is() { return "z-myz-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js

@@ -40,7 +40,7 @@ export class ZMyzCardAlert {
         }
     }
     render() {
-        return (h("div", { key: '766dbdd4df6e60554732cf000e6366320f93d4a5', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '9e398b2d0c588f8966d84a56e4bcbfda7510dba5', type: this.getAlertType() }, h("div", { key: 'c7d48f8660399d88321a6f18db86fa9b3c3fca22', class: "relative-container" }, h("z-icon", { key: 'be109142c6c763ed228fa7fe4e15c73690a92eb4', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'd1c1c2a371d4c4b2af1ed0a20348b0512d7834ec', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: '345c4193b1bf982311bdf0edc7662e60071061a8', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (h("div", { key: '4ca682b49ae42f644338b19e8e49e2f292c47d23', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: 'afcae73ad5db966ad66569171879d7f9c66bddbd', type: this.getAlertType() }, h("div", { key: '8f4afab9559bb5f792796c8ea1907148811890a9', class: "relative-container" }, h("z-icon", { key: '8070aad90c809d35822898c444fd5f81c1ac9146', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'eb0ea9fe673d279a5eead6568331a31eb91302e2', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: 'daae97d1758c457bb1f8c2143ac2c6efe999a7f9', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);

package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZMyzCardBody {
     render() {
-        return (h("div", { key: '42a8b5cd164a26010f0a4f5b24111fce46734faf' }, h("slot", { key: 'c16fdc0b5b4903994c6806989fe0e08acda7de07', name: "alert" }), h("slot", { key: '37aa2d3560a4e4abcead0bcf5a242da3ef64a56d', name: "cover" })));
+        return (h("div", { key: '95ef1a2e8d5babdef3f5d89b532b6916cd1e2e4c' }, h("slot", { key: '96616fcb612f3ae7f1db129d50e5dbd0497870a9', name: "alert" }), h("slot", { key: '327613cfcfe1a9f96e66531629d0591b90717569', name: "cover" })));
     }
     static get is() { return "z-myz-card-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js

@@ -4,7 +4,7 @@ export class ZMyzCardCover {
         this.img = this.defaultimg;
     }
     render() {
-        return (h("img", { key: 'abaa6c16a6cb827834669e78332968bf741208c1', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (h("img", { key: '13e827933bb784fbe1e00c690048e2e9c3699313', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
     }
     static get is() { return "z-myz-card-cover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js

@@ -23,7 +23,7 @@ export class ZMyzCardDictionary {
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (h("div", { key: '8dc932a6e2df1d2915aad71065214b8eedfb8228' }, h("z-myz-card", { key: '31ce51650d9999b46068d6427ec1e5f15d1f5020' }, h("z-myz-card-header", { key: '335d79eeb60cb1539bbd096b45c8a6ea67e486a7', titolo: this.name }), h("div", { key: 'c1a5d68eb72455705bb2dd15c8410e4d5171a827', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: 'a5a772278c40abe29f23844a1f700050ba4e0deb', class: "front" }, h("z-myz-card-body", { key: '9eaf2fcf34e74836420c03393d0a0e5d5c3a3b17' }, h("z-myz-card-cover", { key: 'e57ea2529cdf6df4dbe0a1b690180ff21d85f153', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: 'c5e156b14e708d542014d3f5340c34363863353c', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: 'e80acba3651fa2be23ee66ea312afe89362d9a59', class: "back" }, h("slot", { key: 'bd7f4bb1d2ec63d63460034e4ead0adc62651807', name: "info" }))), h("slot", { key: 'dfcf97a040d303261c1cf50dd10763e04eeec035' }))));
+        return (h("div", { key: 'fe6d9d8cc73aa0135e2874d0bee4b996cf83dc64' }, h("z-myz-card", { key: 'eee9c5a48f74a1bb5fb36ed0952a84260c37b79e' }, h("z-myz-card-header", { key: '0665c976a9a81efcc14f531585aeb01e29526896', titolo: this.name }), h("div", { key: 'c7ab52b273bdda1f32e016f0117844507159699e', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: 'c7b2b5cc7253ba6c73033afc1dfa375ed281fae2', class: "front" }, h("z-myz-card-body", { key: '954bc5ad14a460c65ab58a85b1e6f6d9568a76ab' }, h("z-myz-card-cover", { key: 'ce0762910761111896f04d2a8071910b556d9471', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '385a8b63d361e250c2c3331e9e5222a2cd708ffe', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: '115dfdbc6c12edbab647c0f8e1e16b197a0066fd', class: "back" }, h("slot", { key: '947dbf7463e16a9e1664df2390ec714a77d3b46a', name: "info" }))), h("slot", { key: 'bd851dc63c9a852237063f48b0c558363f1dd3f6' }))));
     }
     static get is() { return "z-myz-card-dictionary"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js

@@ -56,7 +56,7 @@ export class ZMyzCardFooter {
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (h("div", { key: 'd489e447e3e1d590098c6356f79afa453d829b14', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '736f759004879e45aaa87b4a37d94d335e5fdf38', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '819e6055158bfa1f3e2a8d923c81e5e1430eee5f', class: "toggle" }, h("slot", { key: 'd0789e330d61dc5d0cf84fda39f360dc2e1846fe', name: "toggle" })), this.titolo && h("p", { key: '5047d003377297bbbe1bca0ab61405ecc0cb1c3b', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'ba5dca645b5b47564fc893773375a7588cf8e1fa', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: 'a461c381f6eee4cd10eb2768932d392a15c37c63' }, h("p", { key: '7ab6b9d45859070b33f16c00f8c0bf13ab28796a', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '039c7702d8d0cafaca6a680e1afc8e93835fc575', title: this.getTitleAuthors() }, h("span", { key: '9273775ede820fff9b15252e815830223ccdaa9b', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '8f096c9282fb5c8a8d22c033876d2881992dafd4', class: "year-isbn" }, h("span", { key: '83ca26272ff2094e0461b0b4c16e7de47496270e', class: "isbn" }, h("span", { key: 'f988641ac031ade7be9e8c8531dab173da0d2fa9' }, h("span", { key: 'd777fd577873a0a4095ba99506826f64320f2f6f', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '3092066602cd6433d10b10c3aa8eef0b783545b4', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '5fe266d544afca2b736cfeb4e5c38e611483cdc2', name: "list" })))), this.customContent && h("slot", { key: 'cd156338758dd3467dfc3232783494c703f15288', name: "content" })));
+        return (h("div", { key: '0836e7e0d6c360721019bc7674466345e3eaab74', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '0771eca0b6c8267a612f95800fc807096efd19eb', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'e9ca8f43d386ae14914d192a428698ecd9ee1082', class: "toggle" }, h("slot", { key: '4ffe0ee9635d343821a20d572217fd7f971a781f', name: "toggle" })), this.titolo && h("p", { key: '352cff28af1654d0676dcf0c184f42a5158bbbbe', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'a76925042afd579c30fc82faf96146718dd497c9', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: 'a3f2391f91e996b06d00a725a1b010f0df352551' }, h("p", { key: '4dfcf2de83492dd502eb69cc2525769c04430744', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: 'b0f06c214c88f38e477a0aacc824441160bf38fb', title: this.getTitleAuthors() }, h("span", { key: '6343877f00355d614d4a263d3615b5d6222ba795', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'b1f88556f9e2493e9070e71c72cc760f2f52738d', class: "year-isbn" }, h("span", { key: 'a934207b2ae734db3deca9d5a2544d86cb011117', class: "isbn" }, h("span", { key: '4a2d0fa9a603e63aa3443934d58f5df9350fbdf3' }, h("span", { key: '2668d24fe56de6eb660fc56a540347070ade4d92', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '6310cdec45297752f3035d975c3073acce3e2076', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: 'f949fe923fa112d79c6cf4fa7490dd03e7f9c772', name: "list" })))), this.customContent && h("slot", { key: 'b0479a7f0e890c03dfbdced57aa6162d38981eb9', name: "content" })));
     }
     static get is() { return "z-myz-card-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZMyzCardFooterSections {
     render() {
-        return (h("div", { key: '97d3727bac19ede546388a2b3a859087132579d9' }, h("footer", { key: '1a936af0a57164d76e12d39243553439e01acd59' }, h("div", { key: '5cfa3a09588303e958cb3e03fb4047e4ee940b25', class: "top" }, h("slot", { key: 'a94b5f1583dad8ab8b65ae6cf2666b2822669eda', name: "top" })), h("div", { key: '6915a0421bb342c7e1374aa92b49aa6836af0f38', class: "bottom" }, h("slot", { key: '9617f8e997b8c66d0cac543b191f73e4ce64c070', name: "bottom" })))));
+        return (h("div", { key: 'e03532734334f374789a31da73f15e32ee8c1679' }, h("footer", { key: '36bbfc8363d00503545aa9a1dd4de0e8b036c0e2' }, h("div", { key: '159b35a78ec38d541d6016fa4724effa00a66dd6', class: "top" }, h("slot", { key: '25c311436a817abf5d0d961a6e2f699fcea6f331', name: "top" })), h("div", { key: '248485fc69ef0c7c76ca086a86a5971ae3e3876f', class: "bottom" }, h("slot", { key: 'fe1b0f89936780d822328e13ce94564838f3c0d7', name: "bottom" })))));
     }
     static get is() { return "z-myz-card-footer-sections"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js

@@ -27,7 +27,7 @@ export class ZMyzCardHeader {
         };
     }
     render() {
-        return (h("header", { key: 'cb6d37eb3216830f6077ead88b023626ac70d533', class: this.retrieveClass() }, h("slot", { key: '3f75c5d25d0d7fb8c4d8fd4d1ef8579565cbff58', name: "aria-heading" }), h("span", { key: '450a394125795418318d6988826803831285a9c2', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '9aabb4daea8a2065290d5dc5d06fc7a61bc5a2ca', name: "icon" })));
+        return (h("header", { key: '671c26a2953f4ca84e9c0bc3b84e8f6cf3d442f7', class: this.retrieveClass() }, h("slot", { key: 'd59992fbe354f2c6c4934613ed8597e3673fa49b', name: "aria-heading" }), h("span", { key: 'b58bfc5c6ab9993c33b4e8fcfde411a537c5d0f3', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '3928815f962ffd84793775a964a2303a901eed06', name: "icon" })));
     }
     static get is() { return "z-myz-card-header"; }
     static get encapsulation() { return "shadow"; }