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

package/dist/cjs/z-file.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-daad5eae.js');
+const index$1 = require('./index-f5ebcaa2.js');
 const breakpoints = require('./breakpoints-8a1e87e0.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}";
@@ -42,7 +42,7 @@ const ZFile = class {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (index.h(index.Host, { key: '0d6f3522b4d6be820d8b96a3cd96fc4abb38d41c' }, this.allowPopover && (index.h("z-popover", { key: 'da950fcf5b1be6fc291895aeb0e2223275cab8fa', open: this.popoverVisible, position: index$1.PopoverPosition.AUTO, bindTo: this.chip }, index.h("span", { key: '54363fac4eb3b6a723c7841bb29415b0bd763e9a', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), index.h("z-chip", { key: '2842d206ffa531c93838e885ba545176554dd7e3', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: index$1.ZChipType.DEFAULT }, index.h("span", { key: 'e6d0322525bf9ae3d2d09d4110a5414c25ab211b', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
+        return (index.h(index.Host, { key: '06eb76eb19f7e13220a061500ece85633d49983e' }, this.allowPopover && (index.h("z-popover", { key: '39304b636782d318a9030d470e5eaefb9dfbb9c3', open: this.popoverVisible, position: index$1.PopoverPosition.AUTO, bindTo: this.chip }, index.h("span", { key: 'c4ebd8209b84bb9a36b4798a41dd3bb6f3cae2de', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), index.h("z-chip", { key: 'd9a07d08fc112ebb6fde69bdf8024704377263e8', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: index$1.ZChipType.DEFAULT }, index.h("span", { key: '445cacd0600a679dd58cc4367eedda56738fc38e', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/z-ghost-loading.cjs.entry.js

@@ -12,7 +12,7 @@ const ZGhostLoading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: '1b6194b00f5be2533e18e4c6a914f4e51bf7e7bd' });
+        return index.h(index.Host, { key: '6eea73c0f46a3413cde6d9181d0175eee9826ab8' });
     }
 };
 ZGhostLoading.style = ZGhostLoadingStyle0;

package/dist/cjs/z-info-box.cjs.entry.js

@@ -18,7 +18,7 @@ const ZInfoBox = class {
         this.infoBoxClose.emit({ boxid: this.boxid });
     }
     render() {
-        return (index.h("div", { key: '4e08c5c0d3c070db1944b3ab5745d192fd4e8013', id: this.boxid }, index.h("slot", { key: 'f94d50c3fd311445d4abb7e3f12c387c3be4724d', name: "content" }), this.isclosable && (index.h("z-icon", { key: '165b638f14604a45a798210ea2de1c9f59bb3612', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+        return (index.h("div", { key: '0045eb418845bbf110614082c0b9a2923b747c08', id: this.boxid }, index.h("slot", { key: 'ffa268a29a1bf33d1366cd9bb6d6564bc82d3306', name: "content" }), this.isclosable && (index.h("z-icon", { key: 'd78e798a31af02d01762d046a8a78fd72d3764c2', name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
     }
 };
 ZInfoBox.style = ZInfoBoxStyle0;

package/dist/cjs/z-info-reveal.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-daad5eae.js');
+const index$1 = require('./index-f5ebcaa2.js');
 
 const stylesCss = ":host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size=\"big\"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size=\"small\"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size=\"x-small\"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:flex;fill:var(--color-inverse-icon)}:host([size=\"small\"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:18px}:host([size=\"x-small\"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:16px}.z-info-reveal-panel{position:absolute;display:flex;width:var(--z-info-reveal-panel-width);height:fit-content;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);box-shadow:var(--shadow-4);color:var(--color-text-inverse);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position=\"top_left\"]) .z-info-reveal-panel,:host([position=\"top_right\"]) .z-info-reveal-panel{top:0}:host([position=\"bottom_left\"]) .z-info-reveal-panel,:host([position=\"bottom_right\"]) .z-info-reveal-panel{bottom:0}:host([position=\"top_right\"]) .z-info-reveal-panel,:host([position=\"bottom_right\"]) .z-info-reveal-panel{right:0}:host([position=\"top_left\"]) .z-info-reveal-panel,:host([position=\"bottom_left\"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{position:fixed;top:auto !important;bottom:auto !important;left:var(--grid-margin) !important;width:calc(100% - (var(--grid-margin) * 2)) !important;max-width:none !important;margin-top:calc(var(--trigger-size) * -1)}}";
 const ZInfoRevealStyle0 = stylesCss;
@@ -50,7 +50,7 @@ const ZInfoReveal = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0cd6457cdde5047f859f7e11feee92fb9dd0eb31', open: this.open }, index.h("button", { key: '63fd527be4c6d7de36aa8546dc47874ad571de01', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && index.h("z-icon", { key: '0297eed1694a18d08b9290568a503afb441127ea', name: this.icon }), this.label && index.h("span", { key: '0fa5ff78efe186486b6991fec0edbcd560a2f302', class: "z-info-reveal-label" }, this.label)), index.h("div", { key: '6d1125e73e361aee556994e3e311196dfa288dee', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, index.h("slot", { key: 'fe7b4a62cb6306418f935254139cfc4b0048a821' }), index.h("button", { key: '789d137466ede751579c4c64eddd04269eda3c12', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, index.h("z-icon", { key: '267e312def7799ab52a9fac1923d33538c8e9218', name: "multiply" })))));
+        return (index.h(index.Host, { key: '7b83b3501b67a664e60b210eef1749ed0161ffd8', open: this.open }, index.h("button", { key: '1cfa35284679639b5448b381fed85e33638f299b', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.ariaLabel : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && index.h("z-icon", { key: 'd84ea2e8e508e7e87d2974256613e5c1a9fba59e', name: this.icon }), this.label && index.h("span", { key: '169679bf52a125bdd3fac5aa84eb8c585136d563', class: "z-info-reveal-label" }, this.label)), index.h("div", { key: '22764431af3874cef38473fe254ad81004418d86', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, index.h("slot", { key: 'de0d9c9e5065644b68e6b42b61d44813f80028e5' }), index.h("button", { key: 'a9afc989189dc20f48f6a27460fca1fd94e14fd1', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, index.h("z-icon", { key: 'e0dcfd4b2631f3ed0bea6434f4d248e66d1a56f7', name: "multiply" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-logo.cjs.entry.js

@@ -25,7 +25,7 @@ const ZLogo = class {
         if (this.height) {
             style["height"] = style["max-height"] = `${this.height}px`;
         }
-        return (index.h(index.Host, { key: 'b7aef0e1a12aefa4609fc698ac287245d93144f0', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (index.h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, index.h("img", { alt: this.imageAlt }))) : (index.h("img", { alt: this.imageAlt }))));
+        return (index.h(index.Host, { key: 'dff898ba5911d6e7751af0cdefcf36a20a10d999', style: style, class: { mobile: !!this.mobileLogo } }, this.link ? (index.h("a", { href: this.link, target: this.targetBlank ? "_blank" : "_self" }, index.h("img", { alt: this.imageAlt }))) : (index.h("img", { alt: this.imageAlt }))));
     }
 };
 ZLogo.style = ZLogoStyle0;

package/dist/cjs/z-menu-deprecated.cjs.entry.js

@@ -101,7 +101,7 @@ const ZMenuDeprecated = class {
         return (index.h("div", { class: "menu-label" }, index.h("div", { class: "menu-label-content" }, index.h("slot", { onSlotchange: this.onLabelSlotChange }))));
     }
     render() {
-        return (index.h(index.Host, { key: '3db9cc8073a46a7160e9cdd10ca8e56017fa17e3' }, this.renderMenuLabel(), this.hasContent && (index.h("div", { key: '1ba60c68bbb101a557bab3609640b6f0729b0791', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (index.h("header", { key: '08a6e9093b5f38d61ad5dc7c52749df71de26218', class: "header" }, index.h("slot", { key: '3c0cc8a49f9d83ca592f144d2e63e3bbb82f44a8', name: "header", onSlotchange: this.checkContent }))), index.h("div", { key: '2f8d351c4fd22ff30d6f6d1899e5c3f5875b2cc5', class: "items", role: "menu" }, index.h("slot", { key: '4f411874aea00060bc7a1333bfed808c92d96bdd', name: "item", onSlotchange: this.onItemsChange }))))));
+        return (index.h(index.Host, { key: '415e0532e5211ce66cc67f508939116db5d512c2' }, this.renderMenuLabel(), this.hasContent && (index.h("div", { key: '624b196841355f3510f0ea4c43aff41fc4437386', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (index.h("header", { key: 'aae6c791ce10726f74b3d0af75caa3cc3cfc8801', class: "header" }, index.h("slot", { key: '943a8e26b09d9d3ec3f6d74cb05806dbd1d00c78', name: "header", onSlotchange: this.checkContent }))), index.h("div", { key: '27c29c3af624c05da743828aaf2dbaa4bce62042', class: "items", role: "menu" }, index.h("slot", { key: 'dfbce2824c07e67c7f04ec94e530ce6aa188609a', name: "item", onSlotchange: this.onItemsChange }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-menu-section-deprecated.cjs.entry.js

@@ -49,7 +49,7 @@ const ZMenuSectionDeprecated = class {
         this.checkContent();
     }
     render() {
-        return (index.h(index.Host, { key: '9f5e6272fec856fc30b8f00632105cf2d41f53cc', role: "menu", open: this.open }, index.h("button", { key: '31fbf5069fe344a43e5835f14459300dcf3359ac', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, index.h("slot", { key: '789bf049b23b099e4fb07f12a3fa5a80a221f833', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && index.h("z-icon", { key: 'ffc7213860bca2db3fc12d575aaf26a0c598caaa', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (index.h("div", { key: '14cc6b2bb5f80030df79598464af61c4e375293b', class: "items" }, index.h("slot", { key: '830b84cf4ce1028c7cfed3ec5051f206f742e66f', name: "item", onSlotchange: this.checkContent.bind(this) })))));
+        return (index.h(index.Host, { key: 'd3eb60ac45dce85c952ed94b36a69eca10e43643', role: "menu", open: this.open }, index.h("button", { key: '7c72a88e697b94e80a74c67d7707ab0c06ba0e3e', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, index.h("slot", { key: 'bc08615c8e343338342eb9a900ea4a6eae738524', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && index.h("z-icon", { key: 'b78c8a98bd7aa03c961539426b11ec02243ce452', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (index.h("div", { key: '0f1644eae69566cb930620d6ab5760718bec4f38', class: "items" }, index.h("slot", { key: '2826a758572ae709f8283ed72e7d3c9cb3db1d52', name: "item", onSlotchange: this.checkContent.bind(this) })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/z-menu-section.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-96af6326.js');
-const index = require('./index-daad5eae.js');
+const index = require('./index-f5ebcaa2.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-secondary01)}.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-secondary01)}::slotted([slot=\"section\"]:hover),::slotted([slot=\"section\"]:focus:focus-visible),::slotted([slot=\"section\"][active]){color:var(--color-secondary01);font-weight:var(--font-bd)}";
 const ZMenuSectionStyle0 = stylesCss;
@@ -177,7 +177,7 @@ const ZMenuSection = class {
         this.onItemsChange();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '8055d8257a832f25940c0a754bd58497fa4bd0a0', open: this.open }, index$1.h("button", { key: '311bb43cd08cb379973701c416744ee27e3747f8', ref: (el) => (this.label = el), class: "label", "aria-haspopup": `${!!this.hasItems}`, "aria-expanded": `${!!this.open}`, role: "menuitem", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, index$1.h("slot", { key: 'd6a00928ca6a80ccdec98164979ccb2681c130c5', onSlotchange: this.onLabelSlotChange }), this.hasItems && index$1.h("z-icon", { key: '976be6f35df99772aa82d82a60c86f3c09ca585a', name: this.open ? "chevron-up" : "chevron-down" })), index$1.h("div", { key: 'd963f28d3d70563f01b9995194c941de9197cc1f', class: "items", role: "menu", hidden: !this.open }, index$1.h("slot", { key: 'b42437ebb6c0c0373e4773f1930e527ed3a4697e', name: "section", onSlotchange: this.onItemsChange }))));
+        return (index$1.h(index$1.Host, { key: '58d9bd4b0d75c4ae935ade13c634c667c3a23d48', open: this.open }, index$1.h("button", { key: '1974d5f004188eed1d5e9b3818af67a5643d74d3', ref: (el) => (this.label = el), class: "label", "aria-haspopup": `${!!this.hasItems}`, "aria-expanded": `${!!this.open}`, role: "menuitem", tabindex: this.htmlTabindex, onClick: this.onLabelClick, onKeyDown: this.onLabelKeydown }, index$1.h("slot", { key: '04b077536b31244987c454e147e74778953d0b97', onSlotchange: this.onLabelSlotChange }), this.hasItems && index$1.h("z-icon", { key: '915bb2bfea20172356ddb24ca0ca78f7fe62d2e7', name: this.open ? "chevron-up" : "chevron-down" })), index$1.h("div", { key: '4103c4516aea0b6bc8e362a6a7ed7f8e8db6ddde', class: "items", role: "menu", hidden: !this.open }, index$1.h("slot", { key: 'bb21ddd5f73efd7ed7d7dadc8e1ea74609bbf13a', name: "section", onSlotchange: this.onItemsChange }))));
     }
     get host() { return index$1.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-menu.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-96af6326.js');
-const index = require('./index-daad5eae.js');
-const utils = require('./utils-24df887f.js');
+const index = require('./index-f5ebcaa2.js');
+const utils = require('./utils-d08d4b80.js');
 require('./breakpoints-8a1e87e0.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-secondary01)}: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:0;left:0;width:100%;height:var(--border-size-large);background-color:var(--color-secondary01);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){border-color:var(--color-secondary01);font-weight:var(--font-bd)}";

package/dist/cjs/z-myz-card-alert.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-daad5eae.js');
+const index$1 = require('./index-f5ebcaa2.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-surface02);border-top:none}:host div.add-alert{background:var(--color-success-inverse)}:host div.remove-alert{background:var(--color-warning-inverse)}: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 = class {
         }
     }
     render() {
-        return (index.h("div", { key: '4887349f74dcbeb07e6c8785481f717a4892238c', class: "alert-external-wrapper " + this.retrieveClass() }, index.h("z-alert", { key: '64b1aab8757cbeb05ca5e52ca000058d5341770a', type: this.getAlertType() }, index.h("div", { key: 'a8004837dc3f11c1b156736171dd2b738ea4cede', class: "relative-container" }, index.h("z-icon", { key: '5784ab77dd50bbc1c38d65fd7f6109846a83a06c', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), index.h("span", { key: '089042e66c5388d887d7d428ffbd49124a31c6dd', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (index.h("span", { key: '1ffc68e30d2038b49ce31f35b8b08778f16841da', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
+        return (index.h("div", { key: '3b69a540f250e0b3e43286e19635ec082bf62e3f', class: "alert-external-wrapper " + this.retrieveClass() }, index.h("z-alert", { key: '8c18ad1833eb2e0b3b883f240dd754f89debf824', type: this.getAlertType() }, index.h("div", { key: '3f114917e9239c67a436ccb93b81b05e38f011d0', class: "relative-container" }, index.h("z-icon", { key: 'dd3a4d021fdee0bd1776700fa26f7ec3f832288a', name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), index.h("span", { key: 'ecc3a20ee4f4abc7343acc6598b41b75f184959d', class: "content-text" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (index.h("span", { key: 'ea176f73eb67d4f0f9c58b54759995c813a2eaaf', role: "button", tabindex: "0", class: "content-action", onClick: (e) => {
                 this.handleActionButtonClick(e);
             }, onKeyPress: (e) => {
                 this.handleSpaceKeyPress(e);

package/dist/cjs/z-myz-card-dictionary.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-daad5eae.js');
+const index$1 = require('./index-f5ebcaa2.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;
@@ -27,7 +27,7 @@ const ZMyzCardDictionary = class {
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (index.h("div", { key: 'f7c5b89a84036db946702fc8990564d3fcbf7cfb' }, index.h("z-myz-card", { key: 'd7972b3c72daff0a4167ef83e20a47593092ac10' }, index.h("z-myz-card-header", { key: '355e3a181cfccbcfda8eaeb57fbb1a345121f21a', titolo: this.name }), index.h("div", { key: '250d86cfd9f076fc6a361d7be559d9d63dd7d908', class: `content ${this.flipped ? "flipped" : ""}` }, index.h("div", { key: 'ff6975119b9bf212ee499d2bef026c4d9b87a5ce', class: "front" }, index.h("z-myz-card-body", { key: '40a8fea2e369b69f8e71d26d3e6a36e96981c0c4' }, index.h("z-myz-card-cover", { key: '2d99c3bc655c8b40177401f6ff4a8502a23c30dc', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), index.h("z-button", { key: 'd49203bc96cd283cabe29e0e5c37c8a0928dea4e', class: { "hide-info": this.hideinfobtn }, variant: index$1.ButtonVariant.SECONDARY, icon: "informationsource", size: index$1.ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), index.h("div", { key: '0c547edaf0d97c2d983350446fe5a5fab8c764d5', class: "back" }, index.h("slot", { key: 'af3acf86431069cff1e7aff7b7011e903b5d10a2', name: "info" }))), index.h("slot", { key: '660c2827003495015ca697cfae2b0b185436f9a9' }))));
+        return (index.h("div", { key: 'd1122097dacc1c858ec1bb59a40dc1c0247b80d7' }, index.h("z-myz-card", { key: 'e25b666fc2a4f2ebf7589230535b21a3b9e199e5' }, index.h("z-myz-card-header", { key: 'f3c5a22eabfd226cadb01cf1b2ecf814c81361e9', titolo: this.name }), index.h("div", { key: 'e23fb11f952a1d5703ace244ec389bff131da703', class: `content ${this.flipped ? "flipped" : ""}` }, index.h("div", { key: '30db99cfb20ecfcb7a54c8a1f7eca0b23b109a60', class: "front" }, index.h("z-myz-card-body", { key: '7a815086228be31545b6f0d22e16021f85b49ddb' }, index.h("z-myz-card-cover", { key: 'a99d53c08d8534cad3e814025a61c84943dad1bf', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), index.h("z-button", { key: '2180a97517b969eb8c987efcdfe734f8b699f5c8', class: { "hide-info": this.hideinfobtn }, variant: index$1.ButtonVariant.SECONDARY, icon: "informationsource", size: index$1.ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), index.h("div", { key: '4f3c21c140d81d84616af5399a2945cdb0a099e7', class: "back" }, index.h("slot", { key: '460405d69bb7962f82947e02c5dc4f1f520871db', name: "info" }))), index.h("slot", { key: '681cafaf8c09f6be3614ae2530213e738d774bb2' }))));
     }
 };
 ZMyzCardDictionary.style = ZMyzCardDictionaryStyle0;

package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js

@@ -12,7 +12,7 @@ const ZMyzCardFooterSections = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '360208c758c0173bd270a796f5537c12ca3a6025' }, index.h("footer", { key: '2cc4273bc39b575eb1c2adbb8c32f261efbc6eaa' }, index.h("div", { key: 'd8f3dccf2e3db8245281ba76b8643f147b0fe6e0', class: "top" }, index.h("slot", { key: '8552908078ded7a827b7c6c3fa53c73ae3a2f64d', name: "top" })), index.h("div", { key: 'd416449033db5c2b5d1e5d5db24067a71e10d9bc', class: "bottom" }, index.h("slot", { key: 'a3404835e90df89465f0e6317d4f71f879a6cff0', name: "bottom" })))));
+        return (index.h("div", { key: 'c93dfb09ca6f8700ede06f3d84f20b2a4202bd6a' }, index.h("footer", { key: '49196451f51748f7c0ae4d08ce652668a2bde3ac' }, index.h("div", { key: 'cc63a265578228c47f9b76b0d70337de9beb878d', class: "top" }, index.h("slot", { key: '85e22b5645e27c2963204a8b2b3d871bbc2b4a6b', name: "top" })), index.h("div", { key: '806d2c89d1b87d99eb73cb58db1076533fdb8684', class: "bottom" }, index.h("slot", { key: 'a22c139d6a270b29eadd44ad623db726b997953d', name: "bottom" })))));
     }
 };
 ZMyzCardFooterSections.style = ZMyzCardFooterSectionsStyle0;

package/dist/cjs/z-myz-card-footer.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-daad5eae.js');
+const index$1 = require('./index-f5ebcaa2.js');
 
 const stylesCss = "footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out,\n    top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot=\"content\"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot=\"content\"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}";
 const ZMyzCardFooterStyle0 = stylesCss;
@@ -64,7 +64,7 @@ const ZMyzCardFooter = class {
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (index.h("div", { key: '95471e9b224ae123dbee86149a8ad1bb2d8cbaaf', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, index.h("footer", { key: 'b9df9be334a121be3c84f40ac31dc00359e42b85', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, index.h("span", { key: '48f1b9befd8700ce2b1fd503e146e0f4890b642e', class: "toggle" }, index.h("slot", { key: '780b4ebc07c7571dc1e5a29bfd42fe913b16e1c4', name: "toggle" })), this.titolo && index.h("p", { key: '8b7491fc25b5242d5227de74e49b2bfa4ed1b94d', class: { "custom-content": this.customContent } }, this.titolo), index.h("div", { key: '3d2ffb755ab4bc961f690dce39e69a64bbd1b386', class: { "content": true, "custom-content": this.customContent } }, index.h("div", { key: 'e19edaab5eccfba65a5f7cf43a1955200a33e590' }, index.h("p", { key: '134507d968cf847976e1a3fa57c0a2ad5d8c448a', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, index.h("span", { key: '0def6b25daa09188958accdfa2e4f96cd52e6ab0', title: this.getTitleAuthors() }, index.h("span", { key: '32c27603fd64494fe660d7b4cb31687bb8efc974', "aria-description": "Autori", class: "bold" }, this.autori))), index.h("p", { key: 'd4f81349f5e4cb36711fca0ebb42aafe8843efca', class: "year-isbn" }, index.h("span", { key: 'd6a1ff032454ece5bb485bcf3462d24a3005396e', class: "isbn" }, index.h("span", { key: '860b6c3c876d1e02015f86b93fd9cad1eac7f0ba' }, index.h("span", { key: '3f3656a7b6bba750d1e7522bad1f2a875aff9b52', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), index.h("div", { key: '4af2ea2d2684984f328bea6cf50d13524036772c', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, index.h("slot", { key: '89d9b0d155e93a03c557ebdccc77d256145a4558', name: "list" })))), this.customContent && index.h("slot", { key: '9a1aa30dd1df23d4ab8c6d5138d731f17cdf2ff6', name: "content" })));
+        return (index.h("div", { key: 'c8e67ab302fd3a052a4c7859a1966670fbf2889e', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, index.h("footer", { key: '6709ce849efb942bbaae0a91bc325e9f474dcb31', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, index.h("span", { key: 'e1188bb0e012c769d32b11567aa776daae72cc4e', class: "toggle" }, index.h("slot", { key: '91fc3bd412cc1ff6203f29844ecd266995f3f654', name: "toggle" })), this.titolo && index.h("p", { key: '1dcecbc0fab6175215caf88d9df8e2866aee9706', class: { "custom-content": this.customContent } }, this.titolo), index.h("div", { key: '00f3a4918c8b4059a7913f8b83a497bcb2bd91e5', class: { "content": true, "custom-content": this.customContent } }, index.h("div", { key: '1d790fd7cfdade2e2ce8378b2f2547a786a14e5d' }, index.h("p", { key: 'be8caa0372d13eabea138a9106bfaa9b91011289', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, index.h("span", { key: 'a88c2bffa02e69d45d22fa448f2995c2fbecfa03', title: this.getTitleAuthors() }, index.h("span", { key: '9c1de045d7a95c74dca1c12ad64023051ccae30c', "aria-description": "Autori", class: "bold" }, this.autori))), index.h("p", { key: '9cf9dc833e73b7ded92dc5f9b5d406aa2d123b5a', class: "year-isbn" }, index.h("span", { key: '02d42c548bb100c818ed63b699affc61a07f759c', class: "isbn" }, index.h("span", { key: '7821dfc4141c8031703e1b2bb7fe26d938e4fdc0' }, index.h("span", { key: '0cad355f2204da82aaf8f33bb7649a4451410761', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), index.h("div", { key: 'cac08d66d20832757832aa3582d5cb228ff83907', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, index.h("slot", { key: '3adc0654614e6577d3dfe43594830a748b11e444', name: "list" })))), this.customContent && index.h("slot", { key: 'edca8d42d2094fb941ed26935d45270bf00c7c22', name: "content" })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/z-myz-card-icon.cjs.entry.js

@@ -15,7 +15,7 @@ const ZMyzCardIcon = class {
         this.ariaLabel = "";
     }
     render() {
-        return (index.h("button", { key: 'dce263721e9c0483d2715776decad8392c9d083f', disabled: this.isdisabled, "aria-label": this.ariaLabel }, index.h("span", { key: 'cd20d6f9c83b394cd651bcf8b92626daa04e9c16' }, index.h("z-icon", { key: 'ecdad1d4dc3b39826f0a4cb51e3cb0b97fe5f3f0', name: this.icon, width: 16, height: 16 }))));
+        return (index.h("button", { key: '9a0bb804f0e85e5074105782e7958fe2d7e6e580', disabled: this.isdisabled, "aria-label": this.ariaLabel }, index.h("span", { key: 'e83b9f8732f726774403166e8c71bf5c02ecc639' }, index.h("z-icon", { key: 'a5e537b363122c0315036f28de20f2971693f456', name: this.icon, width: 16, height: 16 }))));
     }
 };
 ZMyzCardIcon.style = ZMyzCardIconStyle0;

package/dist/cjs/z-myz-card-info.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-daad5eae.js');
-const utils = require('./utils-24df887f.js');
+const index$1 = require('./index-f5ebcaa2.js');
+const utils = require('./utils-d08d4b80.js');
 require('./breakpoints-8a1e87e0.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-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}";
@@ -122,7 +122,7 @@ const ZMyzCardInfo = class {
         return (index.h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, index.h("span", { class: "license-heading" }, index.h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", index.h("b", null, this.cardData.offlineLicense.expiration), index.h("br", null), "Installazioni disponibili: ", index.h("b", null, this.cardData.offlineLicense.installations)));
     }
     render() {
-        return (index.h("div", { key: 'caf12cdfa9cea6d882b85dfb809e55036449bf19' }, this.renderCloseIcon(), index.h("div", { key: '7b01593abc3b658a08faad90c18f040284006ecd', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), index.h("div", { key: 'def1beafdcd5c7a42fea42fa70976a7eeca1dbad', class: "cta-wrapper" }, index.h("slot", { key: '514e3cab754ccffe63c867b1fa2b41e0de27b3ea' }))));
+        return (index.h("div", { key: '20cb2f917ddfa7171b79a6909b9bde18a5a3095c' }, this.renderCloseIcon(), index.h("div", { key: '61eee850d99cc0ce21667e3ea643c7ac90f1a62d', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), index.h("div", { key: 'f7ddb88d1261a86819eab2ce355d9b210782977a', class: "cta-wrapper" }, index.h("slot", { key: '35d7e29cfa98c77dc838f4e831c20c634cbbe69e' }))));
     }
 };
 ZMyzCardInfo.style = ZMyzCardInfoStyle0;

package/dist/cjs/z-myz-card-list.cjs.entry.js

@@ -32,7 +32,7 @@ const ZMyzCardList = class {
         });
     }
     render() {
-        return index.h("ul", { key: '4b0208d11f8bf0bce26d4f2613546485c603c4df' }, this.renderList(JSON.parse(this.listdata)));
+        return index.h("ul", { key: 'b8a8e6bf7494e18d3d1a87863263134f4d7ced48' }, this.renderList(JSON.parse(this.listdata)));
     }
 };
 ZMyzCardList.style = ZMyzCardListStyle0;

package/dist/cjs/z-myz-card_4.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-daad5eae.js');
+const index$1 = require('./index-f5ebcaa2.js');
 
 const stylesCss$3 = ":host{--card-overflow:hidden}div{display:flex;overflow:var(--card-overflow);width:auto;width:256px;height:522px;box-sizing:border-box;flex-direction:column;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius)}div.real,div.trial,div.temp{border-color:var(--blue100)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";
 const ZMyzCardStyle0 = stylesCss$3;
@@ -39,7 +39,7 @@ const ZMyzCardComponent = class {
         return elemClasses;
     }
     render() {
-        return (index.h("div", { key: '1b155ce79b5ab224a7dd7e6c7573b44de344abb8', class: this.retrieveClass(), tabindex: "0" }, index.h("slot", { key: '02f31434fd697c81d7907fba3ed2fc236a596acb' })));
+        return (index.h("div", { key: 'e252160779e8d30d985ac30cda5539fd46f5a2f7', class: this.retrieveClass(), tabindex: "0" }, index.h("slot", { key: 'c331074c3ab0e0193d900fc7e3156de5669e27d3' })));
     }
 };
 ZMyzCardComponent.style = ZMyzCardStyle0;
@@ -52,7 +52,7 @@ const ZMyzCardBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'ae770cc2c13b9f3ce5a83376db41393bc1ce8c61' }, index.h("slot", { key: '4c968dfe99e888a6d81d1cc0f63bd06ef2d401ae', name: "alert" }), index.h("slot", { key: '09640a5b36e95c15ddd7c30979468ed513285523', name: "cover" })));
+        return (index.h("div", { key: '17b4fe2d69c81b7cbbbb22b44b6a6cd9fe490b16' }, index.h("slot", { key: 'b2e06d3df731217decf990a1cd08e81101f4d234', name: "alert" }), index.h("slot", { key: '75a3c2df73851232ad1351d5b32023817fa82a2b', name: "cover" })));
     }
 };
 ZMyzCardBody.style = ZMyzCardBodyStyle0;
@@ -72,7 +72,7 @@ const ZMyzCardCover = class {
         this.img = this.defaultimg;
     }
     render() {
-        return (index.h("img", { key: '9555b697e00b73e9dcc0333159479cd0c905b1fc', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+        return (index.h("img", { key: 'e92ec6b7cd0238279b6ceaaa808cbed1df4aaad1', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
     }
 };
 ZMyzCardCover.style = ZMyzCardCoverStyle0;
@@ -108,7 +108,7 @@ const ZMyzCardHeader = class {
         };
     }
     render() {
-        return (index.h("header", { key: 'cd975d148914a4d2b4e95ac321ac492d0fc7475d', class: this.retrieveClass() }, index.h("slot", { key: '078a31629ae0d7df1284e031ba5dd010c3e43a53', name: "aria-heading" }), index.h("span", { key: '16ad3c56cd8c1bfeb1bce22a78d3b4019f0298f9', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), index.h("slot", { key: '6ef1e3e9d12d292e12a7300cdb36b3a06af3787c', name: "icon" })));
+        return (index.h("header", { key: 'e6a40ccbb535906f26293e87960882a69de45bc4', class: this.retrieveClass() }, index.h("slot", { key: 'de2e5208673b8ff5b5bbf1fc39c61895b629c1ad', name: "aria-heading" }), index.h("span", { key: 'f45a5546d1aaa3045c0cf16620d7852a5be182f2', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), index.h("slot", { key: 'a885cbb967d8553b067a5d34fe701888754cc842', name: "icon" })));
     }
 };
 ZMyzCardHeader.style = ZMyzCardHeaderStyle0;

package/dist/cjs/z-myz-list-item.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const utils = require('./utils-24df887f.js');
-require('./index-daad5eae.js');
+const utils = require('./utils-d08d4b80.js');
+require('./index-f5ebcaa2.js');
 require('./breakpoints-8a1e87e0.js');
 
 const stylesCss = ":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--color-default-text);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host(.small) li>span{padding:calc(var(--space-unit) * 1.5) 0;font-size:var(--font-size-2)}:host(.x-small) li>span{padding:var(--space-unit) 0;font-size:var(--font-size-2)}:host(.small) li>span>z-icon,:host(.x-small) li>span>z-icon{--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:calc(var(--space-unit) * 0.5);padding:0}:host li>span.border{border-bottom:2px solid var(--color-surface03)}:host li span:hover,a:hover{color:var(--color-primary01);fill:var(--color-primary01)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--color-primary01);fill:var(--color-primary01)}";
@@ -33,7 +33,7 @@ const ZMyzListItem = class {
     }
     render() {
         const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-        return (index.h("li", { key: '724946d19b711854f81ba9ea9aa30e931c35ac3b', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, index.h("span", { key: 'f10d3d95d9e36acb282c7d17beb5af69aa71bb4c', class: this.underlined && "border" }, this.icon && index.h("z-icon", { key: '4aee715f8daab185a502e446cdfc1c3e51e549b9', name: this.icon }), this.link ? (index.h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (index.h("span", { innerHTML: this.text })), index.h("slot", { key: '8347ee62c05d2262ea4df2efb8cbef29254b0759' }))));
+        return (index.h("li", { key: '65c794482dd4142a5260dac2c767caaf5a6e1d49', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, index.h("span", { key: '071acb05cfcb2bf10f587c6158a850daaef012eb', class: this.underlined && "border" }, this.icon && index.h("z-icon", { key: 'cd5c46d4a05314692cd5fb77fd0cdeff3c340dbc', name: this.icon }), this.link ? (index.h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (index.h("span", { innerHTML: this.text })), index.h("slot", { key: '7d7efd10b25c5f284fdcfa9beb7c82e48d2ae8bb' }))));
     }
 };
 ZMyzListItem.style = ZMyzListItemStyle0;

package/dist/cjs/z-myz-list.cjs.entry.js

@@ -26,7 +26,7 @@ const ZMyzList = class {
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (index.h("ul", { key: '5cb2ef9c27694d786b4163e2ee6a006b3cbc8f72' }, this.list &&
+        return (index.h("ul", { key: 'db95ec6e23a531b9d874331b078b9d7bf7bd14da' }, this.list &&
             this.list.map((bean, i) => (index.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/cjs/z-navigation-tabs.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-daad5eae.js');
+const index$1 = require('./index-f5ebcaa2.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 4px 3px var(--blue800)}z-navigation-tabs>nav>:not([disabled]):hover{background-color:var(--color-surface02)}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-secondary);fill:currentcolor}z-navigation-tabs>nav>:not([disabled]):hover::after,nav>[aria-selected=\"true\"]::after{position:absolute;background-color:var(--color-hover-secondary);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;
@@ -211,10 +211,10 @@ const ZNavigationTabs = class {
         (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '0b12b029411faa03fde8c7cab690c655a9222d96', class: {
+        return (index.h(index.Host, { key: 'ac35ce3ef46a51e61ce9c9eabf6162931f2aaca6', class: {
                 "interactive-2": this.size === index$1.NavigationTabsSize.SMALL,
                 "interactive-1": this.size !== index$1.NavigationTabsSize.SMALL,
-            }, scrollable: this.canNavigate }, index.h("button", { key: '5022271cf8f6d8a48de6186af7cb54d75bb92427', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, index.h("z-icon", { key: '8262403c712f134208a3bdbec48e71d3d446758c', name: this.orientation === index$1.NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), index.h("nav", { key: 'f6ac7d4ac917af513600e6eed2c545000d6508ec', role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, index.h("slot", { key: '3de431022c169350f1a2dd342d8e6170d2b64210' })), index.h("button", { key: '2a5b18aa8280e94d610ffc2a1b30e527d65df8a6', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, index.h("z-icon", { key: '3733f645a9c05166413740c7f5854d121c5f7cdd', name: this.orientation === index$1.NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+            }, scrollable: this.canNavigate }, index.h("button", { key: '786f2c6b9ed0946ef537c7b940a45fdba0fad584', class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, index.h("z-icon", { key: '84070a0d34a9bca56a7c0f96b8749876933ede5e', name: this.orientation === index$1.NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), index.h("nav", { key: '28aa5903faaabd9efd388217a9df5f9809e8f7af', role: "tablist", "aria-label": this.ariaLabel, ref: (el) => (this.nav = el !== null && el !== void 0 ? el : this.nav), onScroll: this.checkScrollEnabled.bind(this), "aria-orientation": this.orientation }, index.h("slot", { key: 'e4f812fc7e986193f42196b3cca48ebc396d7d1f' })), index.h("button", { key: 'e3c3ca48afe50912597387066fffb95c6b30536c', class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, index.h("z-icon", { key: 'cf2f62ed786f77e3c1a06d046d5f75254fc46b8d', name: this.orientation === index$1.NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-notification.cjs.entry.js

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

package/dist/cjs/z-otp.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-daad5eae.js');
+const index$1 = require('./index-f5ebcaa2.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-error01);background-color:var(--color-error-inverse);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 = class {
         this.otpRef = [...Array(this.inputNum)];
     }
     render() {
-        return (index.h("div", { key: '1d894b5748303b0c8608f99266b207697cc98659', class: "otp-container" }, index.h("div", { key: '77a5be776089ea3d7988f63e56e6f6702116ffcc', class: "digits-container" }, this.otp.map((_val, i) => (index.h("input", { class: this.status == index$1.InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (index.h("div", { key: '0936e19c689d7d3e28160afb1c51fd24dfe73912', class: "otp-container" }, index.h("div", { key: 'c48319687be99176913292a732054b0d121d3e67', class: "digits-container" }, this.otp.map((_val, i) => (index.h("input", { class: this.status == index$1.InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
                 if (e.keyCode > 47) {
                     this.otpRef[i].value = "";
                 }
@@ -35,7 +35,7 @@ const ZOtp = class {
             }, 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) })))), index.h("z-input-message", { key: '862bef74e3e88e3caf212c5617db73820dae3af5', message: this.message, status: this.status })));
+            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), index.h("z-input-message", { key: 'd01d9a4d52a26b90dec107b504dbe74f9c41cf87', message: this.message, status: this.status })));
     }
 };
 ZOtp.style = ZOtpStyle0;

package/dist/cjs/z-pagination.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-daad5eae.js');
+const index$1 = require('./index-f5ebcaa2.js');
 
 const stylesCss = "z-pagination{--z-pagination--page-button-width:64px;--z-pagination--pages-container-max-width:100%;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(--color-surface03);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-hover-surface);box-shadow:inset var(--shadow-focus-primary);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{background-color:var(--color-disabled01);color:var(--color-disabled03);cursor:default;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:focus-visible{border-bottom-color:var(--color-hover-light)}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;row-gap:var(--space-unit)}z-pagination .go-to-page .label{color:var(--color-default-text);text-transform:uppercase}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-surface03)}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(--color-hover-surface)}z-pagination .pagination-bar .page-button:hover{border-bottom-color:var(--color-hover-light)}}@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/cjs/z-panel-elem.cjs.entry.js

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

package/dist/cjs/z-popover.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-96af6326.js');
-const index$1 = require('./index-daad5eae.js');
+const index$1 = require('./index-f5ebcaa2.js');
 
 const stylesCss = ":host{--z-popover-theme--surface:var(--color-surface01);--z-popover-theme--text:var(--color-default-text);--z-popover-padding:0;--z-popover-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base));position:relative;display:none;min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);align-items:center;justify-content:center;padding:var(--z-popover-padding);background:var(--z-popover-theme--surface);border-radius:var(--border-radius-small);color:var(--z-popover-theme--text);fill:currentcolor;filter:var(--z-popover-shadow-filter);font-family:var(--font-family-sans);text-align:center}:host([open][current-position]),:host([open=\"true\"][current-position]){display:flex}:host([center][current-position=\"top\"]),:host([center][current-position=\"bottom\"]){transform:translateX(-50%)}:host([center][current-position=\"right\"]),:host([center][current-position=\"left\"]){transform:translateY(-50%)}:host([current-position^=\"top\"]){margin:0 0 var(--space-unit)}:host([current-position^=\"bottom\"]){margin:var(--space-unit) 0 0}:host([current-position^=\"left\"]){margin:0 var(--space-unit) 0 0}:host([current-position^=\"right\"]){margin:0 0 0 var(--space-unit)}:host([current-position])::before{--arrow-size:6px;--arrow-edge-offset:calc(100% - var(--space-unit) - (var(--arrow-size) / 2));--arrow-center-x-offset:calc(50% - (var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - (var(--arrow-size) / 2));position:absolute;display:block;width:var(--arrow-size);height:var(--arrow-size);background:var(--z-popover-theme--surface);content:\"\";transform:rotate(45deg)}:host([show-arrow=\"false\"])::before,:host(:not([show-arrow]))::before{display:none}:host([current-position^=\"top\"])::before{top:var(--arrow-center-y-offset)}:host([current-position^=\"bottom\"])::before{bottom:var(--arrow-center-y-offset)}:host([current-position=\"top\"])::before,:host([current-position=\"bottom\"])::before{right:var(--arrow-edge-offset)}:host([current-position=\"right\"])::before,:host([current-position=\"left\"])::before{bottom:var(--arrow-edge-offset)}:host([current-position=\"right\"])::before{right:var(--arrow-center-y-offset)}:host([current-position=\"left\"])::before{left:var(--arrow-center-y-offset)}:host([current-position=\"top_right\"])::before,:host([current-position=\"bottom_right\"])::before{right:var(--arrow-edge-offset)}:host([current-position=\"top_left\"])::before,:host([current-position=\"bottom_left\"])::before{left:var(--arrow-edge-offset)}:host([current-position=\"right_top\"])::before,:host([current-position=\"left_top\"])::before{top:var(--arrow-edge-offset)}:host([current-position=\"right_top\"])::before,:host([current-position=\"right_bottom\"])::before{right:var(--arrow-center-y-offset)}:host([current-position=\"left_top\"])::before,:host([current-position=\"left_bottom\"])::before{left:var(--arrow-center-y-offset)}:host([current-position=\"right_bottom\"])::before,:host([current-position=\"left_bottom\"])::before{bottom:var(--arrow-edge-offset)}:host([center][current-position=\"top\"])::before,:host([center][current-position=\"bottom\"])::before{right:auto;left:var(--arrow-center-x-offset)}:host([center][current-position=\"right\"])::before,:host([center][current-position=\"left\"])::before{top:var(--arrow-center-x-offset);bottom:auto}::slotted(*){overflow:auto;flex:1 auto}";
 const ZPopoverStyle0 = stylesCss;
@@ -304,7 +304,7 @@ const ZPopover = class {
         this.onOpen();
     }
     render() {
-        return index.h("slot", { key: 'd0760be7dcab1b4608f1b3c40cf0578b20d376fd' });
+        return index.h("slot", { key: '8489e64acda7ad13853fcef6e440ae2209b14564' });
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {