@zanichelli/albe-web-components 19.6.0 → 20.0.0-RC1

package/dist/collection/components/z-stepper-item/index.js

@@ -8,7 +8,7 @@ export class ZStepperItem {
         return Object.assign(Object.assign(Object.assign(Object.assign({}, href), role), current), tabindex);
     }
     render() {
-        return (h(Host, { key: 'ee4e169d10aaa0e603eccd45acb007a1a2de4ca2', role: "listitem" }, h("button", Object.assign({ key: '15c070f8c2f9e62a29ead2ab38d5a7e7380777d5', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: 'e20c009b380bb1df1c43e15b7d3aa1d9911a3fc0', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: 'cc35d8a701d30aadfb76c4de0336883686469d9f' }, h("slot", { key: '3020f6292985228d8483eb3e189f49cd42d5fc48' })))));
+        return (h(Host, { key: 'f24997a23514e8d4d3b1aa590ba26932499bcbfd', role: "listitem" }, h("button", Object.assign({ key: 'be1e80492f1744d845371a0d632fadb89efaa9e1', class: "stepper-item", disabled: this.disabled }, this.getAttributes()), h("div", { key: '219565ffc17ea324add230fe7dd80bc193ff759e', class: "indicator" }, this.checked ? h("z-icon", { name: "checkmark" }) : this.index), h("span", { key: 'bb01f5ebae751935f1840517888808bc2e2fcb7c' }, h("slot", { key: '8af60b19312c21d056894ace6486bff34cb62872' })))));
     }
     static get is() { return "z-stepper-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-tag/index.js

@@ -5,10 +5,10 @@ import { Host, h } from "@stencil/core";
  */
 export class ZTag {
     render() {
-        return (h(Host, { key: '273eb9a78f7f39ed81015bbe235b46d8582536dc', class: {
+        return (h(Host, { key: '0f2c63d3955fdb97015df9854ccac4030bc18f1e', class: {
                 "expandable": this.expandable && !!this.icon,
                 "has-text": !!this.host.textContent.trim(),
-            } }, this.icon && h("z-icon", { key: '5e40ec0815396062058b551eaaa473d4334c82d9', name: this.icon }), h("div", { key: 'af9ed36756ea11b9b50f7c155e546b0e369e73a3' }, h("slot", { key: 'eeb87108d276c593c17dfa0aec905a75cf0f826d' }))));
+            } }, this.icon && h("z-icon", { key: '46d5bfd904a8f2421d06b94f2e7c8e6ce81692d5', name: this.icon }), h("div", { key: '9c4fdeb859730e336eb18db8128c1fc7dc527410' }, h("slot", { key: 'aa6adbac4bcec80f1e3fb94d7276dee1386d9483' }))));
     }
     static get is() { return "z-tag"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/z-toast-notification/index.js

@@ -151,19 +151,19 @@ export class ZToastNotification {
         }
     }
     render() {
-        return (h(Host, { key: '2153aaf3bd237468bf2f63534a145ec917c39d73', style: { "--percentuale": `${this.percentage}%` }, class: { [this.transition]: !!this.transition, [this.type]: !!this.type }, onAnimationEnd: (e) => {
+        return (h(Host, { key: '203e3a531f9a178cb4a87598b7916d9313faefe6', 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);
                 }
-            } }, h("div", { key: '087703ec0d04f6d6a430fd58335392ca63328314', class: "toast-notification-container" }, h("div", { key: 'bca3315b0e1dfe7298941fcac2a76dcb5012f403', class: "toast-notification-content" }, h("div", { key: '6659341a2a78966c8f0876069d828ac344c6d55d', class: "toast-notification-text" }, this.heading && h("span", { key: 'acc832d48232f9f3e2ab6591c3e8589b9274368c', class: "title" }, this.heading), h("span", { key: 'a771954ce07ea0d8b59fd4801d0a08f47b01b369', class: "message" }, h("slot", { key: 'c1c035d7f0c5dad5224bd1fcdc9c6714618e0b94', name: "message" }, this.message && h("span", { key: '620a03bec453fa7273ddc6e0ec36f64ae2a161ce', innerHTML: DOMPurify.sanitize(this.message) })))), h("div", { key: '9938abc7188174c6f5de6dbaf9df8bf35a432046', class: "button-container", hidden: !this.hasSlottedButton }, h("slot", { key: 'e58bd461c216163cd219350a2ca4f58a2e7cf4b9', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (h("button", { key: 'f18b9d257ab683ce63db3c3f56b76fb985e5dc5c', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
+            } }, h("div", { key: 'f1aa2db8b0e25347d79f64bd99d3fa5ed0cdebbc', class: "toast-notification-container" }, h("div", { key: 'a9d16a63c9007b3dbe1f245d9063c3510f1518b8', class: "toast-notification-content" }, h("div", { key: '4ab0c13ca3f0bd80d95e0cb3199e3045e60c9a60', class: "toast-notification-text" }, this.heading && h("span", { key: 'b7dab9b4238d7e0f5d0db2184a2c9ca9bc0c8234', class: "title" }, this.heading), h("span", { key: '6afb9e5be183e6b040e6219940b00c48ea702fb1', class: "message" }, h("slot", { key: 'ee7feb8ab40d6e81dec9998a2ae13b4c03cf0327', name: "message" }, this.message && h("span", { key: '4adfbad2e2647b31a165e0a2d5164de7b283a3b7', innerHTML: DOMPurify.sanitize(this.message) })))), h("div", { key: 'ed3b21c702a6e4cadc10dd21b8a685c0b9c7a5cc', class: "button-container", hidden: !this.hasSlottedButton }, h("slot", { key: '0ece97a1a9773fc44347c64d5d413e35403212c9', name: "button", onSlotchange: () => this.checkSlottedButton() }))), this.closebutton && (h("button", { key: 'fd8e0a5fc8a6f59567f9938b53356ca545fd5eb0', class: "close-button", "aria-label": "Chiudi notifica", onClick: () => this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true), onKeyDown: (e) => {
                 if (e.code == KeyboardCode.SPACE || e.code == KeyboardCode.ENTER) {
                     e.preventDefault();
                     this.close(SLIDE_OUT_TRANSITION_MAP[this.transition], true);
                 }
-            } }, h("z-icon", { key: 'a745a5efd0c858fc5551c557e845815ad6ff9c53', name: "multiply-circled" }))))));
+            } }, h("z-icon", { key: '778c9689d5b1b6286c08c58c50ad93cc8fc35358', name: "multiply-circled" }))))));
     }
     static get is() { return "z-toast-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-toast-notification-list/index.js

@@ -39,7 +39,7 @@ export class ZToastNotificationList {
         }
     }
     render() {
-        return h("slot", { key: '2db7d7d32d1141d4d1af80be7b491eb4204e0320', name: "toasts" });
+        return h("slot", { key: '1b22ad1308d152ae0a89b6e0d711765fc400458b', name: "toasts" });
     }
     static get is() { return "z-toast-notification-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-toggle-switch/index.js

@@ -26,14 +26,14 @@ export class ZToggleSwitch {
         this.emitToggleClick();
     }
     render() {
-        return (h(Host, { key: 'b88394ed133b9f44f9c1de65628260259e841733' }, h("input", { key: '663c03657be7d0f8470226a11c8a804b2b9cbf86', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '5c234abf4e80459e82df5ae500e257325de80b75', htmlFor: this.htmlid, class: {
+        return (h(Host, { key: '0370a36488a57e5ac92c296ce0fcc140cc8c56eb' }, h("input", { key: '3364210d02cebfd7d2ad14407a557c52aa82686a', id: this.htmlid, type: "checkbox", checked: this.checked, disabled: this.disabled, onChange: this.handleClick.bind(this) }), h("label", { key: '07519e6cbe8f44d131909d1023b602e74b6cdf80', htmlFor: this.htmlid, class: {
                 [this.labelPosition]: true,
                 disabled: this.disabled,
-            } }, h("span", { key: '8a8c27808c25b96294c0ee32bc5b0463d961aeb5' }, h("slot", { key: 'a44db8068a726de440173f0779fea34860239ee8' })), h("span", { key: '039860e84314b571f982e4a34bd0f7f257f1acf8', class: {
+            } }, h("span", { key: '3d460ac03c1788fdf99f116e8792f2b0f95f1857' }, h("slot", { key: '0eb371292202e3eefd737ed79f3acefeda2fab91' })), h("span", { key: '5912b4da7abed8f994dd7224a09872d5c173160a', class: {
                 container: true,
                 disabled: this.disabled,
                 checked: this.checked,
-            } }, h("span", { key: '4fa9b0bb08311cde64570f5cc1de3eb958633cdf', class: "circle" }, this.checked && (h("z-icon", { key: '7f44edf1a91ad6a5c2c1e1d2dc7e9eaf202f14b8', width: 12, height: 12, name: "checkmark" })))))));
+            } }, h("span", { key: '893ebce8124fdbcd00fbaf0976757a15b59a5b6e', class: "circle" }, this.checked && (h("z-icon", { key: 'f6d826da0f8c46f1e64fc0efa2a55fda64685f55', width: 12, height: 12, name: "checkmark" })))))));
     }
     static get is() { return "z-toggle-switch"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/z-tool/index.js

@@ -182,10 +182,10 @@ export class ZTool {
         (_a = this.mql) === null || _a === void 0 ? void 0 : _a.removeEventListener("change", this.onMobileViewChange);
     }
     render() {
-        return (h(Host, { key: '877a963cd0017bb4ee4ceee41269a7221c9b5657', class: { "z-tool-tooltip-open": this.tooltipOpen } }, h("button", { key: '277956460cb28d4fa82751858e6ec223c60c3742', 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 }, h("z-icon", { key: '7adc9e77129028185370b067f087190c30ce65b1', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (h("z-tooltip", { key: '1ad7d42bea522fe09f192f6a5437a56aa1c0dfce', class: "z-tool-tooltip", ref: (el) => (this.tooltipRef = el), bindTo: this.iconRef, open: this.tooltipOpen && !this.open, position: this.isNested ? PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, h("span", { key: 'aa411388fce8b01983fed63a1c27505a53604a8c', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (h("z-popover", { key: '018b555d82f0fe05cf1029eabaf645f14f793079', class: "z-tool-submenu", open: this.open, bindTo: this.isMobile && this.mainToolbar ? this.mainToolbar : this.hostElement, center: true,
+        return (h(Host, { key: '6d82ae454718b00d21e6193325bc223de3409f7a', class: { "z-tool-tooltip-open": this.tooltipOpen } }, 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 }, h("z-icon", { key: '79be05619def07fd8a73812a8905f15f719fce83', ref: (el) => (this.iconRef = el), name: this.icon, indicatorColor: this.indicatorColor })), this.tooltip && (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 ? PopoverPosition.BOTTOM : this.tooltipPosition, dark: true, onMouseLeave: this.handleTooltipClose, onBlur: this.handleTooltipClose, onOpenChange: this.onTooltipOpenChange }, h("span", { key: '82c6f40fc3a4d4932ea9ef8e05f02c2c8d5eaddf', class: "body-4" }, this.tooltip))), this.hasSlottedContent && (h("z-popover", { key: '33dcbe345ca34c79720ed7a17eda2f5ab0561e90', 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 ? PopoverPosition.TOP : PopoverPosition.BOTTOM }, h("slot", { key: 'cc57b7897e2341151ffa771a0c1d7ed22052faf7' })))));
+            closable: false, position: this.isMobile ? PopoverPosition.TOP : PopoverPosition.BOTTOM }, h("slot", { key: '1a42cca4cd67850cff48043819e144fc2b6ea47e' })))));
     }
     static get is() { return "z-tool"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-toolbar/index.js

@@ -132,7 +132,7 @@ export class ZToolbar {
         }
     }
     render() {
-        return (h(Host, { key: '27daf25d9526b2eb37ddcec6e3e577b913fae833', role: "toolbar", "aria-label": this.htmlAriaLabel }, h("slot", { key: 'e84a997b04d17fe916ba25ea296c1459228226af', onSlotchange: () => {
+        return (h(Host, { key: 'c4ccefdf38a239462ed209be1f5982fc4d805493', role: "toolbar", "aria-label": this.htmlAriaLabel }, h("slot", { key: '97f941c2bb8862f5bcb78bbad6fba1f729d497a5', onSlotchange: () => {
                 this.collectToolItems();
                 this.updateTabIndexes();
             } })));

package/dist/collection/components/z-tooltip/index.js

@@ -25,7 +25,7 @@ export class ZTooltip {
         this.open = this.popoverEl.open;
     }
     render() {
-        return (h("z-popover", { key: 'f043ce5196097912206ba7430623947af5c453a8', 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) }, h("slot", { key: '9589232709b125e27eee40bfa68c497626cb55bf' })));
+        return (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) }, h("slot", { key: '5c5a2e8be7183824b50fa87d18b6f26e4bb2c0f7' })));
     }
     static get is() { return "z-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/z-visually-hidden/index.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class ZVisuallyHidden {
     render() {
-        return h("slot", { key: 'c0d4c33ff0e304a0e2c6b1f708fb48aaa3f45fc5' });
+        return h("slot", { key: '7223868f33657302203a2a24df8b3250d81c42cc' });
     }
     static get is() { return "z-visually-hidden"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/constants/iconset.js

@@ -904,9 +904,7 @@ export const LEGACY_ICONS = {
     "circle-chevron-down": STROKE_ICONS["chevron-circle-down"],
     "circle-chevron-left": STROKE_ICONS["chevron-circle-left"],
     "circle-chevron-up": STROKE_ICONS["chevron-circle-up"],
-    "circle-cross-fill": STROKE_ICONS["multiply-circled-filled"],
     "circle-cross-stroke": STROKE_ICONS["multiply-circled"],
-    "circle-cross": STROKE_ICONS["multiply-circled-filled"],
     "circle-plus": STROKE_ICONS["plus-circled"],
     "circle-warning": STROKE_ICONS["exclamation-circle"],
     "close": STROKE_ICONS["multiply"],
@@ -977,6 +975,8 @@ export const LEGACY_ICONS = {
     "chevron-left-circle-filled": FILLED_ICONS["chevron-circle-left-filled"],
     "chevron-right-circle-filled": FILLED_ICONS["chevron-circle-right-filled"],
     "chevron-up-circle-filled": FILLED_ICONS["chevron-circle-up-filled"],
+    "circle-cross-fill": FILLED_ICONS["multiply-circled-filled"],
+    "circle-cross": FILLED_ICONS["multiply-circled-filled"],
     "cloud-x-filled": FILLED_ICONS["cloud-delete-filled"],
     "club-black-suit-filled": FILLED_ICONS["suit-club-filled"],
     "diamond-black-suit-filled": FILLED_ICONS["suit-diamond-filled"],