@zanichelli/albe-web-components 12.1.3-rc.0 → 12.1.3

package/dist/cjs/z-myz-card-footer.cjs.entry.js

@@ -2,74 +2,68 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dc60bee7.js');
-const index$1 = require('./index-39ce4edf.js');
+const index = require('./index-195ca522.js');
+const index$1 = require('./index-cf9497bc.js');
 
 const stylesCss = "footer{position:relative;z-index:5;top:0;width:auto;height:calc(var(--space-unit) * 6);padding:0;border-top:var(--border-size-medium) solid var(--color-surface03);margin:0;background-color:var(--color-surface01);border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-surface05);font-family:var(--font-family-sans);font-weight:var(--font-rg);transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.real,footer.trial,footer.temp{border-top:var(--border-size-medium) solid var(--blue100)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{overflow:hidden;height:40px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);margin:0;background-color:var(--color-surface01);font-family:var(--font-family-sans);font-size:16px;font-weight:var(--font-rg);line-height:22px;transition:all 200ms linear}footer.isopen>p{background-color:var(--gray200);font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear}footer.isopen.real>p,footer.isopen.trial>p,footer.isopen.temp>p{background-color:var(--blue100)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{overflow:hidden;height:60px}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{overflow:hidden;height:20px;padding:0;margin:0;font-size:14px;line-height:20px;text-overflow:ellipsis;white-space:nowrap}footer>div.content>div>p.year-isbn{display:flex;flex-direction:row;justify-content:space-between;padding-top:var(--space-unit)}footer>div.content>div>p.year-isbn>span.isbn{overflow:hidden;text-overflow:ellipsis}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;text-overflow:initial;white-space:initial}footer.isopen>div.content>div>p.year-isbn{height:50px;flex-direction:column;padding-left:0}footer.isopen>div.content>div>p.year-isbn>span.isbn{display:inline-grid;padding-left:0}footer.isopen{top:-212px;height:295px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content{top:-292px}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen.custom-content>div.content{height:230px}.toggle{position:absolute;z-index:10;top:-24px;left:16px}.faded{opacity:0.3;pointer-events:none}footer>p.custom-content,footer .content.custom-content{display:none}footer.isopen>p.custom-content,footer.isopen .content.custom-content{display:block}div.wrapper{position:relative;height:100%}div.wrapper ::slotted([slot=\"content\"]){position:absolute;z-index:10;top:calc(var(--space-unit) * 2);display:block;width:100%;height:112px;box-sizing:border-box;padding:0 calc(var(--space-unit) * 2);border-top:var(--border-size-medium) solid transparent;background:var(--color-white)}div.wrapper.isopen ::slotted([slot=\"content\"]){top:0;bottom:0;height:128px;padding:calc(var(--space-unit) * 2);border-color:var(--blue100)}";
-const ZMyzCardFooterStyle0 = stylesCss;
 
 const ZMyzCardFooter = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.titolo = undefined;
