@zanichelli/delta_share 3.2.5 → 4.1.0

package/dist/wc/esm/z-myz-card_4.entry.js

@@ -1,14 +1,14 @@
-import { r as registerInstance, h } from './index-1b01fa0e.js';
-import { x as LicenseType } from './index-9d240d39.js';
+import { r as registerInstance, h } from './index-b69e88d4.js';
+import { w as LicenseType } from './index-2f04648d.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 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-background)}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 ZMyzCardComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** pressed status */
+    this.faded = undefined;
+    this.cardtype = undefined;
     this.ispressed = false;
-    /** highlighted status */
     this.ishighlighted = false;
   }
   retrieveClass() {
@@ -34,7 +34,7 @@ const ZMyzCardComponent = class {
     return elemClasses;
   }
   render() {
-    return (h("div", { class: this.retrieveClass(), tabindex: "0" }, h("slot", null)));
+    return (h("div", { key: 'd999d04c93a5a556d397ec0458a8db7b252e4f4c', class: this.retrieveClass(), tabindex: "0" }, h("slot", { key: 'bebbc05f7f4a7e57a0b0379abc0a5b3d71432309' })));
   }
 };
 ZMyzCardComponent.style = stylesCss$3;
@@ -46,7 +46,7 @@ const ZMyzCardBody = class {
     registerInstance(this, hostRef);
   }
   render() {
-    return (h("div", null, h("slot", { name: "alert" }), h("slot", { name: "cover" })));
+    return (h("div", { key: '87bccb8aa58d306d1dd01960d83b87f6c72916a6' }, h("slot", { key: 'f30fbd1e1bebda1bab8dffeab7f7f6691eddf487', name: "alert" }), h("slot", { key: '1c12604a64392bea5f30af724bb10ad074336246', name: "cover" })));
   }
 };
 ZMyzCardBody.style = stylesCss$2;
@@ -56,21 +56,28 @@ const stylesCss$1 = "img{display:block;max-width:100%;height:340px;margin:auto;o
 const ZMyzCardCover = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.img = undefined;
