@zanichelli/albe-web-components 9.2.1 → 9.2.2

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

@@ -3,67 +3,67 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-419ee40f.js');
+const index$1 = require('./index-e8ce94a1.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(--accent)}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(--bg-neutral-200);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(--accent)}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(--accent)}";
 
-const ZMyzCardFooter = class {
-  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();
-        });
-      }
-    }
-  }
-  getTitleAuthors() {
-    return this.allowTooltipAuthors ? this.autori : "";
-  }
-  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", { 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); }
-};
+const ZMyzCardFooter = class {
+  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();
+        });
+      }
+    }
+  }
+  getTitleAuthors() {
+    return this.allowTooltipAuthors ? this.autori : "";
+  }
+  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", { 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 = stylesCss;
 
 exports.z_myz_card_footer = ZMyzCardFooter;

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

@@ -6,18 +6,18 @@ const index = require('./index-e3299e0a.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 ZMyzCardIcon = class {
-  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 }))));
-  }
-};
+const ZMyzCardIcon = class {
+  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 = stylesCss;
 
 exports.z_myz_card_icon = ZMyzCardIcon;

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

@@ -3,127 +3,127 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-419ee40f.js');
-const utils = require('./utils-3fc57dbb.js');
-require('./breakpoints-0faa0935.js');
+const index$1 = require('./index-e8ce94a1.js');
+const utils = require('./utils-4ac02425.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 ZMyzCardInfo = class {
-  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;
-        }
-      }, 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))));
-  }
-};
+const ZMyzCardInfo = class {
+  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;
+        }
+      }, 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 = stylesCss;
 
 exports.z_myz_card_info = ZMyzCardInfo;

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

@@ -6,33 +6,33 @@ const index = require('./index-e3299e0a.js');
 
 const stylesCss = "ul{overflow:hidden;width:auto;height:auto;padding:0;margin:0 calc(var(--space-unit) * 2);color:var(--color-primary02);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 ZMyzCardList = class {
-  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");
-    }
-  }
-  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)));
-  }
-};
+const ZMyzCardList = class {
+  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");
+    }
+  }
+  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 = stylesCss;
 
 exports.z_myz_card_list = ZMyzCardList;