@zanichelli/albe-web-components 2.33.5-rc2 → 2.34.2

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

@@ -3,61 +3,61 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-dee3e21d.js');
-const index$1 = require('./index-21817092.js');
+const index$1 = require('./index-3735f277.js');
 
 const stylesCss = ":host{position:absolute;font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%;top:0px;left:0px;z-index:2}:host>z-alert{height:calc(var(--space-unit) * 6)}.relativeContainer{position:relative;display:grid;grid-template-columns:18px auto 46px;grid-template-rows:1fr;grid-column-gap:var(--space-unit);align-items:center;padding:0;outline:none}.relativeContainer::-moz-focus-inner{border:0}.alert-external-wrapper.removeAlert{border:var(--border-size-medium) solid var(--color-surface02);border-top:none}:host div.addAlert{background:var(--color-success-inverse)}:host div.removeAlert{background:var(--color-warning-inverse)}:host div>.contentText{color:var(--color-surface05);font-size:14px;letter-spacing:0.16px;line-height:20px}:host div>.contentAction{color:var(--color-primary01);font-size:12px;font-weight:var(--font-sb);height:20px;letter-spacing:0.32px;line-height:20px;cursor:pointer}:host div>z-icon{justify-self:center}";
 
-const ZMyzCardAlert = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.undoAction = index.createEvent(this, "undoAction", 7);
-  }
-  emitUndoAction() {
-    this.undoAction.emit({ actionType: this.type });
-  }
-  handleSpaceKeyPress(e) {
-    if (e.keyCode == 32 || e.keyCode == 13) {
-      e.preventDefault();
-      this.emitUndoAction();
-    }
-  }
-  handleActionButtonClick(e) {
-    e.preventDefault();
-    this.emitUndoAction();
-  }
-  retrieveClass() {
-    let className = "";
-    switch (this.type) {
-      case "add":
-        className = "addAlert";
-        break;
-      case "remove":
-        className = "removeAlert";
-        break;
-      default:
-        className = "";
-        break;
-    }
-    return className;
-  }
-  getAlertType() {
-    switch (this.type) {
-      case "add":
-        return index$1.AlertTypesEnum.success;
-      case "remove":
-        return index$1.AlertTypesEnum.warning;
-      default:
-        return null;
-    }
-  }
-  render() {
-    return (index.h("div", { class: "alert-external-wrapper " + this.retrieveClass() }, index.h("z-alert", { type: this.getAlertType() }, index.h("div", { class: "relativeContainer" }, index.h("z-icon", { name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), index.h("span", { class: "contentText" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (index.h("span", { role: "button", tabindex: "0", class: "contentAction", onClick: (e) => {
-        this.handleActionButtonClick(e);
-      }, onKeyPress: (e) => {
-        this.handleSpaceKeyPress(e);
-      } }, this.actiontext))))));
-  }
-};
+const ZMyzCardAlert = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.undoAction = index.createEvent(this, "undoAction", 7);
+  }
+  emitUndoAction() {
+    this.undoAction.emit({ actionType: this.type });
+  }
+  handleSpaceKeyPress(e) {
+    if (e.keyCode == 32 || e.keyCode == 13) {
+      e.preventDefault();
+      this.emitUndoAction();
+    }
+  }
+  handleActionButtonClick(e) {
+    e.preventDefault();
+    this.emitUndoAction();
+  }
+  retrieveClass() {
+    let className = "";
+    switch (this.type) {
+      case "add":
+        className = "addAlert";
+        break;
+      case "remove":
+        className = "removeAlert";
+        break;
+      default:
+        className = "";
+        break;
+    }
+    return className;
+  }
+  getAlertType() {
+    switch (this.type) {
+      case "add":
+        return index$1.AlertTypesEnum.success;
+      case "remove":
+        return index$1.AlertTypesEnum.warning;
+      default:
+        return null;
+    }
+  }
+  render() {
+    return (index.h("div", { class: "alert-external-wrapper " + this.retrieveClass() }, index.h("z-alert", { type: this.getAlertType() }, index.h("div", { class: "relativeContainer" }, index.h("z-icon", { name: this.iconname, width: 18, height: 18, class: this.retrieveClass() }), index.h("span", { class: "contentText" }, this.contenttext), this.actiontext && !!this.actiontext.trim().length && (index.h("span", { role: "button", tabindex: "0", class: "contentAction", onClick: (e) => {
+        this.handleActionButtonClick(e);
+      }, onKeyPress: (e) => {
+        this.handleSpaceKeyPress(e);
+      } }, this.actiontext))))));
+  }
+};
 ZMyzCardAlert.style = stylesCss;
 
 exports.z_myz_card_alert = ZMyzCardAlert;

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