+    this.titolo = undefined;
+    this.faded = undefined;
+    this.defaultimg = undefined;
   }
   hadleOnImageError() {
     this.img = this.defaultimg;
   }
   render() {
-    return (h("img", { class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+    return (h("img", { key: 'e8bb33422b5ec5cd69aa639b75bac7d36efb7eb0', class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
   }
 };
 ZMyzCardCover.style = stylesCss$1;
 
-const stylesCss = "header{position:relative;display:flex;width:auto;height:calc(var(--space-unit) * 6);flex-direction:row;align-items:flex-start;justify-content:space-between;border-bottom:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius)}slot[name=\"aria-heading\"]::slotted(*){position:absolute;overflow:hidden !important;width:1px !important;height:1px !important;padding:0 !important;border:0 none !important;margin:-1px !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important}header.real,header.trial,header.temp{border-bottom:var(--border-size-medium) solid var(--blue100);background-color:var(--color-primary03)}.card-title{overflow:hidden;height:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);margin:0;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--blue100);border-right:var(--border-size-medium) solid var(--blue100);border-left:var(--border-size-medium) solid var(--blue100)}";
+const stylesCss = "header{position:relative;display:flex;width:auto;height:calc(var(--space-unit) * 6);flex-direction:row;align-items:flex-start;justify-content:space-between;border-bottom:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius)}slot[name=\"aria-heading\"]::slotted(*){position:absolute;overflow:hidden !important;width:1px !important;height:1px !important;padding:0 !important;border:0 none !important;margin:-1px !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important}header.real,header.trial,header.temp{border-bottom:var(--border-size-medium) solid var(--blue100);background-color:var(--color-primary03)}.card-title{overflow:hidden;height:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);margin:0;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.faded{border-bottom:var(--border-size-medium) solid var(--color-background)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--blue100);border-right:var(--border-size-medium) solid var(--blue100);border-left:var(--border-size-medium) solid var(--blue100)}";
 
 const ZMyzCardHeader = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.titolo = undefined;
+    this.faded = undefined;
+    this.cardtype = undefined;
     this.allowTooltip = false;
   }
   getTitle() {
@@ -93,7 +100,7 @@ const ZMyzCardHeader = class {
     };
   }
   render() {
-    return (h("header", { class: this.retrieveClass() }, h("slot", { name: "aria-heading" }), h("span", { class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { name: "icon" })));
+    return (h("header", { key: '4dd5f09942f07568a180ac4bc2079aa3ebb5caf5', class: this.retrieveClass() }, h("slot", { key: '09f9e26d737c37eb81b0f88430baeb731275a118', name: "aria-heading" }), h("span", { key: 'a6401d5728990d95a9963ef9feb4496accfb9676', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '98e8d0b79de7170ac81aceed3fe07275b80f7d08', name: "icon" })));
   }
 };
 ZMyzCardHeader.style = stylesCss;

package/dist/wc/esm/z-myz-list-item.entry.js

@@ -1,31 +1,34 @@
-import { r as registerInstance, c as createEvent, h } from './index-1b01fa0e.js';
-import { h as handleKeyboardSubmit } from './utils-bc5ea6f7.js';
-import './index-9d240d39.js';
-import './breakpoints-3c3dbb8c.js';
+import { r as registerInstance, c as createEvent, h } from './index-b69e88d4.js';
+import { h as handleKeyboardSubmit } from './utils-aa5e2546.js';
+import './index-2f04648d.js';
+import './breakpoints-9229197d.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-text01);fill:var(--color-icon02);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)}";
+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)}";
 
 const ZMyzListItem = class {
+  emitZListItemLinkClick(e, linkId) {
+    this.zListItemLinkClick.emit({ e, linkId });
+  }
+  emitZListItemClick(e, listitemid) {
+    this.zListItemClick.emit({ e, listitemid });
+  }
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.zListItemLinkClick = createEvent(this, "zListItemLinkClick", 7);
     this.zListItemClick = createEvent(this, "zListItemClick", 7);
-    /** link target (optional) */
+    this.text = undefined;
+    this.link = undefined;
     this.linktarget = "_self";
-    /** underlined style flag */
+    this.icon = undefined;
+    this.listitemid = undefined;
+    this.action = undefined;
     this.underlined = true;
     this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);
     this.emitZListItemClick = this.emitZListItemClick.bind(this);
   }
-  emitZListItemLinkClick(e, linkId) {
-    this.zListItemLinkClick.emit({ e, linkId });
-  }
-  emitZListItemClick(e, listitemid) {
-    this.zListItemClick.emit({ e, listitemid });
-  }
   render() {
     const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-    return (h("li", { role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { class: this.underlined && "border" }, this.icon && h("z-icon", { name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", null))));
+    return (h("li", { key: 'b96b5f850ed4f955ef40eafdedfabe71c942e886', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: '2ca05ec788e9ff591ad7b1cdbb5517b32d5681a9', class: this.underlined && "border" }, this.icon && h("z-icon", { key: 'e573f22f4797e9420e9a460a4aa4c793be06c14f', name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: '6efed7b8ca33c2dcb7402555330443244340bae5' }))));
   }
 };
 ZMyzListItem.style = stylesCss;

package/dist/wc/esm/z-myz-list.entry.js

@@ -1,10 +1,12 @@
-import { r as registerInstance, h } from './index-1b01fa0e.js';
+import { r as registerInstance, h } from './index-b69e88d4.js';
 
 const stylesCss = "ul{padding:0;margin:0}";
 
 const ZMyzList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.inputrawdata = undefined;
+    this.list = undefined;
   }
   componentWillLoad() {
     if (this.inputrawdata) {
@@ -19,7 +21,7 @@ const ZMyzList = class {
   }
   render() {
     const lastElem = this.list ? this.list.length - 1 : -1;
-    return (h("ul", null, this.list &&
+    return (h("ul", { key: 'c7777e913e0359afc93a18a2152cd977fcbcb813' }, 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/wc/esm/z-navigation-tabs.entry.js

@@ -1,30 +1,23 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-1b01fa0e.js';
-import { N as NavigationTabsOrientation, y as NavigationTabsSize, z as NavigationTabsKeyboardEvents } from './index-9d240d39.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b69e88d4.js';
+import { N as NavigationTabsOrientation, x as NavigationTabsSize, y as NavigationTabsKeyboardEvents } from './index-2f04648d.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(--color-highlight)}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 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-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 ZNavigationTabs = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.selected = createEvent(this, "selected", 7);
     /**
-     * Navigation tabs orientation.
+     * Index of the last tab that held focus.
      */
+    this.focusedTab = undefined;
+    this.ariaLabel = "";
     this.orientation = NavigationTabsOrientation.HORIZONTAL;
-    /**
-     * Navigation tabs size.
-     */
     this.size = NavigationTabsSize.BIG;
-    /**
-     * Index of the selected tab.
-     * Useful to programmatically select a tab.
-     * The tab can also be selected by setting the `aria-selected` attribute to `true` on the desired tab.
-     */
     this.selectedTab = undefined;
-    /**
-     * Index of the last tab that held focus.
-     */
-    this.focusedTab = undefined;
+    this.canNavigate = undefined;
+    this.canNavigatePrev = undefined;
+    this.canNavigateNext = undefined;
   }
   /**
    * Getter for the direction to check based on current orientation.
@@ -100,14 +93,18 @@ const ZNavigationTabs = class {
   onTabSelected() {
     this.tabs.forEach((tab, i) => {
       const zicon = tab.querySelector("z-icon");
-      const strokeIcon = zicon === null || zicon === void 0 ? void 0 : zicon.getAttribute("name").replace("-filled", "");
+      const strokeIcon = zicon === null || zicon === void 0 ? void 0 : zicon.name.replace("-filled", "");
       if (i !== this.selectedTab) {
         tab.setAttribute("aria-selected", "false");
         tab.tabIndex = -1;
-        zicon === null || zicon === void 0 ? void 0 : zicon.setAttribute("name", strokeIcon);
+        if (zicon) {
+          zicon.name = strokeIcon;
+        }
         return;
       }
-      zicon === null || zicon === void 0 ? void 0 : zicon.setAttribute("name", `${strokeIcon}-filled`);
+      if (zicon) {
+        zicon.name = `${strokeIcon}-filled`;
+      }
       tab.setAttribute("aria-selected", "true");
     });
     this.selected.emit(this.selectedTab);
@@ -209,10 +206,10 @@ const ZNavigationTabs = class {
     (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
   }
   render() {
-    return (h(Host, { class: {
+    return (h(Host, { key: '8f134ce69da30cd0a053700a95c39a4ec9d588ed', class: {
         "interactive-2": this.size === NavigationTabsSize.SMALL,
         "interactive-1": this.size !== NavigationTabsSize.SMALL,
-      }, scrollable: this.canNavigate }, h("button", { class: "navigation-button", onClick: this.navigateBackwards.bind(this), tabIndex: -1, disabled: !this.canNavigatePrev, "aria-label": "Mostra elementi precedenti", hidden: !this.canNavigate }, h("z-icon", { name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { 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", null)), h("button", { class: "navigation-button", onClick: this.navigateForward.bind(this), tabIndex: -1, disabled: !this.canNavigateNext, "aria-label": "Mostra elementi successivi", hidden: !this.canNavigate }, h("z-icon", { name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
+      }, scrollable: this.canNavigate }, h("button", { key: '231f97991908054d424dbcc83fd7e65e6651e767', 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: '145b4e6220e14acfbe6c13d1da095128096064c1', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-left" : "chevron-up", width: 16, height: 16 })), h("nav", { key: '111d66f763a80c52fdd21a906028cb7aa4817ee7', 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: 'ea3edcae8daaa4b5ad1124957d47d05f899f3bc2' })), h("button", { key: 'b5329374d042f246c785b868a87bcf5a39d2c712', 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: '373978c44182a33ca9d844eb3fa6c6991511d63f', name: this.orientation === NavigationTabsOrientation.HORIZONTAL ? "chevron-right" : "chevron-down", width: 16, height: 16 }))));
   }
   get host() { return getElement(this); }
   static get watchers() { return {

package/dist/wc/esm/z-notification.entry.js

@@ -1,35 +1,32 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-1b01fa0e.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-b69e88d4.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-success-inverse)}:host([type=\"warning\"]){background:var(--color-warning-inverse)}:host([type=\"error\"]){background:var(--color-error-inverse)}.status-icon,.close-button{display:flex;height:20px;align-items:center}:host([type=\"success\"]) .status-icon{fill:var(--color-success01)}:host([type=\"warning\"]) .status-icon{fill:var(--color-warning02)}:host([type=\"error\"]) .status-icon{fill:var(--color-error01)}: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-text01);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}.content-container+.close-button{margin-left:calc(var(--space-unit) * 2)}.close-button z-icon{fill:var(--color-primary01)}@media and (min-width: 768px){.content-container{flex-wrap:nowrap}.content-text+.action-button{margin-left:calc(var(--space-unit) * 5)}}";
+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-success-inverse)}:host([type=\"warning\"]){background:var(--color-warning-inverse)}:host([type=\"error\"]){background:var(--color-error-inverse)}.status-icon,.close-button{display:flex;height:20px;align-items:center}:host([type=\"success\"]) .status-icon{fill:var(--color-success01)}:host([type=\"warning\"]) .status-icon{fill:var(--color-warning02)}:host([type=\"error\"]) .status-icon{fill:var(--color-error01)}: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 ZNotification = class {
+  handleActionButtonClick(e) {
+    e.preventDefault();
+    this.notificationAction.emit();
+  }
+  handleCloseButtonClick(e) {
+    e.preventDefault();
+    this.notificationClose.emit();
+  }
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.notificationAction = createEvent(this, "notificationAction", 7);
     this.notificationClose = createEvent(this, "notificationClose", 7);
-    /** Enable close icon */
+    this.contenticonname = undefined;
+    this.actiontext = undefined;
+    this.type = undefined;
     this.showclose = false;
-    /**
-     * Enable shadow.
-     * @deprecated shadow is available only for the `sticky` version of the notification.
-     */
     this.showshadow = false;
-    /** Enable sticky notification bar. */
     this.sticky = false;
     this.handleActionButtonClick = this.handleActionButtonClick.bind(this);
     this.handleCloseButtonClick = this.handleCloseButtonClick.bind(this);
   }
-  handleActionButtonClick(e) {
-    e.preventDefault();
-    this.notificationAction.emit();
-  }
-  handleCloseButtonClick(e) {
-    e.preventDefault();
-    this.notificationClose.emit();
-  }
   render() {
     var _a;
-    return (h(Host, null, this.contenticonname && (h("z-icon", { class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { class: "content-container" }, h("div", { class: "content-text" }, h("slot", null)), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { name: "multiply-circle", width: 16, height: 16 })))));
+    return (h(Host, { key: 'a9024960c6f2dc0ece7aa520041ca72c8b57a480' }, this.contenticonname && (h("z-icon", { key: '8e03da23ac3ea16294466b45cf571003299e12ff', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), h("div", { key: '65872d76a4f4be94181a60eede48ba8729be6fe4', class: "content-container" }, h("div", { key: '6f1abfbd2e8f86f4cfdf63f3ffaa87fb7d0abcd7', class: "content-text" }, h("slot", { key: '8537004a8679d3e1fb5eed9ca4fc36611b7355a3' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (h("button", { key: '8fff1a74d49404718d7b9e160a26fb659ded1855', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (h("button", { key: '1969d8f6609b65444366b5b757729a7930d91630', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, h("z-icon", { key: 'ebfb4631d790f2406c7475b8adc123872db7e145', name: "multiply-circle", width: 16, height: 16 })))));
   }
 };
 ZNotification.style = stylesCss;