npm - @zanichelli/albe-web-components - Versions diffs - 20.0.1 → 20.0.2 - Mend

@zanichelli/albe-web-components 20.0.1 → 20.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (417) hide show

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

@@ -33,7 +33,7 @@ const ZNotification = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '7d362e3e34fded936631449dc06d20381decaff2' }, index.h("div", { key: '0d265dc87fbbebb2ef69ee84da124579b3633cce', class: "main-container" }, this.contenticonname && (index.h("z-icon", { key: '2288040037d32398958aa8c2b8ba455f10f24f78', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), index.h("div", { key: '840e6db811e862b39f18cf6bba46f0b50e8ef7d6', class: "content-container" }, index.h("div", { key: 'f3c987a596d27232f79059fe44168b171a8974ac', class: "content-text" }, index.h("slot", { key: '2473d6ef5f5d28d9436c0156ec296e17396801e9' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (index.h("button", { key: '78b4a4c35cde5699d1e3d8bfaf2ebd974d3678c6', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (index.h("button", { key: 'cd218777c6c596e772c6d200016121d460e2a91b', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, index.h("z-icon", { key: '2e7a6589bc716ee2cd4282969a4eec8dd8f4cf59', name: "multiply-circle", width: 16, height: 16 }))))));
+        return (index.h(index.Host, { key: '3cec1cd6ceb6f0bc28d90b1722d70a58812b76aa' }, index.h("div", { key: '41318362f0392235d7d6c7e5c306c578aed676e7', class: "main-container" }, this.contenticonname && (index.h("z-icon", { key: 'ddf7058dab1d753edccd2d8176ae4cdbceefaf5e', class: "status-icon", name: this.contenticonname, width: 16, height: 16 })), index.h("div", { key: '8bd106ce352bf6c62a28bbaa6e54a5ed87f9ce09', class: "content-container" }, index.h("div", { key: '3f17ba167b3261565f7ab0d2da7671325746cca8', class: "content-text" }, index.h("slot", { key: '1da9f02e9a69a51701423c3dbab6e6247f945069' })), !!((_a = this.actiontext) === null || _a === void 0 ? void 0 : _a.trim()) && (index.h("button", { key: '8935fad3f17059b87853ff8a8ad738e4a6525535', class: "action-button", type: "button", onClick: this.handleActionButtonClick }, this.actiontext))), this.showclose && (index.h("button", { key: 'a994ea73360e1844c60fedc8ed657e100f912330', class: "close-button", type: "button", onClick: this.handleCloseButtonClick }, index.h("z-icon", { key: 'dc0b76a98ad6d273f6164c0f09d9574f45f20a16', name: "multiply-circle", width: 16, height: 16 }))))));
     }
 };
 ZNotification.style = stylesCss();

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

@@ -508,7 +508,7 @@ const ZPopover = class {
         cancelAnimationFrame(this.animationFrameRequestId);
     }
     render() {
-        return (index.h(index.Host, { key: 'fc4912cbb959bce5124e2af0f0e4c02e2af28776', "current-position": this.currentPosition }, index.h("slot", { key: 'a02ae6c04c9a6d6cf19a0ca13cd8efd795b0fc82' })));
+        return (index.h(index.Host, { key: 'b04b0fffd481a2872f357fd1247acd1d46787bd3', "current-position": this.currentPosition }, index.h("slot", { key: 'abc61612f74abd3b168a72ac689c7cb95339cfb1' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-range-picker.cjs.entry.js CHANGED Viewed

@@ -342,14 +342,14 @@ const ZRangePicker = class {
             onStopTyping: this.onStopTyping.bind(this),
             value: "",
         };
-        return (index.h("div", { key: 'd2d94a3237b1659fd6ba789ed36717cb74eb7656', class: {
+        return (index.h("div", { key: '4523d5064162ea6984b0c64dd4035f81b6908e7c', class: {
                 ["range-pickers-container"]: true,
                 [this.mode]: true,
                 [this.activeInput]: true,
                 [this.flatpickrPosition]: true,
-            } }, index.h("div", { key: 'd6a31c6bf63475ae192d207b84910801d1dc9812', class: `${this.rangePickerId}-1-wrapper` }, index.h("div", { key: '4755c5035411d352b52c00f762148be686a3849a', class: `${this.rangePickerId}-1-container` }, index.h("z-input", Object.assign({ key: 'fb5a934e6e7265a716e876fcd317d6682ff498fb' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, "data-input": "data-input", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && index$1.InputStatus.ERROR, onStartTyping: () => {
+            } }, index.h("div", { key: 'f7072a89e4cca123a3b89a01f2b45c06477241c2', class: `${this.rangePickerId}-1-wrapper` }, index.h("div", { key: 'd9e2e55356671cfd1b266b14a054d15fbb0af64c', class: `${this.rangePickerId}-1-container` }, index.h("z-input", Object.assign({ key: 'acfca5557a45a205f7c6835c6d51faf43f926153' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, "data-input": "data-input", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && index$1.InputStatus.ERROR, onStartTyping: () => {
                 this.firstInputError = false;
-            } })))), index.h("div", { key: '4e9889983e2422851e6d6ca2ea4f87ad1e23af21', class: `${this.rangePickerId}-2-wrapper` }, index.h("div", { key: 'ce5d885db43f3795863cafe600098eaf77d8836c', class: `${this.rangePickerId}-2-container` }, index.h("z-input", Object.assign({ key: 'babf71bfafe8788c4b849692ad49fd0f6d015822' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, "data-input": "data-input", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && index$1.InputStatus.ERROR, onStartTyping: () => {
+            } })))), index.h("div", { key: 'd416470bfc3792ed75819358bc2e184afb2f513e', class: `${this.rangePickerId}-2-wrapper` }, index.h("div", { key: '7479622363768dc67c8d21ed1671938bb8595274', class: `${this.rangePickerId}-2-container` }, index.h("z-input", Object.assign({ key: '2cb2232b8abf95ba126034956ef3d183d7b193aa' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, "data-input": "data-input", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && index$1.InputStatus.ERROR, onStartTyping: () => {
                 this.lastInputError = false;
             } }))))));
     }

package/dist/cjs/z-select.cjs.entry.js CHANGED Viewed

@@ -472,7 +472,7 @@ const ZSelect = class {
         return (index.h("z-input-message", { message: utils.boolean(this.message) === true ? undefined : this.message, status: this.status, class: this.size, disabled: this.disabled }));
     }
     render() {
-        return (index.h("div", { key: '24afbfb95409c2767d020cb9efcab1e574cd7509', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
+        return (index.h("div", { key: 'f0c3315e1fc53f9bd00376a1918d80d290e3a9a3', class: "select-wrapper" }, this.renderInput(), this.renderSelectUl(), this.renderMessage()));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-skip-to-content.cjs.entry.js CHANGED Viewed

@@ -49,7 +49,7 @@ const ZSkipToContent = class {
         this.visible = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'c6bea773b7ac555fef8e6144292999a8142f5755', class: {
+        return (index.h(index.Host, { key: 'caeb1d3601580de8cfee4437d31f8fc1cd97eb4c', class: {
                 [this.variant]: true,
                 "skip-to-content-visible": this.visible,
             } }, this.links.map((link, i) => {

package/dist/cjs/z-stepper-item.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const ZStepperItem = class {
         return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
     }
     render() {
-        return (index.h(index.Host, { key: 'f24997a23514e8d4d3b1aa590ba26932499bcbfd', role: "listitem" }, index.h("button", Object.assign({ key: 'be1e80492f1744d845371a0d632fadb89efaa9e1', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), index.h("div", { key: '219565ffc17ea324add230fe7dd80bc193ff759e', class: "indicator" }, this.checked ? index.h("z-icon", { name: "checkmark" }) : this.index), index.h("span", { key: 'bb01f5ebae751935f1840517888808bc2e2fcb7c' }, index.h("slot", { key: '8af60b19312c21d056894ace6486bff34cb62872' })))));
+        return (index.h(index.Host, { key: 'dd8a6a8aba1009e581a91944a84850f53e054dbd', role: "listitem" }, index.h("button", Object.assign({ key: '186641b0594970354812cf014f8565fda837d4eb', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), index.h("div", { key: 'b27c548e3b9e670031ac095df8858c7fd864ac5e', class: "indicator" }, this.checked ? index.h("z-icon", { name: "checkmark" }) : this.index), index.h("span", { key: '7d079d8f9eb730da9883735563dd57dfcc74259a' }, index.h("slot", { key: 'f8b378d874e958668b83dad6f4688b4590783198' })))));
     }
 };
 ZStepperItem.style = stylesCss();

package/dist/cjs/z-stepper.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const ZStepper = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'fb661e3345d1353a2e81bb173334610c9cd7d0ba', role: "navigation" }, index.h("slot", { key: '03437692d75ea6c0367acb4441d1b797398f20b5' })));
+        return (index.h(index.Host, { key: 'e2eae6f73c524f4a2c72861732bf03b17f23ca75', role: "navigation" }, index.h("slot", { key: '567a94fe682d471b145e8519be859dd860bd6669' })));
     }
 };
 ZStepper.style = stylesCss();

package/dist/cjs/z-table.cjs.entry.js CHANGED Viewed

@@ -50,7 +50,7 @@ const ZTable = class {
         (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (index.h(index.Host, { key: '5db047ba30ea62b9f4c4b1adc1a2f82ab4dac8d0', expandable: this.expandable }, index.h("div", { key: '1094691d5dbc197a353a8f2a0e18505196102587', class: "table", role: "table" }, index.h("slot", { key: 'e2bd88f858fba1408d14ff6040a3a961ddb69c28' }))));
+        return (index.h(index.Host, { key: '07719fd45b5b0cc2e5d5798f397048b4e233ce88', expandable: this.expandable }, index.h("div", { key: 'f333241ac885ebdaeed659b2aeb1f6af811fa0ec', class: "table", role: "table" }, index.h("slot", { key: 'e9072d50375eb35757b393ec5a843459dafd4cc2' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/z-tbody.cjs.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const ZTbody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '0799f4ed498e2fc7bff1a0a87e5aeec696bce221', role: "rowgroup" }, index.h("slot", { key: '47b9c73d0dabc8724c213775dc3e1fdbece493f0' })));
+        return (index.h(index.Host, { key: '5dab686ef543637640d464ad532250d642f73508', role: "rowgroup" }, index.h("slot", { key: '36c4272ae7ba5eee71ffc682ca0d086c1a6cdc07' })));
     }
 };
 ZTbody.style = stylesCss$1() + stylesCss();

package/dist/cjs/z-td.cjs.entry.js CHANGED Viewed

@@ -47,7 +47,7 @@ const ZTd = class {
         this.updateColspan();
     }
     render() {
-        return (index.h(index.Host, { key: 'b89fd7b33f9d928a6c60b5493ee2732edda4318c', role: "cell", "menu-open": this.isMenuOpen }, index.h("div", { key: 'ac47204976e01cc5f2371d87faf4e15bbcb9b923', class: "cell--content" }, index.h("slot", { key: '24eddf43aa23971f21dcfcae158111cbab7689e3' }), this.showMenu && (index.h("div", { key: '8545b4567dcd1a3a3fb8a4e0913753af0cdaaf11', class: "cell--menu-container prevent-expand" }, index.h("z-button", { key: '2b96d9dda4c2794e1f9c7d5dc936ac1701d11ba6', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), index.h("z-popover", { key: 'ebee2d5c76f8573362e9a912b62e238d9eef6d5a', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: 'b3b6392cf7d0044fc4fc3773817efe7ba46bd598', name: "contextual-menu" })))))));
+        return (index.h(index.Host, { key: '4ea61b4c4d2e924b925e7b8f579e6827e0ee22c8', role: "cell", "menu-open": this.isMenuOpen }, index.h("div", { key: '98db4baee9fbf028c36f201b1fca8959bf955eb8', class: "cell--content" }, index.h("slot", { key: '633725c94623d66b2e4c2820bfb0453d500b6ac6' }), this.showMenu && (index.h("div", { key: '61f2fb0cc589bc32acd0e51b7ddae92be78d18f0', class: "cell--menu-container prevent-expand" }, index.h("z-button", { key: '86132a5a7762b97d0646071d54339930269d1ce3', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), index.h("z-popover", { key: 'bf2d2b8f0114562d49cd4a88b895b2b9dca22389', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: 'f3512195bf82945f0fca0ca3c3c389d04b5d98c0', name: "contextual-menu" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-tfoot.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const ZTfoot = class {
         this.sticky = false;
     }
     render() {
-        return (index.h(index.Host, { key: '4e784c5c53424e031a4b6d2e63c86ae428b969eb', role: "rowgroup", tabIndex: -1 }, index.h("slot", { key: '62c7437baefd2cb28cc03b41dce61b9d4652691b' })));
+        return (index.h(index.Host, { key: 'a5e96868b6f2f28cd25fe134b8346f0f9d800de1', role: "rowgroup", tabIndex: -1 }, index.h("slot", { key: 'bbb1478d0fdd700bf4e9601eb7d008f54ff02cb3' })));
     }
 };
 ZTfoot.style = stylesCss$1() + stylesCss();

package/dist/cjs/z-th.cjs.entry.js CHANGED Viewed

@@ -76,7 +76,7 @@ const ZTh = class {
         this.updateColspan();
     }
     render() {
-        return (index.h(index.Host, { key: 'b3856fa4eddacabb8829a28dc45fd90800eee5aa', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, index.h("div", { key: '03c07d8f856bb0d6a22a744d573ba6c06b30d320', class: "cell--content" }, index.h("slot", { key: '5cbb5be6388a9c50d17f6d088768f057e198b643' }), this.showSorting && (index.h("button", { key: '3656e15796f432c2d7c98bf71ab3e7b08bbf249b', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, index.h("z-icon", { key: '107e6ada53b0affee7dcfc621cba223ad93de8c5', name: this.sortDirection === index$1.SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (index.h("div", { key: 'ce723a0dcaaf3f6d98bbf72aa6a3ba2368978594', class: "cell--menu-container" }, index.h("z-button", { key: 'f2fa8bb2ba2a5a08c967bf383d427fde8ec7e091', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), index.h("z-popover", { key: 'aba8b675b30bdcdabb6dbba68ffe6a908bf7ecce', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: '202c0095d1e27af68cbc2e2eab32f921dddb90fe', name: "contextual-menu" })))))));
+        return (index.h(index.Host, { key: 'd677564cf6d2351a9188098d58b98e4bf9ffbf9e', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, index.h("div", { key: '267fd4a41682a6a1475ba74739ff148957dc6626', class: "cell--content" }, index.h("slot", { key: 'a77588e6dd5645f6b384a7564a06cffae72bed4e' }), this.showSorting && (index.h("button", { key: '8a565667e7bdbd223d38efe7be5128c69947577c', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, index.h("z-icon", { key: 'a527e6e217f5cbabf1baac1c292111ab406aa792', name: this.sortDirection === index$1.SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (index.h("div", { key: '396eb46a6aa10d47419cd437412ce69d797f2047', class: "cell--menu-container" }, index.h("z-button", { key: '6e014d9922c15041950772ee0c377b9f31d4d743', variant: index$1.ButtonVariant.TERTIARY, icon: "contextual-menu", size: index$1.ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), index.h("z-popover", { key: '11a7861d3151f616c9d9761709611bac37a02ec6', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, index.h("slot", { key: '99545a1fb846906941ce882d6f21676de1fa7fb2', name: "contextual-menu" })))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-thead.cjs.entry.js CHANGED Viewed

@@ -19,7 +19,7 @@ const ZThead = class {
         this.isFocusable = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'e641c319d493efee56982ea55d6ae60117f9d948', role: "rowgroup", tabIndex: this.isFocusable ? 0 : -1 }, index.h("slot", { key: '1415fe921596b94939a2d9328f687b1653339cb2' })));
+        return (index.h(index.Host, { key: '7344ed54861bf06e14d98898db49edb576668e9b', role: "rowgroup", tabIndex: this.isFocusable ? 0 : -1 }, index.h("slot", { key: '72be057fd58c9da5280dee692324cb5192865dba' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/z-toast-notification-list.cjs.entry.js CHANGED Viewed

@@ -45,7 +45,7 @@ const ZToastNotificationList = class {
         }
     }
     render() {
-        return index.h("slot", { key: '1b22ad1308d152ae0a89b6e0d711765fc400458b', name: "toasts" });
+        return index.h("slot", { key: '124469b727158c7221ff11aa3b0614bd28591a50', name: "toasts" });
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-toast-notification.cjs.entry.js CHANGED Viewed

@@ -4200,19 +4200,19 @@ const ZToastNotification = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '203e3a531f9a178cb4a87598b7916d9313faefe6', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
+        return (index.h(index.Host, { key: '129c4628c3809f638a02596bff82f4a5700ae566', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
                 if (this.autoclose && e.animationName.includes("slidein")) {
                     this.startClosingTimeout(this.autoclose);
                 }
                 if (e.animationName.includes("slideout")) {
                     this.hostElement.parentNode.removeChild(this.hostElement);
                 }
-            } }, index.h("div", { key: 'f1aa2db8b0e25347d79f64bd99d3fa5ed0cdebbc', class: "toast-notification-container" }, index.h("div", { key: 'a9d16a63c9007b3dbe1f245d9063c3510f1518b8', class: "toast-notification-content" }, index.h("div", { key: '4ab0c13ca3f0bd80d95e0cb3199e3045e60c9a60', class: "toast-notification-text" }, this.heading && index.h("span", { key: 'b7dab9b4238d7e0f5d0db2184a2c9ca9bc0c8234', class: "title" }, this.heading), index.h("span", { key: '6afb9e5be183e6b040e6219940b00c48ea702fb1', class: "message" }, index.h("slot", { key: 'ee7feb8ab40d6e81dec9998a2ae13b4c03cf0327', name: "message" }, this.message && index.h("span", { key: '4adfbad2e2647b31a165e0a2d5164de7b283a3b7', innerHTML: purify.sanitize(this.message) })))), index.h("div", { key: 'ed3b21c702a6e4cadc10dd21b8a685c0b9c7a5cc', class: "button-container", hidden: !this.hasSlottedButton }, index.h("slot", { key: '0ece97a1a9773fc44347c64d5d413e35403212c9', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (index.h("button", { key: 'fd8e0a5fc8a6f59567f9938b53356ca545fd5eb0', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
+            } }, index.h("div", { key: '39360c2661ac44f4e3e8ae25aceccaea8179a03e', class: "toast-notification-container" }, index.h("div", { key: '6778d83e83590f5981ff9dfb5fbb8fbe92143404', class: "toast-notification-content" }, index.h("div", { key: '896d9bb0c412381f9ad81c799666dd54503a50b0', class: "toast-notification-text" }, this.heading && index.h("span", { key: 'a431608d859dede1cc17e840ebf2e01b872a1d48', class: "title" }, this.heading), index.h("span", { key: '23f29016f7eb04790a6adf136b0e064f5f2d87d9', class: "message" }, index.h("slot", { key: 'a793b4e4fee43ad139f0eef51ec1ed1a6cd5c31f', name: "message" }, this.message && index.h("span", { key: 'fc84e8b14208ff6d150dfea28924387f845cb371', innerHTML: purify.sanitize(this.message) })))), index.h("div", { key: '475e54939682a3b7bba6032a92bd04b8a21772b3', class: "button-container", hidden: !this.hasSlottedButton }, index.h("slot", { key: 'e9bd0b4e65504476b59a97dcf82b233b5259bc00', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (index.h("button", { key: '14b143ec8e4d8e02b039d01464532ba25bcc2bea', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
                 if (e.code == index$1.KeyboardCode.SPACE || e.code == index$1.KeyboardCode.ENTER) {
                     e.preventDefault();
                     this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true);
                 }
-            } }, index.h("z-icon", { key: '778c9689d5b1b6286c08c58c50ad93cc8fc35358', name: "multiply-circled" }))))));
+            } }, index.h("z-icon", { key: '4870673eb2e49f6dbd06788a3b279daaa8236ab6', name: "multiply-circled" }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-toggle-switch.cjs.entry.js CHANGED Viewed

@@ -34,14 +34,14 @@ const ZToggleSwitch = class {
         this.emitToggleClick();
     }
     render() {
-        return (index.h(index.Host, { key: '0370a36488a57e5ac92c296ce0fcc140cc8c56eb' }, index.h("input", { key: '3364210d02cebfd7d2ad14407a557c52aa82686a', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), index.h("label", { key: '07519e6cbe8f44d131909d1023b602e74b6cdf80', htmlFor: this.htmlid, class: {
+        return (index.h(index.Host, { key: 'c682159ebad808a9e448a1a200fcc9ce49e3a2ad' }, index.h("input", { key: '5a22ee912aeb8a212820d8d3f7b41a6029bfa530', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), index.h("label", { key: '6c36dd15bc8fa1fcd1443cb01fe442644de8d87d', htmlFor: this.htmlid, class: {
                 [this.labelPosition]: true,
                 disabled: this.disabled,
-            } }, index.h("span", { key: '3d460ac03c1788fdf99f116e8792f2b0f95f1857' }, index.h("slot", { key: '0eb371292202e3eefd737ed79f3acefeda2fab91' })), index.h("span", { key: '5912b4da7abed8f994dd7224a09872d5c173160a', class: {
+            } }, index.h("span", { key: 'b9cbb73e0de30c219443c2430fb7cb09a03ffa32' }, index.h("slot", { key: '6b73da88f943d4c304ff3cd22c99145b2393541e' })), index.h("span", { key: 'd7ecff8d30e2f6a43c3f010c53a6fb5fd00f7a78', class: {
                 container: true,
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, index.h("span", { key: '893ebce8124fdbcd00fbaf0976757a15b59a5b6e', class: "circle" }, this.checked && (index.h("z-icon", { key: 'f6d826da0f8c46f1e64fc0efa2a55fda64685f55', width: 12, height: 12, name: "checkmark" })))))));
+            } }, index.h("span", { key: '5d4c5aba273711d3f06b6622e119bd6e81137e3d', class: "circle" }, this.checked && (index.h("z-icon", { key: 'c6dfea8a74fc0ef446588ac7c36bf06e3549f814', width: 12, height: 12, name: "checkmark" })))))));
     }
 };
 ZToggleSwitch.style = stylesCss();

package/dist/cjs/z-tool.cjs.entry.js CHANGED Viewed

@@ -189,10 +189,10 @@ const ZTool = class {
         (_a = this.mql) === null || _a === void 0 ? void 0 : _a.removeEventListener("change", this.onMobileViewChange);
     }
     render() {
-        return (index.h(index.Host, { key: '6d82ae454718b00d21e6193325bc223de3409f7a', class: { "z-tool-tooltip-open": this.tooltipOpen } }, index.h("button", { key: '79735e5831762281fef55e7033c6660a8b97de74', class: "z-tool", type: "button", ref: (el) => (this.buttonRef = el), "aria-pressed": this.hasSlottedContent ? undefined : this.active ? "true" : "false", "aria-expanded": this.hasSlottedContent ? (this.open ? "true" : "false") : undefined, "aria-haspopup": this.hasSlottedContent ? "true" : undefined, "aria-label": this.htmlAriaLabel || this.tooltip || undefined, disabled: this.disabled, onClick: this.handleClick, onMouseEnter: this.handleTooltipOpen, onMouseLeave: this.handleTooltipClose, onFocus: this.handleTooltipOpen, onBlur: this.handleTooltipClose }, index.h("z-icon", { key: '79be05619def07fd8a73812a8905f15f719fce83', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (index.h("z-tooltip", { key: '9b5aa9d7f06b1ff6408f485c910a905c4c62d3e4', class: "z-tool-tooltip", ref: (el) => (this.tooltipRef = el), bindTo: this.iconRef, open: this.tooltipOpen && !this.open, position: this.isNested ? index$1.PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, index.h("span", { key: '82c6f40fc3a4d4932ea9ef8e05f02c2c8d5eaddf', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (index.h("z-popover", { key: '33dcbe345ca34c79720ed7a17eda2f5ab0561e90', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
+        return (index.h(index.Host, { key: 'a48fb610a0a937e39e8c18d38bcb816796f5d6b4', class: { "z-tool-tooltip-open": this.tooltipOpen } }, index.h("button", { key: 'd5dbd5053a068c67ed97ddc5a7f63d093972b5cb', class: "z-tool", type: "button", ref: (el) => (this.buttonRef = el), "aria-pressed": this.hasSlottedContent ? undefined : this.active ? "true" : "false", "aria-expanded": this.hasSlottedContent ? (this.open ? "true" : "false") : undefined, "aria-haspopup": this.hasSlottedContent ? "true" : undefined, "aria-label": this.htmlAriaLabel || this.tooltip || undefined, disabled: this.disabled, onClick: this.handleClick, onMouseEnter: this.handleTooltipOpen, onMouseLeave: this.handleTooltipClose, onFocus: this.handleTooltipOpen, onBlur: this.handleTooltipClose }, index.h("z-icon", { key: '32fead7901041cc31e29ec21afdd4e23db4d3db8', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (index.h("z-tooltip", { key: '5b50cd97749c97edd199be309bb0b5aadd59116b', class: "z-tool-tooltip", ref: (el) => (this.tooltipRef = el), bindTo: this.iconRef, open: this.tooltipOpen && !this.open, position: this.isNested ? index$1.PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, index.h("span", { key: '768a80f59017ef7e459913f9c449673789b81c00', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (index.h("z-popover", { key: 'f7a3ffa96e971fa793643944391e296ce7ce12b8', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
             /* disable auto-close to prevent unwanted close behaviors on mobile,
             when the bound element is the main toolbar */
-            closable: false, position: this.isMobile ? index$1.PopoverPosition.TOP : index$1.PopoverPosition.BOTTOM }, index.h("slot", { key: '1a42cca4cd67850cff48043819e144fc2b6ea47e' })))));
+            closable: false, position: this.isMobile ? index$1.PopoverPosition.TOP : index$1.PopoverPosition.BOTTOM }, index.h("slot", { key: 'e4b9dd50dd26e958241db7df82ccd8a14c6a4c86' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-toolbar.cjs.entry.js CHANGED Viewed

@@ -131,7 +131,7 @@ const ZToolbar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c4ccefdf38a239462ed209be1f5982fc4d805493', role: "toolbar", "aria-label": this.htmlAriaLabel }, index.h("slot", { key: '97f941c2bb8862f5bcb78bbad6fba1f729d497a5', onSlotchange: () => {
+        return (index.h(index.Host, { key: 'f4a79655dc3f8e4423b20683c6b3860e5007f0ee', role: "toolbar", "aria-label": this.htmlAriaLabel }, index.h("slot", { key: 'd044d14607037c8e6c9977faf383c16ee6bddb8a', onSlotchange: () => {
                 this.collectToolItems();
                 this.updateTabIndexes();
             } })));

package/dist/cjs/z-tooltip.cjs.entry.js CHANGED Viewed

@@ -28,7 +28,7 @@ const ZTooltip = class {
         this.open = this.popoverEl.open;
     }
     render() {
-        return (index.h("z-popover", { key: 'fc20f5c5d66fb5b9dabd41dfb986b28fbedfad9d', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, index.h("slot", { key: '5c5a2e8be7183824b50fa87d18b6f26e4bb2c0f7' })));
+        return (index.h("z-popover", { key: '09052c0c35b449590b0abfcd7e2816253814cc57', ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true, onOpenChange: (event) => this.openChange.emit(event.detail) }, index.h("slot", { key: '1d4e6d0108724f8bc77bb6faf17b3938aa77d519' })));
     }
 };
 ZTooltip.style = stylesCss();

package/dist/cjs/z-tr.cjs.entry.js CHANGED Viewed

@@ -70,7 +70,7 @@ const ZTr = class {
         this.updateColumns();
     }
     render() {
-        return (index.h(index.Host, { key: '282a41d7ccde9ca0123725f53c73ee589d3f5cb3', role: "row", tabIndex: this.expandable ? 0 : undefined, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, index.h("div", { key: 'fe77cc4ab95a6e59ca40b4f823d280269eed2378', class: "z-tr--focus-overlay", "aria-hidden": "true" }), index.h("div", { key: '8e5ed96fd1494f5ad21311daaea39d06c63b8cd4', class: "z-tr--expand-button-container" }, this.expandable && (index.h("button", { key: 'af714e0babec41238e7cb9460dd44d7ce25d558d', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, index.h("z-icon", { key: '9450d0b882295a749132311d631c1b96f3affd34', name: this.expanded ? "minus-circled" : "plus-circled" })))), index.h("slot", { key: '7301e9d09a0a29c8725613591a8855097c98221f', onSlotchange: this.updateColumns.bind(this) })));
+        return (index.h(index.Host, { key: '158f25d1746e340981e4facebe0f7dfd2106222a', role: "row", tabIndex: this.expandable ? 0 : undefined, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, index.h("div", { key: '140ddc0aac009e9e254b5ee281e292dc19326527', class: "z-tr--focus-overlay", "aria-hidden": "true" }), index.h("div", { key: '8e5b3d3e72cfe09c1ee4f54ffab8805e0e83021c', class: "z-tr--expand-button-container" }, this.expandable && (index.h("button", { key: 'bd724740ff19d508d33527dbc657b932f73f4421', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, index.h("z-icon", { key: 'd88a988e00c240b85806e9d0ea8d090cb404fab4', name: this.expanded ? "minus-circled" : "plus-circled" })))), index.h("slot", { key: '83cada789cfd416d9c2062ede5c10b49ac56ae56', onSlotchange: this.updateColumns.bind(this) })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-tree-list.cjs.entry.js CHANGED Viewed

@@ -100,7 +100,7 @@ const ZTreeList = class {
     }
     render() {
         const hasClickableItems = this.parsedItems.some((item) => !!item.url);
-        return (index.h(index.Host, { key: '1fe0cc5351db13f054dc3988ce06dd3698f3fdfc', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, index.h("div", { key: '27675ef82221e001a80b4df1a6b3a7597166164c', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
+        return (index.h(index.Host, { key: 'd4f93f20f84ac193c4b291b0cc16d4a0e6838d49', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, index.h("div", { key: '4d0f11bb82855843beabb2eb0ddaa30ca39d8524', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/z-visually-hidden.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const ZVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h("slot", { key: '7223868f33657302203a2a24df8b3250d81c42cc' });
+        return index.h("slot", { key: '3378671bfdbab0bf278c0e8aeb3f8ea9bd555422' });
     }
 };
 ZVisuallyHidden.style = stylesCss();

package/dist/collection/components/book-card/z-book-card/index.js CHANGED Viewed

@@ -75,13 +75,16 @@ export class ZBookCard {
         return (h("div", { class: "isbn ellipsis body-4-sb", "aria-description": `isbn ${this.isbnLabel}` }, this.isbn, " ", this.isbnLabel ? h("span", { class: "body-4" }, this.isbnLabel) : null));
     }
     renderEbook() {
+        if (!this.ebookUrl) {
+            return null;
+        }
         return (h("div", { class: "ebook" }, h("div", { class: "app-name" }, h("img", { class: "ebook-logo", "aria-hidden": "true" }), h("div", { class: "body-4-sb" }, "laZ Ebook")), h("z-button", { size: ControlSize.X_SMALL, href: this.ebookUrl, target: this.linkTarget, onClick: () => this.emitEbookClick(), htmlRole: "link", "aria-description": `leggi l'ebook ${this.operaTitle} su laZ Ebook` }, "leggi ebook")));
     }
     renderCtaSlot() {
         return h("slot", { name: "cta" });
     }
     render() {
-        return (h(Host, { key: '8740c7a7f7611c13c0b87ef9354418d4a7a2a9db' }, h("div", { key: '8c87599e1edda794143dd81223529001f3c2044a', class: "main-content" }, this.renderCover(), h("div", { key: '510c2d7625eeef37b8ad7f540db7fa5782d7fa6d', class: "card-info" }, h("div", { key: '50fb759793762547eb0c82247ff9a3fc9029d6e1', class: "top" }, h("div", { key: 'd9e0372e46d5d2cc26b5823e2335764336376566' }, this.renderYear(), this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), h("slot", { key: '900a1778db6c06d5bc23a37400416b61a61a27e2', name: "tags" }), h("slot", { key: '9e53b87038cd44171613ab6c54a68d88aada3e74', name: "data" })), h("slot", { key: '53dd0d14ad5f3ad8b66d48d187d6e0898ed7a490', name: "ebook" }, !!this.ebookUrl && h("div", { key: '3edf0a447799584a766e159b019f8b5f48e1170a', class: "bottom" }, this.renderEbook())))), h("slot", { key: 'b1a58f989315ba1346f20686fb1077ad0ba1ae44', name: "apps" })));
+        return (h(Host, { key: '5573698f16b8cbaa66e384f15295d3cf002691ad' }, h("div", { key: '9a4feacc4096179f39a28ba9ceeae0b8b70abfd9', class: "main-content" }, this.renderCover(), h("div", { key: '4a1717324377feae50f008f9d3e223a52924b0c2', class: "card-info" }, h("div", { key: '9fad9cdd4bca79ba03391cde396f3a9d635b65cc', class: "top" }, h("div", { key: 'dc4a9d24505230b467a4ffac482d118ec2e796e2' }, this.renderYear(), this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), h("slot", { key: 'd94d220dc51d3b89b3284f8f100d6fd32d82a7b6', name: "tags" }), h("slot", { key: '5b7f9e2e1aadb10dbc97b16aa2dd4501b1007e16', name: "data" })), h("slot", { key: 'a5619600c90bfb3fba040674a280ec4f5395437a', name: "ebook" }, this.renderEbook()))), h("slot", { key: '9a70dad88fa621eec9b3902f5893cdc0ac8fcd1a', name: "apps" })));
     }
     static get is() { return "z-book-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/book-card/z-book-card/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/book-card/z-book-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {BookCardVariant, ControlSize} from \"../../../beans\";\n\n/*\n @slot cta - Top right cta (e.g. bookmark icon)\n * @slot ebook - As default, it shows laZ ebook link\n * @slot tags - Tags section, default empty\n * @slot data - External link and pill, default empty\n * @slot apps - List of card-related apps, default empty\n * @slot coverOverlay - Content to be displayed in the `z-book-cover` component slot\n /\n@Component({\n tag: \"z-book-card\",\n styleUrls: [\"styles.css\", \"../../../tokens/typography.css\", \"../../css-components/z-link/styles.css\"],\n shadow: true,\n})\nexport class ZBookCard implements ComponentInterface {\n @Element() hostElement: HTMLZBookCardElement;\n\n /* Card variant: landscape, portrait /\n @Prop({reflect: true})\n variant: BookCardVariant = BookCardVariant.PORTRAIT;\n\n /* Cover URL /\n @Prop()\n cover: string;\n\n /* Opera title (card title) /\n @Prop()\n operaTitle: string;\n\n /* [optional] Volume title (card subvolume) /\n @Prop()\n volumeTitle?: string;\n\n /* [optional] Authors /\n @Prop()\n authors?: string;\n\n /* [optional] Main ISBN /\n @Prop()\n isbn?: string;\n\n /* [optional] ISBN label /\n @Prop()\n isbnLabel = \"\";\n\n /* [optional] year /\n @Prop()\n year?: string;\n\n /* [optional] Link to the ebook resource. Creates a link also around the cover and title. /\n @Prop()\n ebookUrl?: string;\n\n /* [optional] Value for the `target` attribute of the links created by `ebookUrl` prop. /\n @Prop()\n linkTarget = \"_blank\";\n\n /* [optional] Fallback cover URL. /\n @Prop()\n fallbackCover?: string;\n\n /\n Whether to show a stack of covers to represent multiple books.\n * Only takes effect when `variant` is `portrait`: in `landscape` it is silently ignored and no\n * cover stack is rendered, regardless of its value.\n /\n @Prop()\n hasMultipleCovers = false;\n\n /* [optional] Set a specific heading level as html tag for the title. /\n @Prop()\n titleHtmlTag?: string;\n\n /* click on ebook link /\n @Event()\n ebookClick: EventEmitter;\n\n /* click on cover link /\n @Event()\n coverClick: EventEmitter;\n\n /* click on title link */\n @Event()\n titleClick: EventEmitter;\n\n private emitEbookClick(): void {\n this.ebookClick.emit();\n }\n\n private emitCoverClick(): void {\n this.coverClick.emit();\n }\n\n private emitTitleClick(): void {\n this.titleClick.emit();\n }\n\n private renderCover(): HTMLDivElement {\n const CoverTag = this.ebookUrl ? \"a\" : \"div\";\n const coverAttrs = this.ebookUrl\n ? {\n href: this.ebookUrl,\n onClick: () => this.emitCoverClick(),\n target: this.linkTarget,\n }\n : {};\n\n return (\n <CoverTag\n class=\"cover\"\n {...coverAttrs}\n >\n <z-book-cover\n cover={this.cover}\n fallbackCover={this.fallbackCover}\n multiple={this.hasMultipleCovers && this.variant === BookCardVariant.PORTRAIT}\n >\n <slot\n name=\"coverOverlay\"\n slot=\"coverOverlay\"\n ></slot>\n </z-book-cover>\n </CoverTag>\n );\n }\n\n private renderYear(): null \| HTMLDivElement {\n if (!this.year) {\n return null;\n }\n\n return (\n <div\n class=\"year ellipsis body-4\"\n aria-description=\"anno\"\n >\n {this.year}\n </div>\n );\n }\n\n private renderAuthors(): null \| HTMLDivElement {\n if (!this.authors) {\n return null;\n }\n\n return (\n <div class=\"cta-wrapper\">\n <div\n class=\"authors ellipsis body-4\"\n aria-description=\"autori\"\n >\n {this.authors}\n </div>\n {this.variant === BookCardVariant.LANDSCAPE ? this.renderCtaSlot() : null}\n </div>\n );\n }\n\n private renderOperaTitle(): HTMLDivElement {\n const title = this.titleHtmlTag\n ? `<${this.titleHtmlTag}>${this.operaTitle}</${this.titleHtmlTag}>`\n : this.operaTitle;\n\n const operaTitle = (\n <div\n class=\"opera-title ellipsis body-2-sb\"\n innerHTML={title}\n />\n );\n\n return (\n <div class=\"cta-wrapper\">\n {this.ebookUrl ? (\n <a\n class=\"z-link\"\n href={this.ebookUrl}\n onClick={() => this.emitTitleClick()}\n target={this.linkTarget}\n >\n {operaTitle}\n </a>\n ) : (\n operaTitle\n )}\n {this.variant === BookCardVariant.PORTRAIT ? this.renderCtaSlot() : null}\n </div>\n );\n }\n\n private renderVolumeTitle(): null \| HTMLDivElement {\n if (!this.volumeTitle) {\n return null;\n }\n\n return <div class=\"volume-title ellipsis body-4\">{this.volumeTitle}</div>;\n }\n\n private renderIsbn(): null \| HTMLDivElement {\n if (!this.isbn) {\n return null;\n }\n\n return (\n <div\n class=\"isbn ellipsis body-4-sb\"\n aria-description={`isbn ${this.isbnLabel}`}\n >\n {this.isbn} {this.isbnLabel ? <span class=\"body-4\">{this.isbnLabel}</span> : null}\n </div>\n );\n }\n\n private renderEbook(): HTMLDivElement {\n return (\n <div class=\"ebook\">\n <div class=\"app-name\">\n <img\n class=\"ebook-logo\"\n aria-hidden=\"true\"\n />\n <div class=\"body-4-sb\">laZ Ebook</div>\n </div>\n <z-button\n size={ControlSize.X_SMALL}\n href={this.ebookUrl}\n target={this.linkTarget}\n onClick={() => this.emitEbookClick()}\n htmlRole=\"link\"\n aria-description={`leggi l'ebook ${this.operaTitle} su laZ Ebook`}\n >\n leggi ebook\n </z-button>\n </div>\n );\n }\n\n private renderCtaSlot(): HTMLSlotElement {\n return <slot name=\"cta\"></slot>;\n }\n\n render(): HTMLZBookCardElement {\n return (\n <Host>\n <div class=\"main-content\">\n {this.renderCover()}\n <div class=\"card-info\">\n <div class=\"top\">\n <div>\n {this.renderYear()}\n {this.renderAuthors()}\n {this.renderOperaTitle()}\n {this.renderVolumeTitle()}\n {this.renderIsbn()}\n </div>\n <slot name=\"tags\"></slot>\n <slot name=\"data\"></slot>\n </div>\n <slot name=\"ebook\">{!!this.ebookUrl && <div class=\"bottom\">{this.renderEbook()}</div>}</slot>\n </div>\n </div>\n <slot name=\"apps\"></slot>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/book-card/z-book-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, ComponentInterface, Element, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {BookCardVariant, ControlSize} from \"../../../beans\";\n\n/*\n @slot cta - Top right cta (e.g. bookmark icon)\n * @slot ebook - As default, it shows laZ ebook link\n * @slot tags - Tags section, default empty\n * @slot data - External link and pill, default empty\n * @slot apps - List of card-related apps, default empty\n * @slot coverOverlay - Content to be displayed in the `z-book-cover` component slot\n /\n@Component({\n tag: \"z-book-card\",\n styleUrls: [\"styles.css\", \"../../../tokens/typography.css\", \"../../css-components/z-link/styles.css\"],\n shadow: true,\n})\nexport class ZBookCard implements ComponentInterface {\n @Element() hostElement: HTMLZBookCardElement;\n\n /* Card variant: landscape, portrait /\n @Prop({reflect: true})\n variant: BookCardVariant = BookCardVariant.PORTRAIT;\n\n /* Cover URL /\n @Prop()\n cover: string;\n\n /* Opera title (card title) /\n @Prop()\n operaTitle: string;\n\n /* [optional] Volume title (card subvolume) /\n @Prop()\n volumeTitle?: string;\n\n /* [optional] Authors /\n @Prop()\n authors?: string;\n\n /* [optional] Main ISBN /\n @Prop()\n isbn?: string;\n\n /* [optional] ISBN label /\n @Prop()\n isbnLabel = \"\";\n\n /* [optional] year /\n @Prop()\n year?: string;\n\n /* [optional] Link to the ebook resource. Creates a link also around the cover and title. /\n @Prop()\n ebookUrl?: string;\n\n /* [optional] Value for the `target` attribute of the links created by `ebookUrl` prop. /\n @Prop()\n linkTarget = \"_blank\";\n\n /* [optional] Fallback cover URL. /\n @Prop()\n fallbackCover?: string;\n\n /\n Whether to show a stack of covers to represent multiple books.\n * Only takes effect when `variant` is `portrait`: in `landscape` it is silently ignored and no\n * cover stack is rendered, regardless of its value.\n /\n @Prop()\n hasMultipleCovers = false;\n\n /* [optional] Set a specific heading level as html tag for the title. /\n @Prop()\n titleHtmlTag?: string;\n\n /* click on ebook link /\n @Event()\n ebookClick: EventEmitter;\n\n /* click on cover link /\n @Event()\n coverClick: EventEmitter;\n\n /* click on title link */\n @Event()\n titleClick: EventEmitter;\n\n private emitEbookClick(): void {\n this.ebookClick.emit();\n }\n\n private emitCoverClick(): void {\n this.coverClick.emit();\n }\n\n private emitTitleClick(): void {\n this.titleClick.emit();\n }\n\n private renderCover(): HTMLDivElement {\n const CoverTag = this.ebookUrl ? \"a\" : \"div\";\n const coverAttrs = this.ebookUrl\n ? {\n href: this.ebookUrl,\n onClick: () => this.emitCoverClick(),\n target: this.linkTarget,\n }\n : {};\n\n return (\n <CoverTag\n class=\"cover\"\n {...coverAttrs}\n >\n <z-book-cover\n cover={this.cover}\n fallbackCover={this.fallbackCover}\n multiple={this.hasMultipleCovers && this.variant === BookCardVariant.PORTRAIT}\n >\n <slot\n name=\"coverOverlay\"\n slot=\"coverOverlay\"\n ></slot>\n </z-book-cover>\n </CoverTag>\n );\n }\n\n private renderYear(): null \| HTMLDivElement {\n if (!this.year) {\n return null;\n }\n\n return (\n <div\n class=\"year ellipsis body-4\"\n aria-description=\"anno\"\n >\n {this.year}\n </div>\n );\n }\n\n private renderAuthors(): null \| HTMLDivElement {\n if (!this.authors) {\n return null;\n }\n\n return (\n <div class=\"cta-wrapper\">\n <div\n class=\"authors ellipsis body-4\"\n aria-description=\"autori\"\n >\n {this.authors}\n </div>\n {this.variant === BookCardVariant.LANDSCAPE ? this.renderCtaSlot() : null}\n </div>\n );\n }\n\n private renderOperaTitle(): HTMLDivElement {\n const title = this.titleHtmlTag\n ? `<${this.titleHtmlTag}>${this.operaTitle}</${this.titleHtmlTag}>`\n : this.operaTitle;\n\n const operaTitle = (\n <div\n class=\"opera-title ellipsis body-2-sb\"\n innerHTML={title}\n />\n );\n\n return (\n <div class=\"cta-wrapper\">\n {this.ebookUrl ? (\n <a\n class=\"z-link\"\n href={this.ebookUrl}\n onClick={() => this.emitTitleClick()}\n target={this.linkTarget}\n >\n {operaTitle}\n </a>\n ) : (\n operaTitle\n )}\n {this.variant === BookCardVariant.PORTRAIT ? this.renderCtaSlot() : null}\n </div>\n );\n }\n\n private renderVolumeTitle(): null \| HTMLDivElement {\n if (!this.volumeTitle) {\n return null;\n }\n\n return <div class=\"volume-title ellipsis body-4\">{this.volumeTitle}</div>;\n }\n\n private renderIsbn(): null \| HTMLDivElement {\n if (!this.isbn) {\n return null;\n }\n\n return (\n <div\n class=\"isbn ellipsis body-4-sb\"\n aria-description={`isbn ${this.isbnLabel}`}\n >\n {this.isbn} {this.isbnLabel ? <span class=\"body-4\">{this.isbnLabel}</span> : null}\n </div>\n );\n }\n\n private renderEbook(): null \| HTMLDivElement {\n if (!this.ebookUrl) {\n return null;\n }\n\n return (\n <div class=\"ebook\">\n <div class=\"app-name\">\n <img\n class=\"ebook-logo\"\n aria-hidden=\"true\"\n />\n <div class=\"body-4-sb\">laZ Ebook</div>\n </div>\n <z-button\n size={ControlSize.X_SMALL}\n href={this.ebookUrl}\n target={this.linkTarget}\n onClick={() => this.emitEbookClick()}\n htmlRole=\"link\"\n aria-description={`leggi l'ebook ${this.operaTitle} su laZ Ebook`}\n >\n leggi ebook\n </z-button>\n </div>\n );\n }\n\n private renderCtaSlot(): HTMLSlotElement {\n return <slot name=\"cta\"></slot>;\n }\n\n render(): HTMLZBookCardElement {\n return (\n <Host>\n <div class=\"main-content\">\n {this.renderCover()}\n <div class=\"card-info\">\n <div class=\"top\">\n <div>\n {this.renderYear()}\n {this.renderAuthors()}\n {this.renderOperaTitle()}\n {this.renderVolumeTitle()}\n {this.renderIsbn()}\n </div>\n <slot name=\"tags\"></slot>\n <slot name=\"data\"></slot>\n </div>\n <slot name=\"ebook\">{this.renderEbook()}</slot>\n </div>\n </div>\n <slot name=\"apps\"></slot>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/book-card/z-book-card/styles.css CHANGED Viewed

@@ -137,26 +137,22 @@
   justify-content: space-between;
 }
-.main-content .card-info .bottom .ebook {
+.main-content .card-info .ebook {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
-  padding: var(--space-unit);
-  background-color: var(--color-primary02);
-  border-radius: var(--border-radius);
   gap: var(--space-unit);
 }
-.main-content .card-info .bottom .ebook .app-name {
+.main-content .card-info .ebook .app-name {
   display: flex;
   align-items: center;
-  padding: calc(var(--space-unit) / 2) 0;
   font-family: var(--font-family-serif);
   gap: calc(var(--space-unit) / 2);
 }
-.main-content .card-info .bottom .ebook .app-name .ebook-logo {
+.main-content .card-info .ebook .app-name .ebook-logo {
   width: 1.5rem;
   height: 1.5rem;
   content: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 aria-hidden=%22true%22%3E%3Cg clip-path=%22url(%23clip0_11996_224)%22%3E%3Cpath d=%22M14.6644 0.469604H5.00141C2.33305 0.469604 0.169922 2.63274 0.169922 5.3011V14.9641C0.169922 17.6324 2.33305 19.7956 5.00141 19.7956H14.6644C17.3328 19.7956 19.4959 17.6324 19.4959 14.9641V5.3011C19.4959 2.63274 17.3328 0.469604 14.6644 0.469604Z%22 fill=%22%23E2011A%22/%3E%3Cpath d=%22M15.9523 13.3536H12.7313C11.6861 13.3536 10.6683 13.6934 9.83241 14.3199C8.99657 13.6934 7.97873 13.3536 6.93352 13.3536H3.71252V5.30115H6.93352C7.97873 5.30115 8.99657 5.64096 9.83241 6.26745C10.6683 5.64096 11.6861 5.30115 12.7313 5.30115H15.9523V13.3536Z%22 fill=%22white%22/%3E%3Cpath d=%22M15.9523 14.3201H3.71252V14.9643H15.9523V14.3201Z%22 fill=%22black%22/%3E%3Cpath d=%22M8.22229 10.732V8.24543C8.22229 7.97165 8.51057 7.79449 8.75375 7.91689L11.2404 9.16019C11.5109 9.29548 11.5109 9.682 11.2404 9.81728L8.75375 11.0606C8.50896 11.183 8.22229 11.0058 8.22229 10.732Z%22 fill=%22black%22/%3E%3Cpath d=%22M4.35704 7.87826C5.42438 7.87826 6.28963 7.013 6.28963 5.94566C6.28963 4.87831 5.42438 4.01306 4.35704 4.01306C3.28969 4.01306 2.42444 4.87831 2.42444 5.94566C2.42444 7.013 3.28969 7.87826 4.35704 7.87826Z%22 fill=%22black%22/%3E%3Cpath d=%22M5.6454 5.62354H3.0686V6.26773H5.6454V5.62354Z%22 fill=%22white%22/%3E%3Cpath d=%22M4.67917 4.65723H4.03497V7.23402H4.67917V4.65723Z%22 fill=%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_11996_224%22%3E%3Crect width=%2219.326%22 height=%2219.326%22 fill=%22white%22 transform=%22translate(0.169922 0.469604)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

package/dist/collection/components/book-card/z-book-card-app/index.js CHANGED Viewed

@@ -20,7 +20,7 @@ export class ZBookCardApp {
         return null;
     }
     render() {
-        return (h("div", { key: '1d1b2f0e55e862d339781bcc5569643b4600c1ac' }, h("a", { key: 'ce545fd451b0508cd5242ac5fe78a53f05bcd470', class: "app z-link", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, this.logo && (h("img", { key: 'e6f70c907d4536ff79efb82d52520b250abe41ed', src: this.logo, alt: "" })), h("div", { key: '7159aca193bad1acab23f66074b07a8d37e82f4f', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (h("z-info-reveal", { key: '354d150ea3ca2c1f5b21466da28f267548e0ee9c', icon: "info", size: ControlSize.X_SMALL, position: InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, h("div", { key: '361e85815010eba5863e1a49cb190150413f48f1' }, this.info))), h("a", { key: '52713f456a71c32de4d300c0411a8874364d7cf1', class: "z-link z-link-icon", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, h("z-icon", { key: '746e103053881320ed6840fecca10baf23b0a80a', name: "chevron-right", fill: "color-primary01-icon" }))));
+        return (h("div", { key: 'fce744f158319d3fb1564c75410098d042490579' }, h("a", { key: '9120ac9d00ffb3e4a638511ceb4ab4548ffeb556', class: "app z-link", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, this.logo && (h("img", { key: '9040bf4ba19a5f7627b7e5a317c814487bde3680', src: this.logo, alt: "" })), h("div", { key: 'aca3d44fb28ac31619357bcea89b36622f83cfc7', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (h("z-info-reveal", { key: 'b2f680fa53efcf6d2c44c4e4c273fb1f5bcffbec', icon: "info", size: ControlSize.X_SMALL, position: InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, h("div", { key: '3171a9a277d1e7c09940f7dcb07e6ff3780a8071' }, this.info))), h("a", { key: '2b8b5e66b9184a075c7e6184ef48d63fe52f487c', class: "z-link z-link-icon", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, h("z-icon", { key: '19ee937a556f68ad1276eab43e4a35c46f4e87bd', name: "chevron-right", fill: "color-primary01-icon" }))));
     }
     static get is() { return "z-book-card-app"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/z-date-picker/index.js CHANGED Viewed

@@ -170,7 +170,7 @@ export class ZDatePicker {
             } })));
     }
     render() {
-        return (h("div", { key: '278c660a423c35c76dbc8144ccf20a724fde93b2', class: {
+        return (h("div", { key: 'a9e009476e255e0b7d08713e13f05f344d38b82b', class: {
                 "flatpickr-toggle-container": true,
                 [this.flatpickrPosition]: true,
                 [this.mode]: true,

package/dist/collection/components/date-picker/z-range-picker/index.js CHANGED Viewed

@@ -337,14 +337,14 @@ export class ZRangePicker {
             onStopTyping: this.onStopTyping.bind(this),
             value: "",
         };
-        return (h("div", { key: 'd2d94a3237b1659fd6ba789ed36717cb74eb7656', class: {
+        return (h("div", { key: '4523d5064162ea6984b0c64dd4035f81b6908e7c', class: {
                 ["range-pickers-container"]: true,
                 [this.mode]: true,
                 [this.activeInput]: true,
                 [this.flatpickrPosition]: true,
-            } }, h("div", { key: 'd6a31c6bf63475ae192d207b84910801d1dc9812', class: `${this.rangePickerId}-1-wrapper` }, h("div", { key: '4755c5035411d352b52c00f762148be686a3849a', class: `${this.rangePickerId}-1-container` }, h("z-input", Object.assign({ key: 'fb5a934e6e7265a716e876fcd317d6682ff498fb' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, "data-input": "data-input", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && InputStatus.ERROR, onStartTyping: () => {
+            } }, h("div", { key: 'f7072a89e4cca123a3b89a01f2b45c06477241c2', class: `${this.rangePickerId}-1-wrapper` }, h("div", { key: 'd9e2e55356671cfd1b266b14a054d15fbb0af64c', class: `${this.rangePickerId}-1-container` }, h("z-input", Object.assign({ key: 'acfca5557a45a205f7c6835c6d51faf43f926153' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, "data-input": "data-input", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && InputStatus.ERROR, onStartTyping: () => {
                 this.firstInputError = false;
-            } })))), h("div", { key: '4e9889983e2422851e6d6ca2ea4f87ad1e23af21', class: `${this.rangePickerId}-2-wrapper` }, h("div", { key: 'ce5d885db43f3795863cafe600098eaf77d8836c', class: `${this.rangePickerId}-2-container` }, h("z-input", Object.assign({ key: 'babf71bfafe8788c4b849692ad49fd0f6d015822' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, "data-input": "data-input", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && InputStatus.ERROR, onStartTyping: () => {
+            } })))), h("div", { key: 'd416470bfc3792ed75819358bc2e184afb2f513e', class: `${this.rangePickerId}-2-wrapper` }, h("div", { key: '7479622363768dc67c8d21ed1671938bb8595274', class: `${this.rangePickerId}-2-container` }, h("z-input", Object.assign({ key: '2cb2232b8abf95ba126034956ef3d183d7b193aa' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, "data-input": "data-input", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && InputStatus.ERROR, onStartTyping: () => {
                 this.lastInputError = false;
             } }))))));
     }

package/dist/collection/components/deprecated/table/cells/z-td/index.js CHANGED Viewed

@@ -42,7 +42,7 @@ export class ZTd {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: 'b89fd7b33f9d928a6c60b5493ee2732edda4318c', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: 'ac47204976e01cc5f2371d87faf4e15bbcb9b923', class: "cell--content" }, h("slot", { key: '24eddf43aa23971f21dcfcae158111cbab7689e3' }), this.showMenu && (h("div", { key: '8545b4567dcd1a3a3fb8a4e0913753af0cdaaf11', class: "cell--menu-container prevent-expand" }, h("z-button", { key: '2b96d9dda4c2794e1f9c7d5dc936ac1701d11ba6', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: 'ebee2d5c76f8573362e9a912b62e238d9eef6d5a', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'b3b6392cf7d0044fc4fc3773817efe7ba46bd598', name: "contextual-menu" })))))));
+        return (h(Host, { key: '4ea61b4c4d2e924b925e7b8f579e6827e0ee22c8', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: '98db4baee9fbf028c36f201b1fca8959bf955eb8', class: "cell--content" }, h("slot", { key: '633725c94623d66b2e4c2820bfb0453d500b6ac6' }), this.showMenu && (h("div", { key: '61f2fb0cc589bc32acd0e51b7ddae92be78d18f0', class: "cell--menu-container prevent-expand" }, h("z-button", { key: '86132a5a7762b97d0646071d54339930269d1ce3', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: 'bf2d2b8f0114562d49cd4a88b895b2b9dca22389', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'f3512195bf82945f0fca0ca3c3c389d04b5d98c0', name: "contextual-menu" })))))));
     }
     static get is() { return "z-td"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/table/cells/z-th/index.js CHANGED Viewed

@@ -70,7 +70,7 @@ export class ZTh {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: 'b3856fa4eddacabb8829a28dc45fd90800eee5aa', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: '03c07d8f856bb0d6a22a744d573ba6c06b30d320', class: "cell--content" }, h("slot", { key: '5cbb5be6388a9c50d17f6d088768f057e198b643' }), this.showSorting && (h("button", { key: '3656e15796f432c2d7c98bf71ab3e7b08bbf249b', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '107e6ada53b0affee7dcfc621cba223ad93de8c5', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: 'ce723a0dcaaf3f6d98bbf72aa6a3ba2368978594', class: "cell--menu-container" }, h("z-button", { key: 'f2fa8bb2ba2a5a08c967bf383d427fde8ec7e091', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: 'aba8b675b30bdcdabb6dbba68ffe6a908bf7ecce', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '202c0095d1e27af68cbc2e2eab32f921dddb90fe', name: "contextual-menu" })))))));
+        return (h(Host, { key: 'd677564cf6d2351a9188098d58b98e4bf9ffbf9e', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: '267fd4a41682a6a1475ba74739ff148957dc6626', class: "cell--content" }, h("slot", { key: 'a77588e6dd5645f6b384a7564a06cffae72bed4e' }), this.showSorting && (h("button", { key: '8a565667e7bdbd223d38efe7be5128c69947577c', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: 'a527e6e217f5cbabf1baac1c292111ab406aa792', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '396eb46a6aa10d47419cd437412ce69d797f2047', class: "cell--menu-container" }, h("z-button", { key: '6e014d9922c15041950772ee0c377b9f31d4d743', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: '11a7861d3151f616c9d9761709611bac37a02ec6', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '99545a1fb846906941ce882d6f21676de1fa7fb2', name: "contextual-menu" })))))));
     }
     static get is() { return "z-th"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/table/z-table/index.js CHANGED Viewed

@@ -41,7 +41,7 @@ export class ZTable {
         (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '5db047ba30ea62b9f4c4b1adc1a2f82ab4dac8d0', expandable: this.expandable }, h("div", { key: '1094691d5dbc197a353a8f2a0e18505196102587', class: "table", role: "table" }, h("slot", { key: 'e2bd88f858fba1408d14ff6040a3a961ddb69c28' }))));
+        return (h(Host, { key: '07719fd45b5b0cc2e5d5798f397048b4e233ce88', expandable: this.expandable }, h("div", { key: 'f333241ac885ebdaeed659b2aeb1f6af811fa0ec', class: "table", role: "table" }, h("slot", { key: 'e9072d50375eb35757b393ec5a843459dafd4cc2' }))));
     }
     static get is() { return "z-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/table/z-tbody/index.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { Host, h } from "@stencil/core";
  */
 export class ZTbody {
     render() {
-        return (h(Host, { key: '0799f4ed498e2fc7bff1a0a87e5aeec696bce221', role: "rowgroup" }, h("slot", { key: '47b9c73d0dabc8724c213775dc3e1fdbece493f0' })));
+        return (h(Host, { key: '5dab686ef543637640d464ad532250d642f73508', role: "rowgroup" }, h("slot", { key: '36c4272ae7ba5eee71ffc682ca0d086c1a6cdc07' })));
     }
     static get is() { return "z-tbody"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/table/z-tfoot/index.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class ZTfoot {
         this.sticky = false;
     }
     render() {
-        return (h(Host, { key: '4e784c5c53424e031a4b6d2e63c86ae428b969eb', role: "rowgroup", tabIndex: -1 }, h("slot", { key: '62c7437baefd2cb28cc03b41dce61b9d4652691b' })));
+        return (h(Host, { key: 'a5e96868b6f2f28cd25fe134b8346f0f9d800de1', role: "rowgroup", tabIndex: -1 }, h("slot", { key: 'bbb1478d0fdd700bf4e9601eb7d008f54ff02cb3' })));
     }
     static get is() { return "z-tfoot"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/table/z-thead/index.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class ZThead {
         this.isFocusable = false;
     }
     render() {
-        return (h(Host, { key: 'e641c319d493efee56982ea55d6ae60117f9d948', role: "rowgroup", tabIndex: this.isFocusable ? 0 : -1 }, h("slot", { key: '1415fe921596b94939a2d9328f687b1653339cb2' })));
+        return (h(Host, { key: '7344ed54861bf06e14d98898db49edb576668e9b', role: "rowgroup", tabIndex: this.isFocusable ? 0 : -1 }, h("slot", { key: '72be057fd58c9da5280dee692324cb5192865dba' })));
     }
     static get is() { return "z-thead"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/table/z-tr/index.js CHANGED Viewed

@@ -65,7 +65,7 @@ export class ZTr {
         this.updateColumns();
     }
     render() {
-        return (h(Host, { key: '282a41d7ccde9ca0123725f53c73ee589d3f5cb3', role: "row", tabIndex: this.expandable ? 0 : undefined, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, h("div", { key: 'fe77cc4ab95a6e59ca40b4f823d280269eed2378', class: "z-tr--focus-overlay", "aria-hidden": "true" }), h("div", { key: '8e5ed96fd1494f5ad21311daaea39d06c63b8cd4', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: 'af714e0babec41238e7cb9460dd44d7ce25d558d', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '9450d0b882295a749132311d631c1b96f3affd34', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: '7301e9d09a0a29c8725613591a8855097c98221f', onSlotchange: this.updateColumns.bind(this) })));
+        return (h(Host, { key: '158f25d1746e340981e4facebe0f7dfd2106222a', role: "row", tabIndex: this.expandable ? 0 : undefined, expanded: this.expanded, onClick: this.onRowClick.bind(this), onKeyDown: this.onKeyDown.bind(this) }, h("div", { key: '140ddc0aac009e9e254b5ee281e292dc19326527', class: "z-tr--focus-overlay", "aria-hidden": "true" }), h("div", { key: '8e5b3d3e72cfe09c1ee4f54ffab8805e0e83021c', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: 'bd724740ff19d508d33527dbc657b932f73f4421', tabIndex: -1, "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: 'd88a988e00c240b85806e9d0ea8d090cb404fab4', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: '83cada789cfd416d9c2062ede5c10b49ac56ae56', onSlotchange: this.updateColumns.bind(this) })));
     }
     static get is() { return "z-tr"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/file-upload/z-dragdrop-area/index.js CHANGED Viewed

@@ -12,12 +12,12 @@ export class ZDragdropArea {
         }
     }
     render() {
-        return (h(Host, { key: 'ecf49da8d38f797026ccc5a56c6ccb8f99aa48ce', class: { dragover: this.dragging }, onDragOver: (e) => {
+        return (h(Host, { key: '66f5fb3bcc31650e3d290af5ab076988238c4a4d', class: { dragover: this.dragging }, onDragOver: (e) => {
                 e.preventDefault();
                 this.dragging = true;
             }, onDragLeave: () => {
                 this.dragging = false;
-            }, onDrop: this.onDrop.bind(this) }, h("div", { key: 'ef15b62b3e7ab7b0f243c4b3c6138ecacda1c06d', class: "dragover-container" }, h("z-button", { key: 'ccbc9c3c422bf6603fbe89f48c5fe79c001921e1' }, this.dragAndDropLabel)), h("slot", { key: '8478b1c1e7c4f7be161ad95af6a4879a24a05d26' })));
+            }, onDrop: this.onDrop.bind(this) }, h("div", { key: 'e5cdaacb8a2083d4b20203b5722a99e0fd8abd5b', class: "dragover-container" }, h("z-button", { key: '59c8a32ac1df38991840b53cbf5dcaf0ca687e9c' }, this.dragAndDropLabel)), h("slot", { key: 'f9e8745147fdd87c620c3ad5037b401abdf42e2d' })));
     }
     static get is() { return "z-dragdrop-area"; }
     static get encapsulation() { return "shadow"; }