@@ -3,34 +3,34 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-dee3e21d.js');
-const index$1 = require('./index-21817092.js');
+const index$1 = require('./index-3735f277.js');
 
 const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:relative;height:522px;width:100%;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out}:host>div .content{position:relative;height:522px;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 0.5s ease-out;transition:transform 0.5s ease-out;transition:transform 0.5s ease-out, -webkit-transform 0.5s ease-out;z-index:2}:host>div .content.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);margin-top:-2px}:host>div .front,:host>div .back{position:absolute;height:100%;width:100%;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}:host>div .front{z-index:2;top:0;left:0;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}:host>div .front z-button{position:absolute;z-index:3;top:calc(var(--space-unit) * 0.5);left:calc(-1 * var(--space-unit))}:host>div .back{padding:0 var(--space-unit);margin-left:calc(-1 * var(--space-unit));z-index:1;top:0;left:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);display:flex;justify-content:center}.hideInfo{display:none}";
 
-const ZMyzCardDictionary = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.cardFlipped = index.createEvent(this, "cardFlipped", 7);
-    /** card is disabled */
-    this.disabled = false;
-    /** card is flipped */
-    this.flipped = false;
-    /** flip button label */
-    this.flipbuttonlabel = "INFO";
-    /** hide info button */
-    this.hideinfobtn = false;
-  }
-  handleFlipCard(e) {
-    this.flipCard(e.detail);
-  }
-  flipCard(showBack = true) {
-    this.flipped = showBack;
-    this.cardFlipped.emit(showBack);
-  }
-  render() {
-    return (index.h("div", null, index.h("z-myz-card", null, index.h("z-myz-card-header", { titolo: this.name }), index.h("div", { class: `content ${this.flipped ? "flipped" : ""}` }, index.h("div", { class: "front" }, index.h("z-myz-card-body", null, index.h("z-myz-card-cover", { slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), index.h("z-button", { class: this.hideinfobtn ? "hideInfo" : "", variant: index$1.ButtonVariantEnum.secondary, icon: "informationsource", issmall: true, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), index.h("div", { class: "back" }, index.h("slot", { name: "info" }))), index.h("slot", null))));
-  }
-};
+const ZMyzCardDictionary = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.cardFlipped = index.createEvent(this, "cardFlipped", 7);
+    /** card is disabled */
+    this.disabled = false;
+    /** card is flipped */
+    this.flipped = false;
+    /** flip button label */
+    this.flipbuttonlabel = "INFO";
+    /** hide info button */
+    this.hideinfobtn = false;
+  }
+  handleFlipCard(e) {
+    this.flipCard(e.detail);
+  }
+  flipCard(showBack = true) {
+    this.flipped = showBack;
+    this.cardFlipped.emit(showBack);
+  }
+  render() {
+    return (index.h("div", null, index.h("z-myz-card", null, index.h("z-myz-card-header", { titolo: this.name }), index.h("div", { class: `content ${this.flipped ? "flipped" : ""}` }, index.h("div", { class: "front" }, index.h("z-myz-card-body", null, index.h("z-myz-card-cover", { slot: "cover", titolo: this.name, img: this.cover, faded: this.disabled })), index.h("z-button", { class: this.hideinfobtn ? "hideInfo" : "", variant: index$1.ButtonVariantEnum.secondary, icon: "informationsource", issmall: true, onClick: () => this.flipCard(true), disabled: this.flipped }, this.flipbuttonlabel)), index.h("div", { class: "back" }, index.h("slot", { name: "info" }))), index.h("slot", null))));
+  }
+};
 ZMyzCardDictionary.style = stylesCss;
 
 exports.z_myz_card_dictionary = ZMyzCardDictionary;

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

@@ -6,14 +6,14 @@ const index = require('./index-dee3e21d.js');
 
 const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div>footer{box-sizing:border-box;border-radius:0px 0px var(--radius-base) var(--radius-base);border-top:var(--border-base) solid var(--color-surface03);padding:var(--space-unit) calc(var(--space-unit) * 2) 0;height:128px;color:var(--color-surface05);font-size:16px;line-height:24px}:host>div>footer>div.top,:host>div>footer>div.bottom{height:60px}";
 
-const ZMyzCardFooterSections = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("div", null, index.h("footer", null, index.h("div", { class: "top" }, index.h("slot", { name: "top" })), index.h("div", { class: "bottom" }, index.h("slot", { name: "bottom" })))));
-  }
-};
+const ZMyzCardFooterSections = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("div", null, index.h("footer", null, index.h("div", { class: "top" }, index.h("slot", { name: "top" })), index.h("div", { class: "bottom" }, index.h("slot", { name: "bottom" })))));
+  }
+};
 ZMyzCardFooterSections.style = stylesCss;
 
 exports.z_myz_card_footer_sections = ZMyzCardFooterSections;

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

