@zanichelli/albe-web-components 18.7.7 → 18.8.1-RC1

package/dist/components/z-file.js

@@ -1,9 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { P as PopoverPosition, w as ZChipType } from './index2.js';
 import { B as Breakpoints } from './breakpoints.js';
-import { d as defineCustomElement$4 } from './index5.js';
-import { d as defineCustomElement$3 } from './index9.js';
-import { d as defineCustomElement$2 } from './index23.js';
+import { d as defineCustomElement$4 } from './index6.js';
+import { d as defineCustomElement$3 } from './index10.js';
+import { d as defineCustomElement$2 } from './index24.js';
 
 const stylesCss = ".sc-z-file-h{position:relative;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-h>z-popover.sc-z-file{z-index:10}.sc-z-file-h>z-popover.sc-z-file>.tooltip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file span.sc-z-file{display:block;overflow:hidden;max-width:250px;letter-spacing:0.32px;line-height:1.33;text-overflow:ellipsis;white-space:nowrap}";
 const ZFileStyle0 = stylesCss;

package/dist/components/z-ghost-loading.js

@@ -1,4 +1,4 @@
-import { Z as ZGhostLoading$1, d as defineCustomElement$1 } from './index8.js';
+import { Z as ZGhostLoading$1, d as defineCustomElement$1 } from './index9.js';
 
 const ZGhostLoading = ZGhostLoading$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/z-icon.js

@@ -1,4 +1,4 @@
-import { Z as ZIcon$1, d as defineCustomElement$1 } from './index9.js';
+import { Z as ZIcon$1, d as defineCustomElement$1 } from './index10.js';
 
 const ZIcon = ZIcon$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './index9.js';
+import { d as defineCustomElement$2 } from './index10.js';
 
 const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:flex;width:inherit;padding:calc(var(--space-unit) * 2);background:var(--color-primary03);border-radius:var(--border-radius)}:host>div>slot{color:var(--color-default-text);font-size:14px}:host>div>z-icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-primary01)}";
 const ZInfoBoxStyle0 = stylesCss;
