@zanichelli/albe-web-components 19.3.0-RC5 → 19.3.0-RC6

package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js

@@ -23,7 +23,7 @@ export class ZMyzCardDictionary {
         this.cardFlipped.emit(showBack);
     }
     render() {
-        return (h("div", { key: '8dc932a6e2df1d2915aad71065214b8eedfb8228' }, h("z-myz-card", { key: '31ce51650d9999b46068d6427ec1e5f15d1f5020' }, h("z-myz-card-header", { key: '335d79eeb60cb1539bbd096b45c8a6ea67e486a7', titolo: this.name }), h("div", { key: 'c1a5d68eb72455705bb2dd15c8410e4d5171a827', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: 'a5a772278c40abe29f23844a1f700050ba4e0deb', class: "front" }, h("z-myz-card-body", { key: '9eaf2fcf34e74836420c03393d0a0e5d5c3a3b17' }, h("z-myz-card-cover", { key: 'e57ea2529cdf6df4dbe0a1b690180ff21d85f153', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: 'c5e156b14e708d542014d3f5340c34363863353c', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: 'e80acba3651fa2be23ee66ea312afe89362d9a59', class: "back" }, h("slot", { key: 'bd7f4bb1d2ec63d63460034e4ead0adc62651807', name: "info" }))), h("slot", { key: 'dfcf97a040d303261c1cf50dd10763e04eeec035' }))));
+        return (h("div", { key: 'fe6d9d8cc73aa0135e2874d0bee4b996cf83dc64' }, h("z-myz-card", { key: 'eee9c5a48f74a1bb5fb36ed0952a84260c37b79e' }, h("z-myz-card-header", { key: '0665c976a9a81efcc14f531585aeb01e29526896', titolo: this.name }), h("div", { key: 'c7ab52b273bdda1f32e016f0117844507159699e', class: `content ${this.flipped ? "flipped" : ""}` }, h("div", { key: 'c7b2b5cc7253ba6c73033afc1dfa375ed281fae2', class: "front" }, h("z-myz-card-body", { key: '954bc5ad14a460c65ab58a85b1e6f6d9568a76ab' }, h("z-myz-card-cover", { key: 'ce0762910761111896f04d2a8071910b556d9471', slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), h("z-button", { key: '385a8b63d361e250c2c3331e9e5222a2cd708ffe', class: { "hide-info": this.hideinfobtn }, variant: ButtonVariant.SECONDARY, icon: "informationsource", size: ButtonSize.X_SMALL, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), h("div", { key: '115dfdbc6c12edbab647c0f8e1e16b197a0066fd', class: "back" }, h("slot", { key: '947dbf7463e16a9e1664df2390ec714a77d3b46a', name: "info" }))), h("slot", { key: 'bd851dc63c9a852237063f48b0c558363f1dd3f6' }))));
     }
     static get is() { return "z-myz-card-dictionary"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js

@@ -56,7 +56,7 @@ export class ZMyzCardFooter {
         return this.host.querySelector("[slot=list] > li a");
     }
     render() {
-        return (h("div", { key: 'd489e447e3e1d590098c6356f79afa453d829b14', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '736f759004879e45aaa87b4a37d94d335e5fdf38', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '819e6055158bfa1f3e2a8d923c81e5e1430eee5f', class: "toggle" }, h("slot", { key: 'd0789e330d61dc5d0cf84fda39f360dc2e1846fe', name: "toggle" })), this.titolo && h("p", { key: '5047d003377297bbbe1bca0ab61405ecc0cb1c3b', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'ba5dca645b5b47564fc893773375a7588cf8e1fa', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: 'a461c381f6eee4cd10eb2768932d392a15c37c63' }, h("p", { key: '7ab6b9d45859070b33f16c00f8c0bf13ab28796a', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '039c7702d8d0cafaca6a680e1afc8e93835fc575', title: this.getTitleAuthors() }, h("span", { key: '9273775ede820fff9b15252e815830223ccdaa9b', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '8f096c9282fb5c8a8d22c033876d2881992dafd4', class: "year-isbn" }, h("span", { key: '83ca26272ff2094e0461b0b4c16e7de47496270e', class: "isbn" }, h("span", { key: 'f988641ac031ade7be9e8c8531dab173da0d2fa9' }, h("span", { key: 'd777fd577873a0a4095ba99506826f64320f2f6f', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '3092066602cd6433d10b10c3aa8eef0b783545b4', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: '5fe266d544afca2b736cfeb4e5c38e611483cdc2', name: "list" })))), this.customContent && h("slot", { key: 'cd156338758dd3467dfc3232783494c703f15288', name: "content" })));
+        return (h("div", { key: '0836e7e0d6c360721019bc7674466345e3eaab74', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '0771eca0b6c8267a612f95800fc807096efd19eb', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: 'e9ca8f43d386ae14914d192a428698ecd9ee1082', class: "toggle" }, h("slot", { key: '4ffe0ee9635d343821a20d572217fd7f971a781f', name: "toggle" })), this.titolo && h("p", { key: '352cff28af1654d0676dcf0c184f42a5158bbbbe', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: 'a76925042afd579c30fc82faf96146718dd497c9', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: 'a3f2391f91e996b06d00a725a1b010f0df352551' }, h("p", { key: '4dfcf2de83492dd502eb69cc2525769c04430744', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: 'b0f06c214c88f38e477a0aacc824441160bf38fb', title: this.getTitleAuthors() }, h("span", { key: '6343877f00355d614d4a263d3615b5d6222ba795', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: 'b1f88556f9e2493e9070e71c72cc760f2f52738d', class: "year-isbn" }, h("span", { key: 'a934207b2ae734db3deca9d5a2544d86cb011117', class: "isbn" }, h("span", { key: '4a2d0fa9a603e63aa3443934d58f5df9350fbdf3' }, h("span", { key: '2668d24fe56de6eb660fc56a540347070ade4d92', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: '6310cdec45297752f3035d975c3073acce3e2076', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: 'f949fe923fa112d79c6cf4fa7490dd03e7f9c772', name: "list" })))), this.customContent && h("slot", { key: 'b0479a7f0e890c03dfbdced57aa6162d38981eb9', name: "content" })));
     }
     static get is() { return "z-myz-card-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class ZMyzCardFooterSections {
     render() {
-        return (h("div", { key: '97d3727bac19ede546388a2b3a859087132579d9' }, h("footer", { key: '1a936af0a57164d76e12d39243553439e01acd59' }, h("div", { key: '5cfa3a09588303e958cb3e03fb4047e4ee940b25', class: "top" }, h("slot", { key: 'a94b5f1583dad8ab8b65ae6cf2666b2822669eda', name: "top" })), h("div", { key: '6915a0421bb342c7e1374aa92b49aa6836af0f38', class: "bottom" }, h("slot", { key: '9617f8e997b8c66d0cac543b191f73e4ce64c070', name: "bottom" })))));
+        return (h("div", { key: 'e03532734334f374789a31da73f15e32ee8c1679' }, h("footer", { key: '36bbfc8363d00503545aa9a1dd4de0e8b036c0e2' }, h("div", { key: '159b35a78ec38d541d6016fa4724effa00a66dd6', class: "top" }, h("slot", { key: '25c311436a817abf5d0d961a6e2f699fcea6f331', name: "top" })), h("div", { key: '248485fc69ef0c7c76ca086a86a5971ae3e3876f', class: "bottom" }, h("slot", { key: 'fe1b0f89936780d822328e13ce94564838f3c0d7', name: "bottom" })))));
     }
     static get is() { return "z-myz-card-footer-sections"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js

@@ -27,7 +27,7 @@ export class ZMyzCardHeader {
         };
     }
     render() {
-        return (h("header", { key: 'cb6d37eb3216830f6077ead88b023626ac70d533', class: this.retrieveClass() }, h("slot", { key: '3f75c5d25d0d7fb8c4d8fd4d1ef8579565cbff58', name: "aria-heading" }), h("span", { key: '450a394125795418318d6988826803831285a9c2', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '9aabb4daea8a2065290d5dc5d06fc7a61bc5a2ca', name: "icon" })));
+        return (h("header", { key: '671c26a2953f4ca84e9c0bc3b84e8f6cf3d442f7', class: this.retrieveClass() }, h("slot", { key: 'd59992fbe354f2c6c4934613ed8597e3673fa49b', name: "aria-heading" }), h("span", { key: 'b58bfc5c6ab9993c33b4e8fcfde411a537c5d0f3', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '3928815f962ffd84793775a964a2303a901eed06', name: "icon" })));
     }
     static get is() { return "z-myz-card-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js

@@ -7,7 +7,7 @@ export class ZMyzCardIcon {
         this.ariaLabel = "";
     }
     render() {
-        return (h("button", { key: 'f850a5bea2c3f3c746403f682c374778944e2940', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '3edd33744b112cec218dcfaa05055d0e5c6d8d30' }, h("z-icon", { key: '7361b982563316a71e155e433b58cb597e76f7e3', name: this.icon, width: 16, height: 16 }))));
+        return (h("button", { key: '07cb991da26a22d55fb6cca776a5ef0208d53311', disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", { key: '6f71110aba5937ec76b6916cb4fdec52856af097' }, h("z-icon", { key: 'b01cbee366497b8b3d27f997e884f8be5a14e6fb', name: this.icon, width: 16, height: 16 }))));
     }
     static get is() { return "z-myz-card-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { PopoverPosition } from "../../../../beans";
 import { handleKeyboardSubmit } from "../../../../utils/utils";
 /**
- * @slot  - content
+ * @slot - content
  */
 export class ZMyzCardInfo {
     emitFlipCard(showBack = false) {
@@ -114,7 +114,7 @@ export class ZMyzCardInfo {
         return (h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, h("span", { class: "license-heading" }, h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", h("b", null, this.cardData.offlineLicense.expiration), h("br", null), "Installazioni disponibili: ", h("b", null, this.cardData.offlineLicense.installations)));
     }
     render() {
-        return (h("div", { key: '9e928e3e0a584e4d23a842600d235796a8c2e119' }, this.renderCloseIcon(), h("div", { key: '12f4545ef0de9f4b33f6c76db7c42c7cdf556cd9', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '2e9b588a180a9b7e84ecd1e7dab687926320d264', class: "cta-wrapper" }, h("slot", { key: '2ecbe734dd3dca95daa8599d6ff9d81a4d1c0cf0' }))));
+        return (h("div", { key: '3607109f95aff2febdb6e28e5aa1db8f6a53ba6e' }, this.renderCloseIcon(), h("div", { key: '0f2530af1ddc200434346f5206207a095b778860', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), h("div", { key: '6526087216d027750bc9946c5f9396f49aa392e3', class: "cta-wrapper" }, h("slot", { key: '984995bd7a2f93a57223f074ca9adb2fabcd66a9' }))));
     }
     static get is() { return "z-myz-card-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js

@@ -22,7 +22,7 @@ export class ZMyzCardList {
         });
     }
     render() {
-        return h("ul", { key: '1a13de08540dfc2b52eb0e68131d466573865791' }, this.renderList(JSON.parse(this.listdata)));
+        return h("ul", { key: '7ed6a040b79c3ea63fc94c941dcf31b8d220aea5' }, this.renderList(JSON.parse(this.listdata)));
     }
     static get is() { return "z-myz-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/list/z-myz-list/index.js

@@ -13,7 +13,7 @@ export class ZMyzList {
     }
     render() {
         const lastElem = this.list ? this.list.length - 1 : -1;
-        return (h("ul", { key: 'c3da0fd98f9d50082d025b168e001cd640de0c89' }, this.list &&
+        return (h("ul", { key: '8864b8d3a72f6feb8dd470c865bcbf20b922f31c' }, this.list &&
             this.list.map((bean, i) => (h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
     }
     static get is() { return "z-myz-list"; }

package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js

@@ -17,7 +17,7 @@ export class ZMyzListItem {
     }
     render() {
         const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-        return (h("li", { key: '421a202bed848893be7768d3ba5ef267faaf1bfe', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: '3253979885329c3e12e2ffcb2dd5d52d2d9defef', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '2c02dbdaef9e3b82c0a974f522455ce9636eb4b4', name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: '826e823b22893e9012341f5f9f1b58e2da8cbd95' }))));
+        return (h("li", { key: '09e6ff232f05fda0714becf9e1197c174f4d8a70', role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, h("span", { key: '5af77b520ee760061280a3e1bc7f0a14a935abe4', class: this.underlined && "border" }, this.icon && h("z-icon", { key: '5d850a4a1e5b5390c8d24529df96c65eda11f8e9', name: this.icon }), this.link ? (h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (h("span", { innerHTML: this.text })), h("slot", { key: '9d581e10a76a3affba423defd8d468d6485d347a' }))));
     }
     static get is() { return "z-myz-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/z-alert/index.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class ZAlert {
     render() {
-        return (h("div", { key: '3b30646b07e779247f6aa142a80d2a18501c9302', class: this.type }, h("slot", { key: 'fb6e05d4c1ca8bb6916efd5f18071e788e9006ca' })));
+        return (h("div", { key: '665f7a7ce9deaf03cb08a9fadc332152b1abf700', class: this.type }, h("slot", { key: 'f6517f07a45d30eda648e071acf5049bd0d1b2b7' })));
     }
     static get is() { return "z-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/snowflakes/myz/z-otp/index.js

@@ -13,7 +13,7 @@ export class ZOtp {
         this.otpRef = [...Array(this.inputNum)];
     }
     render() {
-        return (h("div", { key: '7657d7d869942c3d132010db3926eded138e551c', class: "otp-container" }, h("div", { key: 'ebf909e834636481b6b19058ee5ccb76a1b26783', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
+        return (h("div", { key: '25929eacee727c90dbf664fa11638bb5cdb5823a', class: "otp-container" }, h("div", { key: '16d6b64ba2649781fcb359ddefd08d0553c9fcb5', class: "digits-container" }, this.otp.map((_val, i) => (h("input", { class: this.status == InputStatus.ERROR ? "error" : null, onKeyDown: (e) => {
                 if (e.keyCode > 47) {
                     this.otpRef[i].value = "";
                 }
@@ -26,7 +26,7 @@ export class ZOtp {
             }, onInput: (e) => {
                 this.otp[i] = e.target.value;
                 this.emitInputChange(this.otp.join(""));
-            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: '102bca7cae4f618feef7bb26461a9a0ddb9ee8b3', message: this.message, status: this.status })));
+            }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: (el) => (this.otpRef[i] = el) })))), h("z-input-message", { key: '201125a3e3f5b0a3b53b170d4f0153188715c7db', message: this.message, status: this.status })));
     }
     static get is() { return "z-otp"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/storybook-utils.js

@@ -145,3 +145,10 @@ export function getColorTokenArgConfig(nullable = false) {
         },
     };
 }
+/**
+ * Extract CSS variables from an object.
+ * Returns only the entries with keys starting with `--`.
+ */
+export function extractCSSVars(args) {
+    return Object.fromEntries(Object.entries(args).filter(([key]) => key.startsWith("--")));
+}

package/dist/collection/utils/utils.js

@@ -267,3 +267,8 @@ export const getPlainText = (html) => {
     const doc = new DOMParser().parseFromString(html, "text/html");
     return doc.body.textContent || "";
 };
+/** Convert string to hex */
+export const encodeString = (string) => string
+    .split("")
+    .map((c) => c.charCodeAt(0).toString(16))
+    .join("");