@@ -3,50 +3,50 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-dee3e21d.js');
-const index$1 = require('./index-21817092.js');
+const index$1 = require('./index-3735f277.js');
 
-const stylesCss = "footer{font-family:var(--font-family-sans);font-weight:var(--font-rg);color:var(--color-surface05);background-color:var(--color-surface01);margin:0px;padding:0px;position:relative;z-index:5;height:calc(var(--space-unit) * 6);width:auto;top:0px;transition:height 500ms ease-in-out, top 500ms ease-in-out;border-radius:0px 0px var(--border-radius) var(--border-radius);border-top:var(--border-size-medium) solid var(--color-surface03)}footer.real,footer.trial{border-top:var(--border-size-medium) solid var(--accent)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:16px;line-height:22px;height:40px;margin:0px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2)\r\n    var(--space-unit) calc(var(--space-unit) * 2);overflow:hidden;background-color:var(--color-surface01);transition:all 200ms linear}footer.isopen>p{font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear;background-color:var(--bg-neutral-200)}footer.isopen.real>p,footer.isopen.trial>p{background-color:var(--accent)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{height:60px;overflow:hidden}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{font-size:14px;height:20px;line-height:20px;margin:0px;padding:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer>div.content>div>p.year_isbn{padding-top:var(--space-unit);display:flex;flex-direction:row;justify-content:space-between}footer>div.content>div>p.year_isbn>span.isbn{text-overflow:ellipsis;overflow:hidden}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;white-space:initial;text-overflow:initial}footer.isopen>div.content>div>p.year_isbn{flex-direction:column;height:50px;padding-left:0px}footer.isopen>div.content>div>p.year_isbn>span.isbn{display:inline-grid;padding-left:0px}footer.isopen{height:295px;top:-212px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out, top 500ms ease-in-out}.toggle{position:absolute;top:-24px;left:16px;z-index:10}.faded{opacity:0.3;pointer-events:none}";
+const stylesCss = "footer{font-family:var(--font-family-sans);font-weight:var(--font-rg);color:var(--color-surface05);background-color:var(--color-surface01);margin:0px;padding:0px;position:relative;z-index:5;height:calc(var(--space-unit) * 6);width:auto;top:0px;transition:height 500ms ease-in-out, top 500ms ease-in-out;border-radius:0px 0px var(--border-radius) var(--border-radius);border-top:var(--border-size-medium) solid var(--color-surface03)}footer.real,footer.trial{border-top:var(--border-size-medium) solid var(--accent)}footer .bold{font-family:var(--font-family-sans);font-weight:var(--font-sb)}footer>p{font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:16px;line-height:22px;height:40px;margin:0px;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 2)\n    var(--space-unit) calc(var(--space-unit) * 2);overflow:hidden;background-color:var(--color-surface01);transition:all 200ms linear}footer.isopen>p{font-size:14px;font-weight:var(--font-sb);transition:all 200ms linear;background-color:var(--bg-neutral-200)}footer.isopen.real>p,footer.isopen.trial>p{background-color:var(--accent)}footer .visible{display:block}footer .hidden{display:none}footer>div.content{height:60px;overflow:hidden}footer>div.content>div:not(.slot-handler){padding:var(--space-unit) calc(var(--space-unit) * 2)}footer>div.content>div>p{font-size:14px;height:20px;line-height:20px;margin:0px;padding:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}footer>div.content>div>p.year_isbn{padding-top:var(--space-unit);display:flex;flex-direction:row;justify-content:space-between}footer>div.content>div>p.year_isbn>span.isbn{text-overflow:ellipsis;overflow:hidden}footer.isopen>div.content>div:not(.slot-handler){height:68px}footer.isopen>div.content>div>p.authors{height:40px;white-space:initial;text-overflow:initial}footer.isopen>div.content>div>p.year_isbn{flex-direction:column;height:50px;padding-left:0px}footer.isopen>div.content>div>p.year_isbn>span.isbn{display:inline-grid;padding-left:0px}footer.isopen{height:295px;top:-212px;transition:height 500ms ease-in-out, top 500ms ease-in-out}footer.isopen>div.content{height:280px;transition:height 500ms ease-in-out, top 500ms ease-in-out}.toggle{position:absolute;top:-24px;left:16px;z-index:10}.faded{opacity:0.3;pointer-events:none}";
 