-        this.autori = undefined;
-        this.isbn = undefined;
-        this.faded = undefined;
-        this.cardtype = undefined;
-        this.opened = false;
-        this.customContent = false;
-        this.isOpen = false;
-        this.allowTooltipAuthors = false;
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /** footer opened by default (optional) */
+    this.opened = false;
+    /** display footer custom slotted content */
+    this.customContent = false;
+    this.isOpen = false;
+    this.allowTooltipAuthors = false;
+  }
+  handleToggle() {
+    this.isOpen = !this.isOpen;
+    if (this.isOpen) {
+      const firstElem = this.getFirstListItem();
+      if (firstElem) {
+        requestAnimationFrame(() => {
+          firstElem.focus();
+        });
+      }
     }
-    handleToggle() {
-        this.isOpen = !this.isOpen;
-        if (this.isOpen) {
-            const firstElem = this.getFirstListItem();
-            if (firstElem) {
-                requestAnimationFrame(() => {
-                    firstElem.focus();
-                });
-            }
-        }
+  }
+  getTitleAuthors() {
+    return this.allowTooltipAuthors ? this.autori : "";
+  }
+  componentWillLoad() {
+    if (this.opened) {
+      this.isOpen = true;
     }
-    getTitleAuthors() {
-        return this.allowTooltipAuthors ? this.autori : "";
+  }
+  elementsEllipsis() {
+    this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;
+  }
+  elementAuthorsHasEllipsis() {
+    return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;
+  }
+  retrieveClass() {
+    return {
+      "isopen": this.isOpen,
+      "real": this.cardtype === index$1.LicenseType.REAL,
+      "trial": this.cardtype === index$1.LicenseType.TRIAL,
+      "temp": this.cardtype === index$1.LicenseType.TEMP,
+      "custom-content": this.customContent,
+    };
+  }
+  footerTransitionHandler(e) {
+    if (["visibility", "height"].includes(e.propertyName)) {
+      this.elementsEllipsis();
     }
-    componentWillLoad() {
-        if (this.opened) {
-            this.isOpen = true;
-        }
-    }
-    elementsEllipsis() {
-        this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;
-    }
-    elementAuthorsHasEllipsis() {
-        return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;
-    }
-    retrieveClass() {
-        return {
-            "isopen": this.isOpen,
-            "real": this.cardtype === index$1.LicenseType.REAL,
-            "trial": this.cardtype === index$1.LicenseType.TRIAL,
-            "temp": this.cardtype === index$1.LicenseType.TEMP,
-            "custom-content": this.customContent,
-        };
-    }
-    footerTransitionHandler(e) {
-        if (["visibility", "height"].includes(e.propertyName)) {
-            this.elementsEllipsis();
-        }
-    }
-    getFirstListItem() {
-        return this.host.querySelector("[slot=list] > li a");
-    }
-    render() {
-        return (index.h("div", { key: '3f351c6ae37e9756acb54ba18a33141902b36f66', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, index.h("footer", { key: 'a7813aa007cc2a85dbb2b14cfc26fc174e49929d', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, index.h("span", { key: 'ab1b726546099b8f5ac53294e9ecfefb8501cf8a', class: "toggle" }, index.h("slot", { key: 'acda20d4eb36305f614d74aa930131f8f4ecd270', name: "toggle" })), this.titolo && index.h("p", { class: { "custom-content": this.customContent } }, this.titolo), index.h("div", { key: '0f090b00007fa5b7f5fe6b7d9553e83449d0a11a', class: { "content": true, "custom-content": this.customContent } }, index.h("div", { key: '4f9c2e93e4e73f38dd9012b8a7e12be58ed506f7' }, index.h("p", { key: '342ce9c1c2a3b0d8eb0a585b84933441bccc044b', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, index.h("span", { key: '0c7fbe530be3eae718701f62bcfc190cfe1c3cbe', title: this.getTitleAuthors() }, index.h("span", { key: 'c6f1cd41b9353bbb39eb2a0f3a92664c05cb45d9', "aria-description": "Autori", class: "bold" }, this.autori))), index.h("p", { key: '8f5930ae90e38554151c10e5996014103f6fae6a', class: "year-isbn" }, index.h("span", { key: '18ebc65de360d4fdbc09a31f1e35fb07af7930d0', class: "isbn" }, index.h("span", { key: '25b8d2bf3bd332132b28f16b72ad81ee870a0202' }, index.h("span", { key: '7ba427f38f89b31f0228c09419281188d9f0e6a9', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), index.h("div", { key: '1b553a8af97ebf9035a3411dbefc34db332ae3bb', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, index.h("slot", { key: 'e38a67048f019687d6b0a40b84ccdf0075adf98a', name: "list" })))), this.customContent && index.h("slot", { name: "content" })));
-    }
-    get host() { return index.getElement(this); }
+  }
+  getFirstListItem() {
+    return this.host.querySelector("[slot=list] > li a");
+  }
+  render() {
+    return (index.h("div", { class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, index.h("footer", { class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, index.h("span", { class: "toggle" }, index.h("slot", { name: "toggle" })), this.titolo && index.h("p", { class: { "custom-content": this.customContent } }, this.titolo), index.h("div", { class: { "content": true, "custom-content": this.customContent } }, index.h("div", null, index.h("p", { class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, index.h("span", { title: this.getTitleAuthors() }, index.h("span", { "aria-description": "Autori", class: "bold" }, this.autori))), index.h("p", { class: "year-isbn" }, index.h("span", { class: "isbn" }, index.h("span", null, index.h("span", { "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), index.h("div", { class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, index.h("slot", { name: "list" })))), this.customContent && index.h("slot", { name: "content" })));
+  }
+  get host() { return index.getElement(this); }
 };
-ZMyzCardFooter.style = ZMyzCardFooterStyle0;
+ZMyzCardFooter.style = stylesCss;
 
 exports.z_myz_card_footer = ZMyzCardFooter;
-
-//# sourceMappingURL=z-myz-card-footer.cjs.entry.js.map

package/dist/cjs/z-myz-card-icon.cjs.entry.js

@@ -2,24 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dc60bee7.js');
+const index = require('./index-195ca522.js');
 
 const stylesCss = "button{display:flex;width:42px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 6);align-items:center;justify-content:center;padding:0;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);margin:0;background:none;border-radius:0 var(--border-radius) 0 0;color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);outline:none}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:0;border-radius:var(--border-radius)}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-focus-primary)}button:active>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:var(--shadow-2)}button:disabled{cursor:not-allowed}button:disabled>span{background:none;box-shadow:var(--shadow-0);pointer-events:none}button:disabled>span>z-icon{fill:var(--color-surface03)}button::-moz-focus-inner{border:0}";
-const ZMyzCardIconStyle0 = stylesCss;
 
 const ZMyzCardIcon = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.icon = undefined;
-        this.isdisabled = false;
-        this.ariaLabel = "";
-    }
-    render() {
-        return (index.h("button", { key: 'e68fbaeb5c1d0522eebc83712a35599040eb6e29', disabled: this.isdisabled, "aria-label": this.ariaLabel }, index.h("span", { key: '221fd2a3d3b6a5f540488000659d405ac9b6cdb1' }, index.h("z-icon", { key: '244e5acf3ecd37c1db63f094e1783500814cdd6d', name: this.icon, width: 16, height: 16 }))));
-    }
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /** disabled status flag */
+    this.isdisabled = false;
+    /** description of the icon*/
+    this.ariaLabel = "";
+  }
+  render() {
+    return (index.h("button", { disabled: this.isdisabled, "aria-label": this.ariaLabel }, index.h("span", null, index.h("z-icon", { name: this.icon, width: 16, height: 16 }))));
+  }
 };
-ZMyzCardIcon.style = ZMyzCardIconStyle0;
+ZMyzCardIcon.style = stylesCss;
 
 exports.z_myz_card_icon = ZMyzCardIcon;
-
-//# sourceMappingURL=z-myz-card-icon.cjs.entry.js.map

package/dist/cjs/z-myz-card-info.cjs.entry.js

@@ -2,131 +2,128 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dc60bee7.js');
-const index$1 = require('./index-39ce4edf.js');
-const utils = require('./utils-d0b10736.js');
-require('./breakpoints-5c22092a.js');
+const index = require('./index-195ca522.js');
+const index$1 = require('./index-cf9497bc.js');
+const utils = require('./utils-ee86db4f.js');
+require('./breakpoints-ebe1a437.js');
 
 const stylesCss = ":host{width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;display:grid;width:calc(100% + calc(var(--space-unit) * 2));height:402px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);border:var(--border-size-small) solid var(--color-primary01);margin-left:calc(-1 * var(--space-unit));background:var(--color-surface01);border-radius:0;box-shadow:0 2px 4px 0 rgb(66 69 72 / 35%)}:host>div>z-icon{position:absolute;top:var(--space-unit);right:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}:host>div>div.cta-wrapper{display:flex;flex-flow:column nowrap;align-self:end;justify-content:space-between}:host>div>div.content-wrapper{position:relative;overflow:hidden;align-self:stretch}:host>div>div.content-wrapper>section{box-sizing:border-box;padding:var(--space-unit) 0;border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);font-size:14px;line-height:20px}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden::after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg, rgb(255 0 0 / 0%), rgb(255 0 0 / 0%) 60%, white);content:\"\";pointer-events:none}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-popover{position:absolute;top:0;left:calc(var(--space-unit) * 4)}";
-const ZMyzCardInfoStyle0 = stylesCss;
 
 const ZMyzCardInfo = class {
-    emitFlipCard(showBack = false) {
-        this.flipCard.emit(showBack);
-    }
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.flipCard = index.createEvent(this, "flipCard", 7);
-        this.data = undefined;
-        this.htmltabindex = 0;
-        this.hiddenContent = false;
-        this.tooltip = false;
-        this.emitFlipCard = this.emitFlipCard.bind(this);
-    }
-    componentWillLoad() {
-        this.setStringOrArray();
-    }
-    componentWillUpdate() {
-        this.setStringOrArray();
-    }
-    componentDidRender() {
-        this.handleContentHeight();
-    }
-    handleContentHeight() {
-        if (!this.contentWrapper && !this.infoWrapper) {
-            this.hiddenContent = false;
-            return;
-        }
-        if (this.contentWrapper.scrollHeight > this.contentWrapper.offsetHeight ||
-            this.infoWrapper.scrollHeight > this.infoWrapper.offsetHeight) {
-            const height = this.contentWrapper.offsetHeight -
-                this.onlineLicenseWrapper.offsetHeight -
-                this.offlineLicenseWrapper.offsetHeight;
-            this.infoWrapper.style.height = `${height}px`;
-            this.hiddenContent = true;
-            return;
-        }
-        this.hiddenContent = false;
-    }
-    setStringOrArray() {
-        if (typeof this.data === "string") {
-            this.cardData = JSON.parse(this.data);
-        }
-        else {
-            this.cardData = this.data;
-        }
-    }
-    renderCloseIcon() {
-        return (index.h("z-icon", { name: "multiply-circled-filled", height: 18, width: 18, onClick: () => this.emitFlipCard(false), tabindex: this.htmltabindex, onKeyUp: (e) => {
-                utils.handleKeyboardSubmit(e, this.emitFlipCard, false);
-            } }));
-    }
-    renderGeneralSection() {
-        var _a, _b;
-        const title = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.title;
-        const description = (_b = this === null || this === void 0 ? void 0 : this.cardData) === null || _b === void 0 ? void 0 : _b.description;
-        return (index.h("section", { class: `info-wrapper ${this.hiddenContent ? "hidden" : ""}`, onClick: () => {
-                if (this.hiddenContent) {
-                    this.tooltip = !this.tooltip;
-                }
-            }, ref: (el) => (this.infoWrapper = el) }, this.renderAuthor(), this.renderYear(), title, index.h("br", null), description));
-    }
-    renderAuthor() {
-        var _a;
-        const author = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.author;
-        if (!author) {
-            return null;
-        }
-        return (index.h("span", null, "Autore: ", index.h("b", null, author), index.h("br", null)));
-    }
-    renderYear() {
-        var _a;
-        const year = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.year;
-        if (!year) {
-            return null;
-        }
-        return (index.h("span", null, "Anno: ", index.h("b", null, year), index.h("br", null)));
-    }
-    renderTooltip() {
-        if (!this.tooltip) {
-            return;
-        }
-        if (!this.cardData) {
-            return;
-        }
-        const { title, year, author, description } = this.cardData;
-        return (index.h("z-popover", { position: index$1.PopoverPosition.RIGHT, onClick: () => (this.tooltip = false) }, `${title} ${year} ${author} ${description}`));
-    }
-    setExpirationLicenseMessage(type) {
-        if ((type === "online" && this.cardData.onlineLicense.expired) ||
-            (type === "offline" && this.cardData.offlineLicense.expired)) {
-            return index.h("span", { class: "expired" }, "SCADUTA");
-        }
-        if ((type === "online" && this.cardData.onlineLicense.expiring) ||
-            (type === "offline" && this.cardData.offlineLicense.expiring)) {
-            return index.h("span", { class: "expiring" }, "IN SCADENZA");
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.flipCard = index.createEvent(this, "flipCard", 7);
+    /** tabindex link attribute (optional) */
+    this.htmltabindex = 0;
+    this.hiddenContent = false;
+    this.tooltip = false;
+    this.emitFlipCard = this.emitFlipCard.bind(this);
+  }
+  emitFlipCard(showBack = false) {
+    this.flipCard.emit(showBack);
+  }
+  componentWillLoad() {
+    this.setStringOrArray();
+  }
+  componentWillUpdate() {
+    this.setStringOrArray();
+  }
+  componentDidRender() {
+    this.handleContentHeight();
+  }
+  handleContentHeight() {
+    if (!this.contentWrapper && !this.infoWrapper) {
+      this.hiddenContent = false;
+      return;
+    }
+    if (this.contentWrapper.scrollHeight > this.contentWrapper.offsetHeight ||
+      this.infoWrapper.scrollHeight > this.infoWrapper.offsetHeight) {
+      const height = this.contentWrapper.offsetHeight -
+        this.onlineLicenseWrapper.offsetHeight -
+        this.offlineLicenseWrapper.offsetHeight;
+      this.infoWrapper.style.height = `${height}px`;
+      this.hiddenContent = true;
+      return;
+    }
+    this.hiddenContent = false;
+  }
+  setStringOrArray() {
+    if (typeof this.data === "string") {
+      this.cardData = JSON.parse(this.data);
+    }
+    else {
+      this.cardData = this.data;
+    }
+  }
+  renderCloseIcon() {
+    return (index.h("z-icon", { name: "multiply-circled-filled", height: 18, width: 18, onClick: () => this.emitFlipCard(false), tabindex: this.htmltabindex, onKeyUp: (e) => {
+        utils.handleKeyboardSubmit(e, this.emitFlipCard, false);
+      } }));
+  }
+  renderGeneralSection() {
+    var _a, _b;
+    const title = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.title;
+    const description = (_b = this === null || this === void 0 ? void 0 : this.cardData) === null || _b === void 0 ? void 0 : _b.description;
+    return (index.h("section", { class: `info-wrapper ${this.hiddenContent ? "hidden" : ""}`, onClick: () => {
+        if (this.hiddenContent) {
+          this.tooltip = !this.tooltip;
         }
-    }
-    renderOnlineLicenseSection() {
-        var _a;
-        if (!((_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.onlineLicense)) {
-            return;
-        }
-        return (index.h("section", { ref: (el) => (this.onlineLicenseWrapper = el) }, index.h("span", { class: "license-heading" }, index.h("span", null, "Licenza online"), this.setExpirationLicenseMessage("online")), "Scadenza il ", index.h("b", null, this.cardData.onlineLicense.expiration), index.h("br", null)));
-    }
-    renderOfflineLicenseSection() {
-        var _a;
-        if (!((_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.offlineLicense)) {
-            return;
-        }
-        return (index.h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, index.h("span", { class: "license-heading" }, index.h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", index.h("b", null, this.cardData.offlineLicense.expiration), index.h("br", null), "Installazioni disponibili: ", index.h("b", null, this.cardData.offlineLicense.installations)));
-    }
-    render() {
-        return (index.h("div", { key: 'cdc99e22e6b891a80166dfd1c8fe5643687c6ac5' }, this.renderCloseIcon(), index.h("div", { key: '4a987a72789738cacaaf56874141b616b5121ee4', class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), index.h("div", { key: 'd0437dfce9bf76ddcdb5606f31da3c1c661a2e66', class: "cta-wrapper" }, index.h("slot", { key: '9d1b541e7d4e64e87ce6e2b08d98a7e96f0c1b7e' }))));
-    }
+      }, ref: (el) => (this.infoWrapper = el) }, this.renderAuthor(), this.renderYear(), title, index.h("br", null), description));
+  }
+  renderAuthor() {
+    var _a;
+    const author = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.author;
+    if (!author) {
+      return null;
+    }
+    return (index.h("span", null, "Autore: ", index.h("b", null, author), index.h("br", null)));
+  }
+  renderYear() {
+    var _a;
+    const year = (_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.year;
+    if (!year) {
+      return null;
+    }
+    return (index.h("span", null, "Anno: ", index.h("b", null, year), index.h("br", null)));
+  }
+  renderTooltip() {
+    if (!this.tooltip) {
+      return;
+    }
+    if (!this.cardData) {
+      return;
+    }
+    const { title, year, author, description } = this.cardData;
+    return (index.h("z-popover", { position: index$1.PopoverPosition.RIGHT, onClick: () => (this.tooltip = false) }, `${title} ${year} ${author} ${description}`));
+  }
+  setExpirationLicenseMessage(type) {
+    if ((type === "online" && this.cardData.onlineLicense.expired) ||
+      (type === "offline" && this.cardData.offlineLicense.expired)) {
+      return index.h("span", { class: "expired" }, "SCADUTA");
+    }
+    if ((type === "online" && this.cardData.onlineLicense.expiring) ||
+      (type === "offline" && this.cardData.offlineLicense.expiring)) {
+      return index.h("span", { class: "expiring" }, "IN SCADENZA");
+    }
+  }
+  renderOnlineLicenseSection() {
+    var _a;
+    if (!((_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.onlineLicense)) {
+      return;
+    }
+    return (index.h("section", { ref: (el) => (this.onlineLicenseWrapper = el) }, index.h("span", { class: "license-heading" }, index.h("span", null, "Licenza online"), this.setExpirationLicenseMessage("online")), "Scadenza il ", index.h("b", null, this.cardData.onlineLicense.expiration), index.h("br", null)));
+  }
+  renderOfflineLicenseSection() {
+    var _a;
+    if (!((_a = this === null || this === void 0 ? void 0 : this.cardData) === null || _a === void 0 ? void 0 : _a.offlineLicense)) {
+      return;
+    }
+    return (index.h("section", { ref: (el) => (this.offlineLicenseWrapper = el) }, index.h("span", { class: "license-heading" }, index.h("span", null, "Licenza offline"), this.setExpirationLicenseMessage("offline")), "Scadenza il ", index.h("b", null, this.cardData.offlineLicense.expiration), index.h("br", null), "Installazioni disponibili: ", index.h("b", null, this.cardData.offlineLicense.installations)));
+  }
+  render() {
+    return (index.h("div", null, this.renderCloseIcon(), index.h("div", { class: "content-wrapper", ref: (el) => (this.contentWrapper = el) }, this.renderGeneralSection(), this.renderTooltip(), this.renderOnlineLicenseSection(), this.renderOfflineLicenseSection()), index.h("div", { class: "cta-wrapper" }, index.h("slot", null))));
+  }
 };
-ZMyzCardInfo.style = ZMyzCardInfoStyle0;
+ZMyzCardInfo.style = stylesCss;
 
 exports.z_myz_card_info = ZMyzCardInfo;
-
-//# sourceMappingURL=z-myz-card-info.cjs.entry.js.map

package/dist/cjs/z-myz-card-list.cjs.entry.js

@@ -2,41 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dc60bee7.js');
+const index = require('./index-195ca522.js');
 
 const stylesCss = "ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary01);font-family:var(--font-family-sans);list-style:none}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;padding-top:calc(var(--space-unit) * 0.5);color:var(--color-primary01);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}ul>li>a::before{padding-right:5px;content:\"•\"}ul>li>span{padding:0 calc(var(--space-unit) * 2);color:var(--color-surface04);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);text-decoration:none}";
-const ZMyzCardListStyle0 = stylesCss;
 
 const ZMyzCardList = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.listdata = undefined;
-        this.renderList = this.renderList.bind(this);
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.renderList = this.renderList.bind(this);
+  }
+  handleSpaceKeyPress(e, url) {
+    if (e.keyCode == 32 || e.keyCode == 13) {
+      e.preventDefault();
+      window.open(url, "_blank");
     }
-    handleSpaceKeyPress(e, url) {
-        if (e.keyCode == 32 || e.keyCode == 13) {
-            e.preventDefault();
-            window.open(url, "_blank");
-        }
-    }
-    formatListContent(data) {
-        const { value, isLink, url } = data;
-        if (!isLink) {
-            return index.h("span", null, value);
-        }
-        return (index.h("a", { role: "button", onKeyPress: (e) => this.handleSpaceKeyPress(e, url), href: url, target: "_blank" }, value));
-    }
-    renderList(dataArray) {
-        return dataArray.map((data) => {
-            return index.h("li", null, this.formatListContent(data));
-        });
-    }
-    render() {
-        return index.h("ul", { key: 'd233563583f4c1de64348fee709013c5a48781ca' }, this.renderList(JSON.parse(this.listdata)));
+  }
+  formatListContent(data) {
+    const { value, isLink, url } = data;
+    if (!isLink) {
+      return index.h("span", null, value);
     }
+    return (index.h("a", { role: "button", onKeyPress: (e) => this.handleSpaceKeyPress(e, url), href: url, target: "_blank" }, value));
+  }
+  renderList(dataArray) {
+    return dataArray.map((data) => {
+      return index.h("li", null, this.formatListContent(data));
+    });
+  }
+  render() {
+    return index.h("ul", null, this.renderList(JSON.parse(this.listdata)));
+  }
 };
-ZMyzCardList.style = ZMyzCardListStyle0;
+ZMyzCardList.style = stylesCss;
 
 exports.z_myz_card_list = ZMyzCardList;
-
-//# sourceMappingURL=z-myz-card-list.cjs.entry.js.map