@zanichelli/albe-web-components 18.2.0 → 18.2.1

package/dist/cjs/z-anchor-navigation.cjs.entry.js

@@ -43,7 +43,7 @@ const ZAnchorNavigation = class {
         window.removeEventListener("hashchange", this.setCurrent);
     }
     render() {
-        return (index.h(index.Host, { key: '9822a919e14a9643ce66da7d4e24c8cc3e2f62af', collapsed: this.collapsed }, index.h("z-button", { key: '3996cbb3c1e449c1bd28b7e31b0a4de1b0863b7f', class: "toggle", variant: index$1.ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), index.h("nav", { key: '569d34c11dc979a00e89f75fb3ad3f830ff64982', ref: (el) => (this.nav = el) }, index.h("slot", { key: 'a23248eaf941da66c5160e335eb1e6acb286fe80' }))));
+        return (index.h(index.Host, { key: '21559cd97e3c519b4b09f5c820200db11cd46fea', collapsed: this.collapsed }, index.h("z-button", { key: '5e64a3ddca23ea019ccdec281fd352d118b689d6', class: "toggle", variant: index$1.ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), index.h("nav", { key: 'c0be356bcf89ee170536187e0aab628f9463373f', ref: (el) => (this.nav = el) }, index.h("slot", { key: '833fa42dbc67db1987de137de8a2f3217cc5142b' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/z-app-header_12.cjs.entry.js

@@ -254,7 +254,7 @@ const ZAppHeader = class {
     }
     render() {
         const hasTopSubtitle = this.hasSlot("top-subtitle");
-        return (index$1.h(index$1.Host, { key: '451b6acd7b53a5f3cae55dc7c0004b22ade0aa41', "menu-length": this.menuLength }, index$1.h("div", { key: 'e97dc023c06d7c1eada472e98e744f47f5633b36', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, index$1.h("div", { key: '1aa75f7514bafc871755fa69995dfb459f6380a1', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (index$1.h("div", { key: '0d6db048a85956f68e906658d6302003cb9b2c48', class: "top-subtitle" }, index$1.h("slot", { key: '5cb024fd28e76d7152a7e6c77f983ecbfdfbb415', name: "top-subtitle" }))), index$1.h("div", { key: '595a01015699c9457b6358fbade05c511b41e601', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), index$1.h("slot", { key: '5ddfea601bbbed4fa9f8471d609f9eaf64ad1311', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), index$1.h("nav", { key: '7971c0a2e1d014a62675fbddb2e712b19c6dc79f', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (index$1.h("div", { key: 'ffd0f44061f20897bba3ae34a3d3e26bde993206', role: "menubar", "aria-label": this.title || undefined }, index$1.h("slot", { key: '2ddbfb789b028464ae5583c6f592f1be629bbb73', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
+        return (index$1.h(index$1.Host, { key: '607b7e24e9f285a68b2b060594d7f05e1858d5cb', "menu-length": this.menuLength }, index$1.h("div", { key: 'de8f54eeebf6566e213aa26f938de37837a4eaee', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, index$1.h("div", { key: 'f11b563767f199727353f296321d0668f8444465', class: "heading-container" }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (index$1.h("div", { key: '19345fabd859f0d6bad18ee1cdb1c03d959f888a', class: "top-subtitle" }, index$1.h("slot", { key: '47a905ab7dc9c88c99d296bc57021bb15ce5ca12', name: "top-subtitle" }))), index$1.h("div", { key: 'c2143a9324af347082cdd40584622818f631cea3', class: "heading-title" }, this.renderMenuButton(), !hasTopSubtitle && !this._stuck && this.renderProductLogos(), index$1.h("slot", { key: '90ebc7860504f24edf3b4380d716eedf4674ccab', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), index$1.h("nav", { key: '43fb23d049539010c329b0b4c03df3651ad0962b', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (index$1.h("div", { key: 'e08c4cd11e0fb472ae66ed70c7129977175eaa1c', role: "menubar", "aria-label": this.title || undefined }, index$1.h("slot", { key: '5daa80b2f4cd1274f2cf564d29677a2c426a4359', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
     }
     get hostElement() { return index$1.getElement(this); }
     static get watchers() { return {
@@ -314,7 +314,7 @@ const ZDivider = class {
         this.orientation = index.DividerOrientation.HORIZONTAL;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '65ff62cb6eb5e7c452bd78ca0818f84d2cbe7a06', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
+        return (index$1.h(index$1.Host, { key: '04573f93294d9e35e7901c677476414b9d1eb74f', class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
     }
 };
 ZDivider.style = ZDividerStyle0;
@@ -1256,7 +1256,7 @@ Object.assign(ICONS, LEGACY_ICONS);
 Object.assign(ICONS, { "burger-menu": ICONS["burger-menu-mobile"] });
 Object.assign(ICONS, { "burger-menu-filled": ICONS["burger-menu-mobile-filled"] });
 
-const stylesCss$8 = ":host{margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";
+const stylesCss$8 = ":host{margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}:host svg:not([width]){width:var(--z-icon-width, 1.125rem)}:host svg:not([height]){height:var(--z-icon-height, 1.125rem)}";
 const ZIconStyle0 = stylesCss$8;
 
 const ZIcon = class {
@@ -1275,7 +1275,7 @@ const ZIcon = class {
         return index$1.h("polygon", { points: ICONS[this.name] });
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'fdf876a0af1632805ab24af1c593ef5bff78271a', "aria-hidden": "true" }, index$1.h("svg", { key: 'fc339ba7c96345b920c370f8476be850332c3eed', viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(ICONS[this.name]))));
+        return (index$1.h(index$1.Host, { key: '427cac0797fc718938ee45da5999b8a2bf70e570', "aria-hidden": "true" }, index$1.h("svg", { key: '23275947c49b69095acbec1df2ecec0f04da3525', viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(ICONS[this.name]))));
     }
 };
 ZIcon.style = ZIconStyle0;
@@ -1547,7 +1547,7 @@ const ZInput = class {
             default:
                 input = this.renderInputText(this.type);
         }
-        return index$1.h(index$1.Host, { key: 'e6da498fffe9f65443c3adf2a30995209582c9bc' }, input);
+        return index$1.h(index$1.Host, { key: '716ee8b89dbfeffedfdbfa8785c3994a94c44f44' }, input);
     }
     get hostElement() { return index$1.getElement(this); }
 };
@@ -1576,7 +1576,7 @@ const ZInputMessage = class {
         this.onMessageChange();
     }
     render() {
-        return (index$1.h(index$1.Host, Object.assign({ key: '919a2529c38124f49831f98be6500d63209ff06c' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && index$1.h("z-icon", { key: 'e1bfac5cf309cdc16850fe59beda60f2a3c03822', name: this.statusIcons[this.status] }), index$1.h("span", { key: '2790e625b47cd9efe8f2e71f7e741ff237ccf645', innerHTML: this.message })));
+        return (index$1.h(index$1.Host, Object.assign({ key: 'ef26c50e4e8f21bed23b6b530f34866bb9d746af' }, this.statusRole, { "aria-label": this.message }), this.statusIcons[this.status] && this.message && index$1.h("z-icon", { key: '1c701e5f10e96e549fc3e799cbc16099f2032956', name: this.statusIcons[this.status] }), index$1.h("span", { key: '9a12b124d65a4b4ebcb9856ce6e9fa275d96ac64', innerHTML: this.message })));
     }
     static get watchers() { return {
         "message": ["onMessageChange"],
@@ -1607,7 +1607,7 @@ const ZList = class {
         this.setChildrenSizeType();
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'b8c56afd8f7e7bc741811796373511d8bea0e134' }, index$1.h("slot", { key: 'd38c7d0cda75c379d2b7f3b1a30f6b02cb6cec5f' })));
+        return (index$1.h(index$1.Host, { key: 'f178d7e0463f0e0495aa3029dd8a14b3947770ad' }, index$1.h("slot", { key: '9f177d9529829d8eb48329cfc969c739c24c5a52' })));
     }
     get host() { return index$1.getElement(this); }
 };
@@ -1734,7 +1734,7 @@ const ZListElement = class {
         }
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '7275a62d92ddfa15c3ab65be4509029e0c696757', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.hasTreeItems ? undefined : this.htmlTabindex, role: this.hasTreeItems ? "none" : this.role }, index$1.h("div", { key: '422279708849ca0c34ec54eab90a3159107b4e70', class: this.hasTreeItems ? "tree-element-container" : "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, index$1.h("div", { key: 'dde7317eab7945dbe785b03727c4210f5e88c377', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === index.ListDividerType.ELEMENT && (index$1.h("z-divider", { key: 'c91885e38afd87b9f0b68e9e5bc3b4913274eec7', class: { "z-tree-list-divider": this.hasTreeItems }, color: this.dividerColor, size: this.dividerSize }))));
+        return (index$1.h(index$1.Host, { key: 'e85405b1ec7beb005da77e536f26ddbc336b8e85', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.hasTreeItems ? undefined : this.htmlTabindex, role: this.hasTreeItems ? "none" : this.role }, index$1.h("div", { key: '00aa30024263577a239edd5ab76fe655f42ffa5c', class: this.hasTreeItems ? "tree-element-container" : "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, index$1.h("div", { key: '03e62ff1c159abab3d96086e54fb975a37cc06fc', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === index.ListDividerType.ELEMENT && (index$1.h("z-divider", { key: '64675717abe6bb63de0b3ec39c638fc445639ce3', class: { "z-tree-list-divider": this.hasTreeItems }, color: this.dividerColor, size: this.dividerSize }))));
     }
     get host() { return index$1.getElement(this); }
 };
@@ -1770,11 +1770,11 @@ const ZListGroup = class {
         this.hasHeader = !!this.host.querySelector('[slot="header-title"]');
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'e1e930b456d48f33cee98df8b0cff95a1e4ef284', role: "group" }, index$1.h("div", { key: '9774b849c0a10d22a9dfee59e02fe06e2f2574d9', class: {
+        return (index$1.h(index$1.Host, { key: '1e3229205e55482b92dc8d0a972d9f9e1805ba56', role: "group" }, index$1.h("div", { key: 'ede88ef3d1845e0c432b7a00b8f9dc959ce258e6', class: {
                 "z-list-group-header-container": true,
                 "has-header": this.hasHeader && !this.hasTreeItems,
                 "grouped-tree-list-header": this.hasTreeItems,
-            } }, index$1.h("slot", { key: '754ee43ea298bb22452859671d509480d311918b', name: "header-title" }), this.dividerType === index.ListDividerType.HEADER && (index$1.h("z-divider", { key: '5033e52bedd67862875cb05a5ebc3a4d3f4765fa', color: this.dividerColor, size: this.dividerSize }))), index$1.h("slot", { key: '469a386f1d102b371aad8e9bfcd1ea7a3d5e8ee9' })));
+            } }, index$1.h("slot", { key: 'd6c2cef7568424ebab1ae5d3dc572d4bc2aba61c', name: "header-title" }), this.dividerType === index.ListDividerType.HEADER && (index$1.h("z-divider", { key: '5e45b81c54db4f623d366e62817f2a60ede8fa19', color: this.dividerColor, size: this.dividerSize }))), index$1.h("slot", { key: '2a1a7ad0e3f8b56dd4880b8215ab79bd27981804' })));
     }
     get host() { return index$1.getElement(this); }
 };
@@ -1845,7 +1845,7 @@ const ZOffcanvas = class {
         this.open = false;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '9a9c6e3c3f980f8004b398ae8b0c55bc10f5449f', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, index$1.h("div", { key: 'e6d7d7c21cbf000b312292032f5866a9d565ea86', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, index$1.h("div", { key: 'b4e9935c0b0bc5d3aca14013448068ffb48f29bb', class: "canvas-content z-scrollbar", role: "presentation" }, index$1.h("slot", { key: '884558175709f4d62aa7540d8b31802d53017126', name: "canvasContent" }))), (this.variant == index.OffCanvasVariant.OVERLAY || this.transitiondirection === index.TransitionDirection.UP) && (index$1.h("div", { key: 'd6f83f4bf0a3b5a8295226d81fa687a40aececda', class: "canvas-background", onClick: () => (this.open = false) }))));
+        return (index$1.h(index$1.Host, { key: '299c69d8788f7cf2e12b6f6eb151c3b7c5e4e271', "skip-animation": this.skipAnimation, "aria-hidden": !this.open ? "true" : null }, index$1.h("div", { key: '2620f2f0ef0741cbe6e5d63f7ed38299fb253852', class: "canvas-container", role: "presentation", ref: (el) => (this.canvasContainer = el) }, index$1.h("div", { key: '1df851d5c4d1fddb24a62c5e3d92a7181bd36d05', class: "canvas-content z-scrollbar", role: "presentation" }, index$1.h("slot", { key: '89303666352d55c9a92a0b4cecc9bea8d42125f7', name: "canvasContent" }))), (this.variant == index.OffCanvasVariant.OVERLAY || this.transitiondirection === index.TransitionDirection.UP) && (index$1.h("div", { key: '197e3eb34f5981c52a553875157a3a02993f7684', class: "canvas-background", onClick: () => (this.open = false) }))));
     }
     static get watchers() { return {
         "variant": ["handlePageOverflow"],
@@ -2141,7 +2141,7 @@ const ZSearchbar = class {
         return (index$1.h("z-list-element", { role: "option", tabindex: 0, clickable: true, id: `list-item-${this.htmlid}-show-all`, onClickItem: () => (this.currResultsCount = 0), color: "color-primary01" }, index$1.h("div", { class: "item-show-all" }, "Vedi tutti i risultati")));
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'cc39817de805447fe7f47210216366df394f862b', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, index$1.h("div", { key: 'f91887f06e4fcf0525c30acc4331579ae84fcd3c', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
+        return (index$1.h(index$1.Host, { key: '700c1b24aa29998ad1f51ddeff187bb462c87d39', onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e), class: { "has-submit": this.showSearchButton, "has-results": this.autocomplete } }, index$1.h("div", { key: 'fb8c855749a9d3e901cd350d4d0246c2f2b3d183', class: "input-container" }, this.renderInput(), this.renderResults()), this.renderButton()));
     }
     get element() { return index$1.getElement(this); }
     static get watchers() { return {