-const ZMyzCardFooter = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** footer opened by default (optional) */
-    this.opened = false;
-    this.isOpen = false;
-    this.allowTooltipAuthors = false;
-  }
-  handleToggle() {
-    this.isOpen = !this.isOpen;
-  }
-  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.LicenseTypeEnum.real,
-      trial: this.cardtype === index$1.LicenseTypeEnum.trial,
-    };
-  }
-  footerTransitionHandler(e) {
-    if (["visibility", "height"].includes(e.propertyName)) {
-      this.elementsEllipsis();
-    }
-  }
-  render() {
-    return (index.h("div", { class: this.faded && "faded" }, 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", null, this.titolo), index.h("div", { class: "content" }, index.h("div", null, index.h("p", { class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, index.h("span", { title: this.getTitleAuthors() }, index.h("span", { class: "bold" }, this.autori))), index.h("p", { class: "year_isbn" }, index.h("span", { class: "isbn" }, index.h("span", null, index.h("span", { class: "bold" }, this.isbn), " (ed. cartacea)")))), index.h("div", { class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, index.h("slot", { name: "list" }))))));
-  }
-};
+const ZMyzCardFooter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /** footer opened by default (optional) */
+    this.opened = false;
+    this.isOpen = false;
+    this.allowTooltipAuthors = false;
+  }
+  handleToggle() {
+    this.isOpen = !this.isOpen;
+  }
+  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.LicenseTypeEnum.real,
+      trial: this.cardtype === index$1.LicenseTypeEnum.trial,
+    };
+  }
+  footerTransitionHandler(e) {
+    if (["visibility", "height"].includes(e.propertyName)) {
+      this.elementsEllipsis();
+    }
+  }
+  render() {
+    return (index.h("div", { class: this.faded && "faded" }, 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", null, this.titolo), index.h("div", { class: "content" }, index.h("div", null, index.h("p", { class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, index.h("span", { title: this.getTitleAuthors() }, index.h("span", { class: "bold" }, this.autori))), index.h("p", { class: "year_isbn" }, index.h("span", { class: "isbn" }, index.h("span", null, index.h("span", { class: "bold" }, this.isbn), " (ed. cartacea)")))), index.h("div", { class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, index.h("slot", { name: "list" }))))));
+  }
+};
 ZMyzCardFooter.style = stylesCss;
 
 exports.z_myz_card_footer = ZMyzCardFooter;

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

@@ -6,16 +6,16 @@ const index = require('./index-dee3e21d.js');
 
 const stylesCss = "button{width:42px;height:calc(var(--space-unit) * 5);display:flex;align-items:center;justify-content:center;color:var(--color-primary01);fill:var(--color-primary01);cursor:pointer;outline:none;background:none;border:none;border-left:var(--border-size-medium) solid var(--color-surface03);border-radius:0px var(--border-radius) 0px 0px;margin:0;padding:0px;width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6)}button:active,button:focus{color:var(--blue700);fill:var(--blue700)}button>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--border-radius);border:0px}button:hover>span{background:var(--color-primary03)}button:focus>span{background:var(--color-surface01);border-radius:var(--border-radius);box-shadow:0px 0px 2px 2px var(--accent-dark)}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;
-  }
-  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;
+  }
+  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,117 +3,117 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-dee3e21d.js');
-const index$1 = require('./index-21817092.js');
-const utils = require('./utils-c3cf6ba2.js');
-require('./breakpoints-776c8868.js');
+const index$1 = require('./index-3735f277.js');
+const utils = require('./utils-6a2c0eab.js');
+require('./breakpoints-88c4fd6c.js');
 