@@ -17,7 +17,7 @@ const ZInfoBox$1 = /*@__PURE__*/ proxyCustomElement(class ZInfoBox extends HTMLE
         this.infoBoxClose.emit({ boxid: this.boxid });
     }
     render() {
-        return (h("div", { key: 'b59b64fcfc8444e64e9de14f154740fbbdb9713f', id: this.boxid }, h("slot", { key: 'd35d053be9906afba030c85dbb15357965569e9c', name: "content" }), this.isclosable && (h("z-icon", { key: 'd4e6d9c59c25419f944c62b57a53663dfab4f7ff', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+        return (h("div", { key: '18298328abf8d0e88340408882bdc529b55c1a28', id: this.boxid }, h("slot", { key: '297bb1bbd8e6adc082e3552ac2222983b1b11211', name: "content" }), this.isclosable && (h("z-icon", { key: 'fa3fa5831984754d4c8533d23437a4773bf926a6', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
     }
     static get style() { return ZInfoBoxStyle0; }
 }, [1, "z-info-box", {

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

@@ -1,4 +1,4 @@
-import { Z as ZInfoReveal$1, d as defineCustomElement$1 } from './index10.js';
+import { Z as ZInfoReveal$1, d as defineCustomElement$1 } from './index11.js';
 
 const ZInfoReveal = ZInfoReveal$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { Z as ZInputMessage$1, d as defineCustomElement$1 } from './index12.js';
+import { Z as ZInputMessage$1, d as defineCustomElement$1 } from './index13.js';
 
 const ZInputMessage = ZInputMessage$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/z-input.js

@@ -1,4 +1,4 @@
-import { Z as ZInput$1, d as defineCustomElement$1 } from './index11.js';
+import { Z as ZInput$1, d as defineCustomElement$1 } from './index12.js';
 
 const ZInput = ZInput$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { Z as ZListElement$1, d as defineCustomElement$1 } from './index14.js';
+import { Z as ZListElement$1, d as defineCustomElement$1 } from './index15.js';
 
 const ZListElement = ZListElement$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { Z as ZListGroup$1, d as defineCustomElement$1 } from './index15.js';
+import { Z as ZListGroup$1, d as defineCustomElement$1 } from './index16.js';
 
 const ZListGroup = ZListGroup$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/z-list.js

@@ -1,4 +1,4 @@
-import { Z as ZList$1, d as defineCustomElement$1 } from './index13.js';
+import { Z as ZList$1, d as defineCustomElement$1 } from './index14.js';
 
 const ZList = ZList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/z-logo.js

@@ -23,7 +23,7 @@ const ZLogo$1 = /*@__PURE__*/ proxyCustomElement(class ZLogo extends HTMLElement
         if (this.height) {
             style["height"] = style["max-height"] = `${this.height}px`;
         }
-        return (h(Host, { key: '1e50363ef4187e16c193d840b4889d1f749489c6', 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: '75a515faadd75ea3f21ae80ca6a4f579223ad1cd', 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 style() { return ZLogoStyle0; }
 }, [1, "z-logo", {

package/dist/components/z-menu-deprecated.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './index9.js';
+import { d as defineCustomElement$2 } from './index10.js';
 
 const stylesCss = ":host,::slotted(*),*{box-sizing:border-box}:host{position:relative;display:inline-flex;flex-direction:column;--z-menu-label-color:var(--color-default-text)}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{padding:0;border:0;margin:0;background:transparent;border-radius:0;color:inherit;outline:none;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-within{z-index:1;padding-right:calc(var(--space-unit) * 0.5);padding-left:calc(var(--space-unit) * 0.5);margin-right:calc(var(--space-unit) * -0.5);margin-left:calc(var(--space-unit) * -0.5);box-shadow:var(--shadow-focus-primary)}.menu-label .menu-label-content{position:relative;display:flex;align-items:center}:host(:is([active],[open])) .menu-label-content,.menu-label:focus-within .menu-label-content{font-weight:var(--font-bd)}:host(:is([active],[open])) .menu-label-content ::slotted(*),.menu-label:focus-within .menu-label-content ::slotted(*){letter-spacing:normal}:host .menu-label .menu-label-content ::slotted(*:not([slot]):focus:focus-visible){box-shadow:none !important}:host(:is([active],[open],[vertical-context])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{position:absolute;bottom:0;left:0;width:100%;content:\"\";pointer-events:none}:host([vertical-context]) .menu-label-content::after{height:var(--border-size-small);background-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label .menu-label-content::after,.menu-label .menu-label-content:hover::after,.menu-label:focus-within .menu-label-content::after{height:var(--border-size-large);background-color:var(--color-primary01)}::slotted([data-text])::after{height:0;content:attr(data-text);content:attr(data-text) / \"\";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}::slotted([data-text]){display:inline-flex;flex-direction:column}.menu-label .menu-label-content ::slotted(*){display:inline-flex;width:100%;margin:0;appearance:none;color:var(--z-menu-label-color);font-family:var(--font-family-sans);font-size:var(--font-size-5);font-weight:inherit;letter-spacing:0.36px;line-height:1.2;outline:none}.menu-label .menu-label-content ::slotted(*),.menu-label .menu-label-content z-icon{padding:var(--space-unit) 0}.menu-label .menu-label-content z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:currentcolor}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot=\"header\"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot=\"header\"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot=\"item\"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25;outline:none}.items>::slotted([slot=\"item\"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot=\"item\"]:not(z-menu-section)){padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);border-bottom:var(--border-size-small) solid var(--color-surface05)}.items>::slotted([slot=\"item\"]:hover),.items>::slotted([slot=\"item\"]:focus:focus-visible),.items>::slotted([slot=\"item\"]:active){border-color:var(--color-primary01);font-weight:var(--font-bd)}";
 const ZMenuDeprecatedStyle0 = stylesCss;

package/dist/components/z-menu-section-deprecated.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './index9.js';
+import { d as defineCustomElement$2 } from './index10.js';
 
 const stylesCss = ":host{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:is([active],[open])) .label,.label:hover{border-color:var(--color-primary01)}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}.label{display:flex;width:100%;align-items:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);border:0;border-bottom:var(--border-size-small) solid var(--color-surface05);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}::slotted([data-text]){display:inline-flex;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / \"\";font-weight:var(--font-bd);pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.25}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items>::slotted([slot=\"item\"]){display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-2);line-height:1.4;outline:none}.items>::slotted([slot=\"item\"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-primary01)}.items>::slotted([slot=\"item\"]:hover),.items>::slotted([slot=\"item\"]:focus:focus-visible),.items>::slotted([slot=\"item\"][active]){color:var(--color-primary01);font-weight:var(--font-bd)}";
 const ZMenuSectionDeprecatedStyle0 = stylesCss;

package/dist/components/z-menu-section.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as KeyboardCode } from './index2.js';
-import { d as defineCustomElement$2 } from './index9.js';
+import { d as defineCustomElement$2 } from './index10.js';
 
 const stylesCss = ":host{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;font-family:var(--font-family-sans)}:host,::slotted(*),*{box-sizing:border-box}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.label{display:flex;width:100%;align-items:center;padding:var(--space-unit) 0;border:0;border-bottom:var(--border-size-small) solid var(--color-surface03);margin:0;background:transparent;border-radius:0;cursor:pointer;text-align:left}:host(:last-child:not([open])) .label{border-bottom:none}:host(:is([active],[open])) .label,.label:focus:focus-visible,.label:hover{border-color:var(--color-primary01)}.label:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host(:is([active],[open])) .label ::slotted(*),.label:focus:focus-visible ::slotted(*),.label:hover ::slotted(*){font-weight:var(--font-bd)}::slotted([data-text]){display:inline-flex;flex-direction:column}::slotted([data-text])::after{overflow:hidden;height:0;content:attr(data-text);content:attr(data-text) / \"\";font-weight:var(--font-bd);pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text])::after{display:none}}.label ::slotted(*){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.5}.label z-icon{margin-left:calc(var(--space-unit) * 4);fill:var(--color-default-icon)}.items{display:flex;width:100%;flex-direction:column;padding:calc(var(--space-unit) / 2);padding-bottom:calc(var(--space-unit) * 1.5)}.items[hidden]{display:none}::slotted([slot=\"section\"]){display:inline-flex;padding:calc(var(--space-unit) / 2);margin:0;font-size:var(--font-size-1);line-height:1.333;outline:none}::slotted([slot=\"section\"]:last-of-type){border:none}::slotted([slot=\"section\"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);color:var(--color-primary01)}::slotted([slot=\"section\"]:hover),::slotted([slot=\"section\"]:focus:focus-visible),::slotted([slot=\"section\"]:active),::slotted([slot=\"section\"][active]),::slotted([slot=\"section\"][data-active]){color:var(--color-primary01);font-weight:var(--font-bd)}";
 const ZMenuSectionStyle0 = stylesCss;

package/dist/components/z-menu.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as KeyboardCode } from './index2.js';
 import { a as containsElement } from './utils.js';
-import { d as defineCustomElement$2 } from './index9.js';
+import { d as defineCustomElement$2 } from './index10.js';
 
 const stylesCss = ":host,::slotted(*),*{box-sizing:border-box;outline:none}:host{position:relative;display:inline-flex;height:fit-content;flex-direction:column}::slotted(a){text-decoration:none}::slotted(*){color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.menu-label{position:relative;display:flex;width:100%;align-items:center;padding:0;border:0;border-bottom:var(--border-size-large) solid transparent;margin:0;background:transparent;border-radius:0;color:inherit;text-align:left}button.menu-label{cursor:pointer}.menu-label:focus-visible,div.menu-label:focus-within{box-shadow:var(--shadow-focus-primary)}:host(:is([active],[open])) .menu-label ::slotted(*),.menu-label:focus-visible ::slotted(*),div.menu-label:focus-within ::slotted(*){color:var(--color-primary01);font-weight:var(--font-bd)}:host([vertical-context]) .menu-label{padding:var(--space-unit) 0;border-width:var(--border-size-small);border-color:var(--color-surface03)}:host(:is([active],[open])) .menu-label,.menu-label:hover,.menu-label:focus-visible,div.menu-label:focus-within{border-color:var(--color-primary01)}:host([vertical-context]:is([active],[open])) .menu-label::after,:host([vertical-context]) .menu-label:hover::after,:host([vertical-context]) .menu-label:focus-visible::after,:host([vertical-context]) div.menu-label:focus-within::after{position:absolute;bottom:calc(var(--border-size-small) * -1);left:0;width:100%;height:var(--border-size-large);background-color:var(--color-primary01);content:\"\"}:host([vertical-context]) .menu-label ::slotted(*){padding:0}.menu-label ::slotted(*){display:inline-flex;width:100%;min-width:fit-content;padding-bottom:2px;margin:0;appearance:none;color:var(--z-menu-label-color, var(--color-default-text));font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:inherit;line-height:1.5;white-space:nowrap}.menu-label z-icon{margin-left:calc(var(--space-unit) * 1.5);fill:var(--color-default-icon)}::slotted([data-text]:not([slot]))::after{height:0;content:attr(data-text);content:attr(data-text) / \"\";font-weight:var(--font-bd);letter-spacing:normal;pointer-events:none;user-select:none;visibility:hidden}@media speech{::slotted([data-text]:not([slot]))::after{display:none}}::slotted([data-text]:not([slot])){display:inline-flex;flex-direction:column}.content{background:var(--color-surface01)}:host(:not([open])) .content{display:none}:host([floating]:not([vertical-context])) .content{position:absolute;top:100%;left:0;width:375px;min-width:100%;max-width:100vw;padding:0 calc(var(--space-unit) * 2);box-shadow:var(--shadow-2)}:host(:not([floating])) .content{width:100%}.header{display:flex;align-items:center;padding:var(--space-unit) 0 calc(var(--space-unit) * 2)}.header ::slotted(img[slot=\"header\"]){width:calc(var(--space-unit) * 11.25);height:auto;object-fit:contain}.header ::slotted([slot=\"header\"]:not(:first-child)){margin:auto 0;margin-left:calc(var(--space-unit) * 2.5);font-size:var(--font-size-3);font-weight:var(--font-sb);line-height:1.5}.items{display:flex;flex-direction:column;align-items:flex-start;background:inherit}.items>::slotted([slot=\"item\"]){width:100%;margin:0;font-size:var(--font-size-3);line-height:1.5}.items>::slotted([slot=\"item\"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}.items>::slotted([slot=\"item\"]:not(z-menu-section)){padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface03)}:host(:not([vertical-context])) .items>::slotted([slot=\"item\"]:last-child){border-bottom:0}.items>::slotted([slot=\"item\"]:hover),.items>::slotted([slot=\"item\"]:focus:focus-visible),.items>::slotted([slot=\"item\"]:active),.items>::slotted([slot=\"item\"][active]),.items>::slotted([slot=\"item\"][data-active]){border-color:var(--color-primary01);font-weight:var(--font-bd)}";
 const ZMenuStyle0 = stylesCss;

package/dist/components/z-modal.js

@@ -1,4 +1,4 @@
-import { Z as ZModal$1, d as defineCustomElement$1 } from './index16.js';
+import { Z as ZModal$1, d as defineCustomElement$1 } from './index17.js';
 
 const ZModal = ZModal$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/z-myz-card-alert.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { o as AlertType } from './index2.js';
 import { d as defineCustomElement$3 } from './index3.js';
-import { d as defineCustomElement$2 } from './index9.js';
+import { d as defineCustomElement$2 } from './index10.js';
 
 const stylesCss = ":host{position:absolute;z-index:2;top:0;left:0;width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-alert{height:calc(var(--space-unit) * 6)}.relative-container{position:relative;display:grid;align-items:center;padding:0;grid-column-gap:var(--space-unit);grid-template-columns:18px auto 46px;grid-template-rows:1fr;outline:none}.relative-container::-moz-focus-inner{border:0}.alert-external-wrapper.remove-alert{border:var(--border-size-medium) solid var(--color-background);border-top:none}:host div.add-alert{background:var(--color-inverse-success)}:host div.remove-alert{background:var(--color-inverse-warning)}:host div>.content-text{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.content-action{height:20px;color:var(--color-primary01);cursor:pointer;font-size:12px;font-weight:var(--font-sb);letter-spacing:0.32px;line-height:20px}:host div>z-icon{justify-self:center}";
 const ZMyzCardAlertStyle0 = stylesCss;
@@ -56,7 +56,7 @@ const ZMyzCardAlert$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardAlert ext
         }
     }
     render() {
-        return (h("div", { key: 'f3d80789347d05fc1b90dc6db977342d81545fe8', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '83b3dc97fe503d2e65c41d59792b128fc2c323ae', type: this.getAlertType() }, h("div", { key: '23629aac155751ab3415789fc52c9abbfc4a4a97', class: "relative-container" }, h("z-icon", { key: '23baf72474884ae3afe8468333b3d2dadf092118', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'b55734f6d602afd08cd6c79e22cbd7528ab72af3', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: '4819eda387de059a804ca90a781f298be0101e9a', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (h("div", { key: '73de41fcf16d7def773d63fb87b1d3a39e0619cf', class: "alert-external-wrapper " + this.retrieveClass() }, h("z-alert", { key: '8ed39f9dea3fc6fc2575e8e731a433ed3b5eb3e6', type: this.getAlertType() }, h("div", { key: 'efb81456a561b50027667a7aa58583b353f84a07', class: "relative-container" }, h("z-icon", { key: '4e6f621da2fa1d95422e4ad734836403b554a9b9', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), h("span", { key: 'f73f48f20ec198e2ae08c212f9647436fdddcd3d', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (h("span", { key: 'abbbc3d619829044615657d29f6af4849f9ff27f', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);

package/dist/components/z-myz-card-body.js

@@ -1,4 +1,4 @@
-import { Z as ZMyzCardBody$1, d as defineCustomElement$1 } from './index18.js';
+import { Z as ZMyzCardBody$1, d as defineCustomElement$1 } from './index19.js';
 
 const ZMyzCardBody = ZMyzCardBody$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/z-myz-card-cover.js

@@ -1,4 +1,4 @@
-import { Z as ZMyzCardCover$1, d as defineCustomElement$1 } from './index19.js';
+import { Z as ZMyzCardCover$1, d as defineCustomElement$1 } from './index20.js';
 
 const ZMyzCardCover = ZMyzCardCover$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/z-myz-card-dictionary.js

@@ -1,11 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { B as ButtonVariant, d as ButtonSize } from './index2.js';
-import { d as defineCustomElement$7 } from './index4.js';
-import { d as defineCustomElement$6 } from './index9.js';
-import { d as defineCustomElement$5 } from './index17.js';
-import { d as defineCustomElement$4 } from './index18.js';
-import { d as defineCustomElement$3 } from './index19.js';
-import { d as defineCustomElement$2 } from './index20.js';
+import { d as defineCustomElement$7 } from './index5.js';
+import { d as defineCustomElement$6 } from './index10.js';
+import { d as defineCustomElement$5 } from './index18.js';
+import { d as defineCustomElement$4 } from './index19.js';
+import { d as defineCustomElement$3 } from './index20.js';
+import { d as defineCustomElement$2 } from './index21.js';
 
 const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host z-myz-card{--card-overflow:visible}:host>div{position:relative;width:100%;height:522px;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content{position:relative;z-index:2;width:100%;height:522px;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out,\n    -webkit-transform 0.5s ease-out}:host>div .content.flipped{margin-top:-2px;transform:rotateY(180deg)}:host>div .front,:host>div .back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{z-index:1;top:0;left:0;display:flex;justify-content:center;padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));transform:rotateY(180deg)}.hide-info{display:none}";
 const ZMyzCardDictionaryStyle0 = stylesCss;
@@ -31,7 +31,7 @@ const ZMyzCardDictionary$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardDict
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (h("div", { key: '365d1f860f149c0c7cb0b3f6642940e29fa70461' }, h("z-myz-card", { key: 'e0fbad65c3159bab5dd967d03e6c2a3edaac435a' }, h("z-myz-card-header", { key: '4ebee2c4119b26a0cdc65b96cf06be9e40b18111', titolo: this.name }), h("div", { key: 'eb4f441319aef16d21e2fb264919f3261467c7a8', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: 'a065510ebfb074f0bd0cbcb316f6012db4f480cb', class: "front" }, h("z-myz-card-body", { key: '98c83693092be588bec93277ce0d0ba36b229c02' }, h("z-myz-card-cover", { key: 'cd2f0cda1ae36957b2bc500a0d17130f7bb8daec', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '50595d2ad797ccd874120c5834f6b683c5db2862', 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: '9372bc9415eefb3530fe531059f5ee4e45eb4dbb', class: "back" }, h("slot", { key: '47552b8f4795e0f7b467778ac131ccc401d2e418', name: "info" }))), h("slot", { key: '11804f2ffe7e10edfb20efee9ccd23b94cb4a4e6' }))));
+        return (h("div", { key: 'a0474433057659bcb67ef2b797a6047f90bd5440' }, h("z-myz-card", { key: 'efa1f2c8832fd2cc1ea057840059be67a16e3fdd' }, h("z-myz-card-header", { key: '38eef5801a486eb0d4b024fb7a050c76ad8af298', titolo: this.name }), h("div", { key: '415afa8d0500dbd40c5075e0cb46219656234d99', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: '4b6a60e5e0f601204c6a44a61eae4150958176cd', class: "front" }, h("z-myz-card-body", { key: 'd1a4b3b1427fb158876b4c16673bc00b931cccb5' }, h("z-myz-card-cover", { key: 'f665c202781a4524654428400f31382a8f74b890', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '40c8d21689a0aec3f2f195aa6128db28331be614', 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: '58d51c4badd5807b9e918eb31e0194d3191b7c10', class: "back" }, h("slot", { key: '1e44e28b5a96e398e9c14234933aa54ad361fa1f', name: "info" }))), h("slot", { key: '796b2270fc63bd5f25905c5f823d05c7237d18da' }))));
     }
     static get style() { return ZMyzCardDictionaryStyle0; }
 }, [1, "z-myz-card-dictionary", {

package/dist/components/z-myz-card-footer-sections.js

@@ -10,7 +10,7 @@ const ZMyzCardFooterSections$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCard
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '0435360e7ad5b80c3e5e4a1dcec342eaeb8b0020' }, h("footer", { key: 'b69379d392a5d1dc0fd29ab10bef9701cf48c9a7' }, h("div", { key: '71623a4a311ccda888e108c3046fa6c4e4036a44', class: "top" }, h("slot", { key: '3e3615324dae5129d82ef685238d6ee6d524d582', name: "top" })), h("div", { key: '2467ef9c6aa3128a951535985b95dbe1764c494e', class: "bottom" }, h("slot", { key: 'a7c3d01c54b03e3a402e42016d687adc29e50fbb', name: "bottom" })))));
+        return (h("div", { key: '8752f5693a9cd8561849f630067c1de37e4756bd' }, h("footer", { key: '081a20bcf923efe3b769e4e8d1f5b2199a8d8b81' }, h("div", { key: '72bfc00be9c66460dbcace344f6c0e9f8cd8e9b9', class: "top" }, h("slot", { key: '38eda715a4be3c715bdf4eb75c4332dd8d65e39b', name: "top" })), h("div", { key: '0f29a8ecb2233df5ad28ab834bed3056e4e4c1e5', class: "bottom" }, h("slot", { key: '48aab990a4c8444c625ae8ac14f06f460c4abdae', name: "bottom" })))));
     }
     static get style() { return ZMyzCardFooterSectionsStyle0; }
 }, [1, "z-myz-card-footer-sections"]);

package/dist/components/z-myz-card-footer.js

@@ -62,7 +62,7 @@ const ZMyzCardFooter$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardFooter e
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (h("div", { key: '52b72ee2892456c53ba5c90548f4351114b7387f', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: 'b7f69e7f7fc17785aad00ecaa09448f57a518501', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '0db99663f4fa072f5cc8db449ffa623f9d9a13ef', class: "toggle" }, h("slot", { key: 'a2dacba665a743f0f3893a632840df7df36bf96f', name: "toggle" })), this.titolo && h("p", { key: '325f23ea96633961a0e174ad00fb28688f815d56', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '93b4bec2c21002a58023ea5e1702afe6e59412b9', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: 'faf8994fd031c75de9b28b8454e51f5377e51114' }, h("p", { key: '6c89d46e67f1895bf8ae1ec6c4cd786a456b1dea', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: 'e89b94861ceedff59895fb340eaf47cd74054e29', title: this.getTitleAuthors() }, h("span", { key: '0e2bc0fba969b2833322b45f57d675b3c308c209', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '811a48415bd1949014c52b29fc28a45a0f7c3095', class: "year-isbn" }, h("span", { key: 'afc1ab9d312d2585e9a25e67b4349c74e77fe219', class: "isbn" }, h("span", { key: '3427863a2e872564d70f3fd1d18034bc9d0f04d5' }, h("span", { key: '893be57ad1ecfd87d5a822f14a78725472f035ec', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'b08fb3b54498e29be80e7a66e1e11372b78663a8', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '6cd90878dea4610e6ae0ec42d08a11168e03e2f3', name: "list" })))), this.customContent && h("slot", { key: '6f8ea948bbdd68115ee81cfd57dfe6f1fee9907e', name: "content" })));
+        return (h("div", { key: '7b0479b93d61f8d182ad5269333630361c652797', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '59324b2757ba2f9332ea06bdfb11a85732466ec3', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '3f1c486e9a8e7f6db48f6a5cd8eda7f8e052bcf0', class: "toggle" }, h("slot", { key: 'a4f3634cf6be3d79a8453f1529928cecb3babfef', name: "toggle" })), this.titolo && h("p", { key: '933b6baf1071591e1335396e66e9080ff165866e', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '834e49c6d7c0ae61ff5822649f3c67001c645d23', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '584ea59693ce6c16a54493c16ea050ea01a3be3c' }, h("p", { key: 'e2fec0db112fe8ef05d8673f0a1e79f24a57f302', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '2d6a3fbf5689c100fbed7333ad8a357e26d54970', title: this.getTitleAuthors() }, h("span", { key: 'e67cfd15c8103539a836db83d2b4d02f4c8aaf93', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'baf170aabdb3814b6d594a55e1e5d13757d31df9', class: "year-isbn" }, h("span", { key: '177324ca661350ebfa145715fc52ec58199e61fc', class: "isbn" }, h("span", { key: 'a78a8007d945837cc78d6df7a6ab2b91ad5f74fd' }, h("span", { key: '64173a3d213eb147b18bc801719b7e9c481c5a04', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'e7c65aff9800a923085af1c793a3127423490493', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: 'c8d251da5c5f4dc121295415a14ccdf66f2f77a0', name: "list" })))), this.customContent && h("slot", { key: '659c4589702dd06ea81a9041c6e14a724992618b', name: "content" })));
     }
     get host() { return this; }
     static get style() { return ZMyzCardFooterStyle0; }

package/dist/components/z-myz-card-header.js

@@ -1,4 +1,4 @@
-import { Z as ZMyzCardHeader$1, d as defineCustomElement$1 } from './index20.js';
+import { Z as ZMyzCardHeader$1, d as defineCustomElement$1 } from './index21.js';
 
 const ZMyzCardHeader = ZMyzCardHeader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/z-myz-card-icon.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './index9.js';
+import { d as defineCustomElement$2 } from './index10.js';
 
 const stylesCss = "button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}";
 const ZMyzCardIconStyle0 = stylesCss;
@@ -14,7 +14,7 @@ const ZMyzCardIcon$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardIcon exten
         this.ariaLabel = "";
     }
     render() {
-        return (h("button", { key: 'c83edb0aae793b9a94820d4f71ccaeb3516697ae', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '928bc4cf258bebcc23b6179b3dde60abb4dd5e69' }, h("z-icon", { key: 'c6118883a44049360fa0d589ee9399ac15ac138c', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: '511b34381c62707a1408a9769536d3d0ba3223bb', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: 'a935b5d22370a4e7a35a458a6c92ee0aa1a7918a' }, h("z-icon", { key: '91f7d3cb733dff820b3429d1efea2c790d739df2', name: this.icon, width: 16, height: 16 }))));
     }
     static get style() { return ZMyzCardIconStyle0; }
 }, [1, "z-myz-card-icon", {

package/dist/components/z-myz-card-info.js

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { P as PopoverPosition } from './index2.js';
 import { h as handleKeyboardSubmit } from './utils.js';
-import { d as defineCustomElement$3 } from './index9.js';
-import { d as defineCustomElement$2 } from './index23.js';
+import { d as defineCustomElement$3 } from './index10.js';
+import { d as defineCustomElement$2 } from './index24.js';
 
 const stylesCss = ":host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:\"\";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-primary01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-hover-warning);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}";
 const ZMyzCardInfoStyle0 = stylesCss;
@@ -121,7 +121,7 @@ const ZMyzCardInfo$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardInfo exten
         return (h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, h("span", { class: "license-heading" }, h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", h("b", null, this.cardData.offlineLicense.expiration), h("br", null), "Installazioni disponibili: ", h("b", null, this.cardData.offlineLicense.installations)));
     }
     render() {
-        return (h("div", { key: '23d4b5f8b37cfda3a2c001c21e3178087da37c80' }, this.renderCloseIcon(), h("div", { key: '23789980438af63f2210bde46e95f30f21ee3c0d', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: 'b73cf730739916ca8a10b2955ab6033b560b79b3', class: "cta-wrapper" }, h("slot", { key: 'c112be9b9fc31090b14b4e4ed4999817c91b832e' }))));
+        return (h("div", { key: 'b92068a65906ed7ea0aad97d591085fdc7959bfa' }, this.renderCloseIcon(), h("div", { key: 'c96a25a92165b7a7741413e3aa85e42d4f3dcf82', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '9b2ce0862ca8c6910bff49675c264b5fb06065e7', class: "cta-wrapper" }, h("slot", { key: '1de5c2a82c9058ff8a09ef78954ad7f423f5c46e' }))));
     }
     static get style() { return ZMyzCardInfoStyle0; }
 }, [1, "z-myz-card-info", {

package/dist/components/z-myz-card-list.js

@@ -30,7 +30,7 @@ const ZMyzCardList$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzCardList exten
         });
     }
     render() {
-        return h("ul", { key: '2a8793831158a4dbd8219af0063ca4b8e4b7afb4' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: 'c91dbbb86c76aea64ed1faeb614d13d0f42ca93f' }, this.renderList(JSON.parse(this.listdata)));
     }
     static get style() { return ZMyzCardListStyle0; }
 }, [1, "z-myz-card-list", {

package/dist/components/z-myz-card.js

@@ -1,4 +1,4 @@
-import { Z as ZMyzCardComponent, d as defineCustomElement$1 } from './index17.js';
+import { Z as ZMyzCardComponent, d as defineCustomElement$1 } from './index18.js';
 
 const ZMyzCard = ZMyzCardComponent;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/z-myz-list-item.js

@@ -1,4 +1,4 @@
-import { Z as ZMyzListItem$1, d as defineCustomElement$1 } from './index21.js';
+import { Z as ZMyzListItem$1, d as defineCustomElement$1 } from './index22.js';
 
 const ZMyzListItem = ZMyzListItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/z-myz-list.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './index9.js';
-import { d as defineCustomElement$2 } from './index21.js';
+import { d as defineCustomElement$3 } from './index10.js';
+import { d as defineCustomElement$2 } from './index22.js';
 
 const stylesCss = "ul{padding:0;margin:0}";
 const ZMyzListStyle0 = stylesCss;
@@ -26,7 +26,7 @@ const ZMyzList$1 = /*@__PURE__*/ proxyCustomElement(class ZMyzList extends HTMLE
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: 'a2b38a5764d03a797e5429fbf0e0353e3c7ea1c9' }, this.list &&
+        return (h("ul", { key: '8180625a6fea4c9e381f4d05d31bd27ab75b0f8c' }, this.list &&
             this.list.map((bean, i) => (h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
     }
     static get watchers() { return {

package/dist/components/z-navigation-tabs.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { N as NavigationTabsOrientation, a as NavigationTabsSize, b as NavigationTabsKeyboardEvents } from './index2.js';
-import { d as defineCustomElement$2 } from './index9.js';
+import { d as defineCustomElement$2 } from './index10.js';
 
 const stylesCss = "z-navigation-tabs{position:relative;z-index:0;display:flex;overflow:hidden;flex-direction:row;font-family:var(--font-family-sans);font-weight:var(--font-rg)}z-navigation-tabs,z-navigation-tabs *{box-sizing:border-box}z-navigation-tabs>nav::-webkit-scrollbar{display:none}z-navigation-tabs .navigation-button{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--z-navigation-tabs-nav-buttons-bg, var(--color-surface01));border-radius:var(--border-no-radius);box-shadow:0 0 4px 1px var(--shadow-color-base);cursor:pointer;fill:var(--z-navigation-tabs-nav-buttons-fg, var(--color-primary01));outline:none}z-navigation-tabs .navigation-button:disabled{display:none}z-navigation-tabs>nav{z-index:0;display:flex;overflow:auto;align-items:center;justify-content:flex-start;scroll-behavior:smooth;scrollbar-width:none}z-navigation-tabs[orientation=\"horizontal\"]>nav{width:100%}z-navigation-tabs[orientation=\"horizontal\"] .navigation-button{top:0;width:calc(var(--space-unit) * 4);height:100%}z-navigation-tabs[orientation=\"horizontal\"] .navigation-button:first-child{left:0}z-navigation-tabs[orientation=\"horizontal\"] .navigation-button:last-child{right:0}z-navigation-tabs[orientation=\"vertical\"]{width:fit-content;flex-direction:column}z-navigation-tabs[orientation=\"vertical\"]>nav{height:100%;flex-direction:column;align-items:stretch}z-navigation-tabs[orientation=\"vertical\"] .navigation-button{left:0;width:100%;height:calc(var(--space-unit) * 4)}z-navigation-tabs[orientation=\"vertical\"] .navigation-button:first-child{top:0}z-navigation-tabs[orientation=\"vertical\"] .navigation-button:last-child{bottom:0}z-navigation-tabs[size=\"small\"][orientation=\"vertical\"] .navigation-button{height:calc(var(--space-unit) * 4)}z-navigation-tabs>nav>*{position:relative;z-index:0;display:inline-flex;width:auto;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);border:none;margin:0;background-color:unset;border-radius:var(--border-no-radius);color:var(--color-primary01);cursor:pointer;fill:currentcolor;font-family:var(--font-family-sans);font-size:inherit;gap:var(--space-unit);letter-spacing:inherit;line-height:inherit;outline:none;text-align:center;white-space:nowrap}z-navigation-tabs>nav>a{text-decoration:none}z-navigation-tabs>nav>*:focus:focus-visible{z-index:1;box-shadow:inset 0 0 2px 2px var(--shadow-color-base)}z-navigation-tabs>nav>:not([disabled]):hover{background-color:var(--color-background)}z-navigation-tabs>nav>button[disabled]{color:var(--color-disabled03);cursor:not-allowed;fill:currentcolor;pointer-events:all}z-navigation-tabs>nav>:not([disabled]):hover,nav>[aria-selected=\"true\"]{color:var(--color-hover-primary);fill:currentcolor}z-navigation-tabs>nav>:not([disabled]):hover::after,nav>[aria-selected=\"true\"]::after{position:absolute;background-color:var(--color-hover-primary);content:\"\"}z-navigation-tabs[orientation=\"horizontal\"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation=\"horizontal\"]>nav>[aria-selected=\"true\"]::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}z-navigation-tabs>nav>* z-icon{--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);display:flex;margin:0}z-navigation-tabs[size=\"small\"][orientation=\"horizontal\"]>nav>*{padding:var(--space-unit) calc(var(--space-unit) * 2)}z-navigation-tabs[size=\"small\"][orientation=\"horizontal\"]>nav>:not([disabled]):hover::after,z-navigation-tabs[size=\"small\"][orientation=\"horizontal\"]>nav>[aria-selected=\"true\"]::after{height:var(--border-size-medium)}z-navigation-tabs[size=\"small\"]:not([orientation=\"vertical\"])>nav>* z-icon{--z-icon-width:14px;--z-icon-height:14px}z-navigation-tabs[orientation=\"vertical\"]>nav>*{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}z-navigation-tabs[orientation=\"vertical\"]>nav>*>:not(z-icon){display:none}z-navigation-tabs[orientation=\"vertical\"]>nav>:not([disabled]):hover::after,z-navigation-tabs[orientation=\"vertical\"]>nav>[aria-selected=\"true\"]::after{top:0;right:0;width:var(--border-size-large);height:100%}";
 const ZNavigationTabsStyle0 = stylesCss;
@@ -222,10 +222,10 @@ const ZNavigationTabs$1 = /*@__PURE__*/ proxyCustomElement(class ZNavigationTabs
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '4077ef000c364e2356716f630a114ef12f87503c', class: {
+        return (h(Host, { key: '69bc5562051734e576c1dbb2af850ef01a70a693', class: {
                 "interactive-2": this.size === NavigationTabsSize.SMALL,
                 "interactive-1": this.size !== NavigationTabsSize.SMALL,
-            }, scrollable: this.canNavigate }, h("button", { key: '836020e039138b16064efce71faf41ef4c22e644', 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: 'd29f82ac396250b0533d964d72716811ae05ae05', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '735a409ad889a701a4a37b3c30d9de445522215d', 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: 'f2208fd694382c9c0472c7a1ed57e130dc9238b9' })), h("button", { key: 'f89b222d39aaff6448a5a42a96f62d7899cb02ce', 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: '3ec84b37d472f4d5848b0ce4be1f95883553cebe', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+            }, scrollable: this.canNavigate }, h("button", { key: 'c851af9053873ea70d1dee5216bb680deea111f0', 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: '6a69b89400fea7a87fd18d8d59e183b85aa0c87f', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '997e215eecc0454b96e0034fece50be22cb1eef0', 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: '8a214ee36e66badda0a8825fbe7c2268ff0fc6df' })), h("button", { key: '627501af784136a1eff68c0e002812144062128e', 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: '68728de5a048363fd186c4a26cc8872fd4b0253e', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/z-notification.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './index9.js';
+import { d as defineCustomElement$2 } from './index10.js';
 
 const stylesCss = ":host{--z-notification--top-offset:0;display:flex;width:100%;box-sizing:border-box;align-items:flex-start;padding:calc(var(--space-unit) * 2);border-bottom:var(--border-size-medium) solid var(--color-surface03);font-family:var(--font-family-sans);outline:none}:host[sticky]{position:sticky;top:var(--z-notification--top-offset)}:host[sticky],:host([showshadow]){box-shadow:var(--shadow-3)}:host([type=\"success\"]){background:var(--color-inverse-success)}:host([type=\"warning\"]){background:var(--color-inverse-warning)}:host([type=\"error\"]){background:var(--color-inverse-error)}.status-icon,.close-button{display:flex;height:20px;align-items:center}:host([type=\"success\"]) .status-icon{fill:var(--color-default-success)}:host([type=\"warning\"]) .status-icon{fill:var(--color-default-warning)}:host([type=\"error\"]) .status-icon{fill:var(--color-default-error)}:host>button,.content-container>button{padding:0;border:none;margin:0;background:transparent;cursor:pointer;font-family:inherit}.status-icon+.content-container{margin-left:var(--space-unit)}.content-container{display:flex;flex:1 auto;flex-wrap:wrap;align-items:baseline;justify-content:space-between;row-gap:calc(var(--space-unit) * 2)}.content-text{max-width:800px;color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:20px}.action-button{color:var(--color-primary01);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:16px}.action-button:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}.content-container+.close-button{margin-left:calc(var(--space-unit) * 2)}.close-button z-icon{fill:var(--color-primary01)}@media only screen and (min-width: 768px){.content-container{flex-wrap:nowrap}.content-text+.action-button{margin-left:calc(var(--space-unit) * 5)}}";
 const ZNotificationStyle0 = stylesCss;
@@ -30,7 +30,7 @@ const ZNotification$1 = /*@__PURE__*/ proxyCustomElement(class ZNotification ext
     }
     render() {
         var _a;
-        return (h(Host, { key: '91f3faaa63f6d3a7560dfc17fcb782cc9a87b3ca' }, this.contenticonname && (h("z-icon", { key: '2d7d6a800e8cf6c2ff83a0e45d1617e584aab21e', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: 'fd2703a619f218ef7cb6177cce8e0ff45a6d0ed4', class: "content-container" }, h("div", { key: 'cd300fae9835a693b9c96935e993d4d78cd11e4c', class: "content-text" }, h("slot", { key: '1563c59943a57d20b94d7d4df037a78ee3970d42' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: '4221817bd30a88b22f9c4a01882d4c7aed6cfce3', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: 'ac74dd0caa8a62e1aece02748a04a60036ba0b91', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: '218ba32889b29b07f4d90b7c3d0072a2f5c2854e', name: "multiply-circle", width: 16, height: 16 })))));
+        return (h(Host, { key: 'aac3e6385d2f77e80c9933e666770e3da17c21a5' }, this.contenticonname && (h("z-icon", { key: '1ba77acd6db4e01ac47ae605c4ab05a345999462', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '9df24bcba7a1f49c803f339a0ac5ddafc08c03c9', class: "content-container" }, h("div", { key: 'bd1a76905a9c14fa77a1704a127a65a8ba9adab8', class: "content-text" }, h("slot", { key: 'b126d399950149b0d4cd94d3c2480678d7f91a97' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: '63f56578ed42e720c20b57424c1d824729279e36', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: '81ccf6858d6b559a23b1c9266d8af55e7bd3a2f2', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: '96c95d07ef561d4b900acefaef90e00d85dc3904', name: "multiply-circle", width: 16, height: 16 })))));
     }
     static get style() { return ZNotificationStyle0; }
 }, [1, "z-notification", {

package/dist/components/z-offcanvas.js

@@ -1,4 +1,4 @@
-import { Z as ZOffcanvas$1, d as defineCustomElement$1 } from './index22.js';
+import { Z as ZOffcanvas$1, d as defineCustomElement$1 } from './index23.js';
 
 const ZOffcanvas = ZOffcanvas$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/z-otp.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { f as InputStatus } from './index2.js';
-import { d as defineCustomElement$3 } from './index9.js';
-import { d as defineCustomElement$2 } from './index12.js';
+import { d as defineCustomElement$3 } from './index10.js';
+import { d as defineCustomElement$2 } from './index13.js';
 
 const stylesCss = "input:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}:host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{width:calc(var(--space-unit) * 5);height:72px;box-sizing:border-box;padding:0;caret-color:transparent;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:32px;font-weight:300;text-align:center}input.error{border:1px solid;border-color:var(--color-default-error);background-color:var(--color-inverse-error);border-radius:4px}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";
 const ZOtpStyle0 = stylesCss;
@@ -24,7 +24,7 @@ const ZOtp$1 = /*@__PURE__*/ proxyCustomElement(class ZOtp extends HTMLElement {
         this.otpRef = [...Array(this.inputNum)];
     }
     render() {
-        return (h("div", { key: 'fda767d67b4f56013242705290e13b622359c5de', class: "otp-container" }, h("div", { key: '970b70db5db8b635a4d6b9bd7eaa4dee3c4002da', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: '3280158fc2eb52cab06257cfea6237b04e277514', class: "otp-container" }, h("div", { key: 'b237b9c77421eeae14d5bac7e079b4f6b667ceed', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
                 if (e.keyCode > 47) {
                     this.otpRef[i].value = "";
                 }
@@ -35,7 +35,7 @@ const ZOtp$1 = /*@__PURE__*/ proxyCustomElement(class ZOtp extends HTMLElement {
             }, onInput: (e) => {
                 this.otp[i] = e.target.value;
                 this.emitInputChange(this.otp.join(""));
-            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: '27cfcc5a59ce18104b04210a8383caf6d0de2f2b', message: this.message, status: this.status })));
+            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: 'd74fcd0805c2bbfa9cf993cf88fbaabf632412a8', message: this.message, status: this.status })));
     }
     static get style() { return ZOtpStyle0; }
 }, [1, "z-otp", {

package/dist/components/z-pagination.js

@@ -1,9 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { I as InputType } from './index2.js';
-import { d as defineCustomElement$5 } from './index4.js';
-import { d as defineCustomElement$4 } from './index9.js';
-import { d as defineCustomElement$3 } from './index11.js';
-import { d as defineCustomElement$2 } from './index12.js';
+import { d as defineCustomElement$5 } from './index5.js';
+import { d as defineCustomElement$4 } from './index10.js';
+import { d as defineCustomElement$3 } from './index12.js';
+import { d as defineCustomElement$2 } from './index13.js';
 
 const stylesCss = "z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;--z-pagination-background-color:var(--color-background);--z-pagination-background-color-hover:var(--color-surface01);display:flex;max-width:100%;flex-flow:column wrap;font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2) calc(var(--space-unit) * 4)}z-pagination,z-pagination *{box-sizing:border-box}z-pagination button{height:100%}z-pagination z-icon{fill:var(--color-primary01-icon)}z-pagination *:disabled z-icon{fill:var(--color-disabled03)}z-pagination .page-label{margin-right:calc(var(--space-unit) * 3);color:var(--color-default-text)}z-pagination .pagination-bar{display:flex;max-width:100%;height:48px;align-items:center}z-pagination .pagination-bar button{display:flex;align-items:center;justify-content:center;border:none;margin:0;background-color:var(--z-pagination-background-color);color:var(--color-primary01);cursor:pointer;font-family:inherit;font-weight:inherit;transition:background-color 0.15s ease-out,\n    color 0.15s ease-out,\n    border-bottom-color 0.15s ease-out,\n    font-size 0.15s ease-in-out,\n    font-weight 0.15s ease-in-out}z-pagination .pagination-bar button:focus-visible{background-color:var(--color-surface01);outline:none}z-pagination .pagination-bar .pagination-button{padding:calc(var(--space-unit) * 2);font-weight:var(--font-sb);text-transform:uppercase;white-space:nowrap}z-pagination .pagination-bar .navigation-button{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 1.5)}z-pagination .pagination-bar .pagination-button:disabled,z-pagination .pagination-bar .navigation-button:disabled{color:var(--color-disabled03);cursor:default;fill:var(--color-disabled03);pointer-events:none}z-pagination .pagination-bar .page-button,z-pagination .pagination-bar .ellipsis-button{width:var(--z-pagination--page-button-width)}z-pagination .pages-container{position:relative;display:inline-flex;max-width:100%;height:100%;overflow-x:auto;scroll-behavior:smooth;scroll-snap-align:center;scrollbar-width:none}z-pagination .pages-container::-webkit-scrollbar{display:none}z-pagination .pages-chunk{display:flex;scroll-snap-align:center}z-pagination .pagination-bar .page-button{padding-top:var(--border-size-large) solid transparent;border-bottom:var(--border-size-large) solid transparent;font-size:var(--font-size-2);font-weight:var(--font-sb)}z-pagination .pagination-bar .page-button[data-current]{border-bottom-color:var(--color-primary01);font-size:var(--font-size-7)}z-pagination .go-to-page{display:flex;flex-direction:column}z-pagination .go-to-page .inputs{display:flex;column-gap:var(--space-unit)}z-pagination .go-to-page .inputs z-input{width:calc(var(--space-unit) * 11)}z-pagination .go-to-page .inputs z-input input,z-pagination .mobile-go-to-page z-input input{padding:0 calc(var(--space-unit) * 1.5) !important;appearance:none}z-pagination .mobile-go-to-page{display:flex;height:100%;flex:1 auto;align-items:center;justify-content:center;background-color:var(--color-surface02)}z-pagination .mobile-go-to-page z-input{width:var(--z-pagination--page-button-width);margin-right:var(--space-unit)}z-pagination .mobile-go-to-page z-input input{text-align:center}z-pagination .mobile-go-to-page z-input input::-webkit-outer-spin-button,z-pagination .mobile-go-to-page z-input input::-webkit-inner-spin-button{appearance:none}z-pagination .mobile-go-to-page>span{font-size:var(--font-size-2)}@media (hover: hover){z-pagination .pagination-bar button:hover{background-color:var(--z-pagination-background-color-hover)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-primary);color:var(--color-hover-primary)}}@media (min-width: 768px){z-pagination{--z-pagination--page-button-width:88px;flex-direction:row;align-items:flex-end}z-pagination .pages-container{max-width:var(--z-pagination--pages-container-max-width)}}";
 const ZPaginationStyle0 = stylesCss;

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './index9.js';
+import { d as defineCustomElement$2 } from './index10.js';
 
 const stylesCss = ".sc-z-panel-elem-h{width:inherit;font-family:var(--font-family sans);font-weight:var(--font-rg)}.panel-elem-container.sc-z-panel-elem{width:100%}.panel-elem-icon.sc-z-panel-elem{margin:auto calc(var(--space-unit) * 3)}.panel-elem-icon.sc-z-panel-elem img.sc-z-panel-elem{display:block;max-width:96px;height:32px;margin:auto;object-fit:contain}.panel-elem-link.sc-z-panel-elem{display:flex;align-items:center;justify-content:center;margin:var(--space-unit) auto 0;border-radius:var(--border-no-radius);font-size:12px}.panel-elem-link.sc-z-panel-elem>a.z-link.sc-z-panel-elem{padding:calc(var(--space-unit) * 0.5) 0;font-weight:var(--font-sb)}.panel-elem-desc.sc-z-panel-elem{padding-top:var(--space-unit);margin:0;letter-spacing:0.16px;text-align:center}a.sc-z-panel-elem>z-icon.sc-z-panel-elem{margin-right:var(--space-unit)}";
 const ZPanelElemStyle0 = stylesCss;
@@ -20,12 +20,12 @@ const ZPanelElem$1 = /*@__PURE__*/ proxyCustomElement(class ZPanelElem extends H
     }
     render() {
         const elemId = this.elemid ? this.elemid : "";
-        return (h("div", { key: 'd5a9754ebe82d16f501f7de159abb1abe4826d73', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: 'c9b06c626e81b8248a63604423b624c80c3099eb', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: '491be43fc992a6d3de6c2961b29d2e6a7dc17003', src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'f6371f8214bcd56380f6d184b211356215fa870a', class: "panel-elem-link" }, h("a", { key: '6988da8b80cdb0a2e25eb1f67c7ec5cfac3d07c7', class: {
+        return (h("div", { key: '7ccde7a594052fb877c381d8f2db8df80d64e96e', class: "panel-elem-container" }, (this.imgurl || this.imgalt) && (h("div", { key: 'f925fb70d03baa4a8a7f96006c515c9116785ff7', "aria-hidden": "true", class: "panel-elem-icon" }, h("img", { key: 'b0349cf006ded4cc02f686e1ea1adfbd76550fb8', src: this.imgurl, alt: this.imgalt }))), h("div", { key: 'c9393757ba1c849c8558dc668189f6f27b232e94', class: "panel-elem-link" }, h("a", { key: '7c552ae67030c9bf12a6e52e8d8f6f82df88b4a2', class: {
                 "z-link": true,
                 "z-link-disabled": this.isdisabled,
                 "z-link-icon": true,
                 "z-link-blue": true,
-            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: '404ce91ab1d4d086115355375a3358050366104d', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: '7bc0055610960f8966f68dc100b3af2022848f06', class: "panel-elem-desc" }, h("slot", { key: '966fe6d8009a74131b4f568253134acfcfee5733', name: this.descrSlotName })))));
+            }, id: elemId + "link_id", href: this.url, target: this.target }, h("z-icon", { key: 'f72a6a2634b41803ea7eaf8d51ba3439f095457a', height: 14, width: 14, name: this.linkicon }), this.linklabel)), this.descrSlotName && (h("div", { key: '6cd08ffd2e65f13d500f88682724f4f762c1f118', class: "panel-elem-desc" }, h("slot", { key: '01f55703602ee64f92eed8bc918ac5032927850c', name: this.descrSlotName })))));
     }
     static get style() { return ZPanelElemStyle0; }
 }, [6, "z-panel-elem", {

package/dist/components/z-popover.js

@@ -1,4 +1,4 @@
-import { Z as ZPopover$1, d as defineCustomElement$1 } from './index23.js';
+import { Z as ZPopover$1, d as defineCustomElement$1 } from './index24.js';
 
 const ZPopover = ZPopover$1;
 const defineCustomElement = defineCustomElement$1;