-const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%}:host>div{background:var(--color-surface01);width:calc(100% + calc(var(--space-unit) * 2));margin-left:calc(-1 * var(--space-unit));height:402px;border:var(--border-size-small) solid var(--color-primary01);box-shadow:0px 2px 4px 0px rgba(66, 69, 72, 0.35);border-radius:0px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);position:relative}:host>div>z-icon{fill:var(--color-primary01);cursor:pointer;position:absolute;top:var(--space-unit);right:var(--space-unit)}:host>div{display:grid}:host>div>div.cta-wrapper{align-self:end;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}:host>div>div.content-wrapper{overflow:hidden;position:relative;align-self:stretch}:host>div>div.content-wrapper>section{border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);padding:var(--space-unit) 0;font-size:14px;line-height:20px;box-sizing:border-box}: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{background:linear-gradient(\r\n    180deg,\r\n    rgba(255, 0, 0, 0),\r\n    rgba(255, 0, 0, 0) 60%,\r\n    white\r\n  );content:\"\";position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0}: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-tooltip{position:absolute;top:0px;left:calc(var(--space-unit) * 4)}";
+const stylesCss = ":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%}:host>div{background:var(--color-surface01);width:calc(100% + calc(var(--space-unit) * 2));margin-left:calc(-1 * var(--space-unit));height:402px;border:var(--border-size-small) solid var(--color-primary01);box-shadow:0px 2px 4px 0px rgba(66, 69, 72, 0.35);border-radius:0px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);position:relative}:host>div>z-icon{fill:var(--color-primary01);cursor:pointer;position:absolute;top:var(--space-unit);right:var(--space-unit)}:host>div{display:grid}:host>div>div.cta-wrapper{align-self:end;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}:host>div>div.content-wrapper{overflow:hidden;position:relative;align-self:stretch}:host>div>div.content-wrapper>section{border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);padding:var(--space-unit) 0;font-size:14px;line-height:20px;box-sizing:border-box}: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{background:linear-gradient(\n    180deg,\n    rgba(255, 0, 0, 0),\n    rgba(255, 0, 0, 0) 60%,\n    white\n  );content:\"\";position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0}: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-tooltip{position:absolute;top:0px;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)
-      return (this.hiddenContent = false);
-    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`;
-      return (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-tooltip", { content: `${title} ${year} ${author} ${description}`, type: index$1.TooltipPosition.RIGHT, onClick: () => (this.tooltip = false) }));
-  }
-  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)
+      return (this.hiddenContent = false);
+    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`;
+      return (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-tooltip", { content: `${title} ${year} ${author} ${description}`, type: index$1.TooltipPosition.RIGHT, onClick: () => (this.tooltip = false) }));
+  }
+  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,32 +6,32 @@ const index = require('./index-dee3e21d.js');
 
 const stylesCss = "ul{font-family:var(--font-family-sans);color:var(--color-primary02);margin:0 calc(var(--space-unit) * 2);padding:0px;overflow:hidden;list-style:none;width:auto;height:auto}ul>li{padding-left:10px;text-indent:-10px}ul>li>a{display:block;font-size:14px;font-weight:var(--font-sb);text-decoration:none;color:var(--color-primary01);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5);padding-top:calc(var(--space-unit) * .5)}ul>li>a:before{content:\"•\";padding-right:5px}ul>li>span{font-size:14px;font-weight:var(--font-rg);text-decoration:none;color:var(--color-surface04);padding:0 calc(var(--space-unit) * 2);letter-spacing:0.16px;line-height:calc(var(--space-unit) * 2.5)}";
 
-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;