@zanichelli/albe-web-components 6.6.0 → 6.6.2

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-fa110f37.js');
-const utils = require('./utils-600bad93.js');
-require('./breakpoints-88c4fd6c.js');
+const index$1 = require('./index-6a738538.js');
+const utils = require('./utils-a905de7a.js');
+require('./breakpoints-776c8868.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;

package/dist/cjs/z-myz-card_4.cjs.entry.js

@@ -3,103 +3,103 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e3299e0a.js');
-const index$1 = require('./index-fa110f37.js');
+const index$1 = require('./index-6a738538.js');
 
 const stylesCss$3 = ":host{--card-overflow:hidden}div{display:flex;overflow:var(--card-overflow);width:auto;width:256px;height:522px;box-sizing:border-box;flex-direction:column;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius)}div.real,div.trial,div.temp{border-color:var(--accent)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";
 
-const ZMyzCardComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /** pressed status */
-    this.ispressed = false;
-    /** highlighted status */
-    this.ishighlighted = false;
-  }
-  retrieveClass() {
-    let elemClasses = "";
-    if (this.cardtype === index$1.LicenseType.REAL) {
-      elemClasses += "real";
-    }
-    else if (this.cardtype === index$1.LicenseType.TRIAL) {
-      elemClasses += "trial";
-    }
-    else if (this.cardtype === index$1.LicenseType.TEMP) {
-      elemClasses += "temp";
-    }
-    if (this.faded) {
-      elemClasses += " faded";
-    }
-    else if (this.ispressed) {
-      elemClasses += " pressed";
-    }
-    else if (this.ishighlighted) {
-      elemClasses += " highlighted";
-    }
-    return elemClasses;
-  }
-  render() {
-    return (index.h("div", { class: this.retrieveClass(), tabindex: "0" }, index.h("slot", null)));
-  }
-};
+const ZMyzCardComponent = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /** pressed status */
+    this.ispressed = false;
+    /** highlighted status */
+    this.ishighlighted = false;
+  }
+  retrieveClass() {
+    let elemClasses = "";
+    if (this.cardtype === index$1.LicenseType.REAL) {
+      elemClasses += "real";
+    }
+    else if (this.cardtype === index$1.LicenseType.TRIAL) {
+      elemClasses += "trial";
+    }
+    else if (this.cardtype === index$1.LicenseType.TEMP) {
+      elemClasses += "temp";
+    }
+    if (this.faded) {
+      elemClasses += " faded";
+    }
+    else if (this.ispressed) {
+      elemClasses += " pressed";
+    }
+    else if (this.ishighlighted) {
+      elemClasses += " highlighted";
+    }
+    return elemClasses;
+  }
+  render() {
+    return (index.h("div", { class: this.retrieveClass(), tabindex: "0" }, index.h("slot", null)));
+  }
+};
 ZMyzCardComponent.style = stylesCss$3;
 
 const stylesCss$2 = ":host{width:auto;height:340px}:host>div{position:relative;display:flex;width:auto;height:340px;align-items:center;justify-content:center}";
 
-const ZMyzCardBody = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h("div", null, index.h("slot", { name: "alert" }), index.h("slot", { name: "cover" })));
-  }
-};
+const ZMyzCardBody = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h("div", null, index.h("slot", { name: "alert" }), index.h("slot", { name: "cover" })));
+  }
+};
 ZMyzCardBody.style = stylesCss$2;
 
 const stylesCss$1 = "img{display:block;max-width:100%;height:340px;margin:auto;object-fit:cover}img.faded{opacity:0.3}";
 
-const ZMyzCardCover = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  hadleOnImageError() {
-    this.img = this.defaultimg;
-  }
-  render() {
-    return (index.h("img", { class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
-  }
-};
+const ZMyzCardCover = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  hadleOnImageError() {
+    this.img = this.defaultimg;
+  }
+  render() {
+    return (index.h("img", { class: this.faded && "faded", onError: this.hadleOnImageError.bind(this), alt: this.titolo, src: this.img }));
+  }
+};
 ZMyzCardCover.style = stylesCss$1;
 
 const stylesCss = "header{position:relative;display:flex;width:auto;height:calc(var(--space-unit) * 6);flex-direction:row;align-items:flex-start;justify-content:space-between;border-bottom:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius)}header.real,header.trial,header.temp{border-bottom:var(--border-size-medium) solid var(--accent);background-color:var(--accent-lighter)}h2{overflow:hidden;height:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);margin:0;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-sb);letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial,.faded.temp{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}";
 
-const ZMyzCardHeader = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.allowTooltip = false;
-  }
-  getTitle() {
-    return this.allowTooltip ? this.titolo : "";
-  }
-  componentDidLoad() {
-    if (this.elementHasEllipsis()) {
-      this.allowTooltip = true;
-    }
-  }
-  elementHasEllipsis() {
-    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
-  }
-  retrieveClass() {
-    return {
-      real: this.cardtype === index$1.LicenseType.REAL,
-      trial: this.cardtype === index$1.LicenseType.TRIAL,
-      temp: this.cardtype === index$1.LicenseType.TEMP,
-      faded: this.faded,
-    };
-  }
-  render() {
-    return (index.h("header", { class: this.retrieveClass() }, index.h("h2", { ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), index.h("slot", { name: "icon" })));
-  }
-};
+const ZMyzCardHeader = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.allowTooltip = false;
+  }
+  getTitle() {
+    return this.allowTooltip ? this.titolo : "";
+  }
+  componentDidLoad() {
+    if (this.elementHasEllipsis()) {
+      this.allowTooltip = true;
+    }
+  }
+  elementHasEllipsis() {
+    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
+  }
+  retrieveClass() {
+    return {
+      real: this.cardtype === index$1.LicenseType.REAL,
+      trial: this.cardtype === index$1.LicenseType.TRIAL,
+      temp: this.cardtype === index$1.LicenseType.TEMP,
+      faded: this.faded,
+    };
+  }
+  render() {
+    return (index.h("header", { class: this.retrieveClass() }, index.h("h2", { ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), index.h("slot", { name: "icon" })));
+  }
+};
 ZMyzCardHeader.style = stylesCss;
 
 exports.z_myz_card = ZMyzCardComponent;

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

@@ -3,35 +3,35 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e3299e0a.js');
-const utils = require('./utils-600bad93.js');
-require('./index-fa110f37.js');
-require('./breakpoints-88c4fd6c.js');
+const utils = require('./utils-a905de7a.js');
+require('./index-6a738538.js');
+require('./breakpoints-776c8868.js');
 
 const stylesCss = ":host li{all:unset;all:reset;width:100%;line-height:14px;list-style-type:none}:host li>span{display:flex;padding:calc(var(--space-unit) * 2) 0;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:16px;font-weight:var(--font-rg);letter-spacing:0.23px;line-height:14px}:host li>span.border{border-bottom:2px solid var(--bg-grey-200)}:host li span:hover,a:hover{color:var(--myz-blue);fill:var(--myz-blue)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-repeat:no-repeat;background-size:contain;color:var(--myz-blue);fill:var(--myz-blue)}";
 
-const ZMyzListItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.zListItemLinkClick = index.createEvent(this, "zListItemLinkClick", 7);
-    this.zListItemClick = index.createEvent(this, "zListItemClick", 7);
-    /** link target (optional) */
-    this.linktarget = "_self";
-    /** underlined style flag */
-    this.underlined = true;
-    this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);
-    this.emitZListItemClick = this.emitZListItemClick.bind(this);
-  }
-  emitZListItemLinkClick(e, linkId) {
-    this.zListItemLinkClick.emit({ e, linkId });
-  }
-  emitZListItemClick(e, listitemid) {
-    this.zListItemClick.emit({ e, listitemid });
-  }
-  render() {
-    const linkId = this.listitemid ? `link_${this.listitemid}` : "";
-    return (index.h("li", { role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, index.h("span", { class: this.underlined && "border" }, this.icon && index.h("z-icon", { name: this.icon }), this.link ? (index.h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (index.h("span", { innerHTML: this.text })), index.h("slot", null))));
-  }
-};
+const ZMyzListItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.zListItemLinkClick = index.createEvent(this, "zListItemLinkClick", 7);
+    this.zListItemClick = index.createEvent(this, "zListItemClick", 7);
+    /** link target (optional) */
+    this.linktarget = "_self";
+    /** underlined style flag */
+    this.underlined = true;
+    this.emitZListItemLinkClick = this.emitZListItemLinkClick.bind(this);
+    this.emitZListItemClick = this.emitZListItemClick.bind(this);
+  }
+  emitZListItemLinkClick(e, linkId) {
+    this.zListItemLinkClick.emit({ e, linkId });
+  }
+  emitZListItemClick(e, listitemid) {
+    this.zListItemClick.emit({ e, listitemid });
+  }
+  render() {
+    const linkId = this.listitemid ? `link_${this.listitemid}` : "";
+    return (index.h("li", { role: "button", id: this.listitemid, "data-action": this.action, onClick: (e) => this.emitZListItemClick(e, this.listitemid), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemClick, this.listitemid) }, index.h("span", { class: this.underlined && "border" }, this.icon && index.h("z-icon", { name: this.icon }), this.link ? (index.h("a", { href: this.link ? this.link : null, target: this.linktarget, id: linkId, onClick: (e) => this.emitZListItemLinkClick(e, linkId), onKeyPress: (ev) => utils.handleKeyboardSubmit(ev, this.emitZListItemLinkClick, linkId), role: this.link ? "link" : "button", tabindex: "0" }, this.text)) : (index.h("span", { innerHTML: this.text })), index.h("slot", null))));
+  }
+};
 ZMyzListItem.style = stylesCss;
 
 exports.z_myz_list_item = ZMyzListItem;

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

@@ -6,30 +6,30 @@ const index = require('./index-e3299e0a.js');
 
 const stylesCss = "ul{padding:0;margin:0}";
 
-const ZMyzList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  componentWillLoad() {
-    if (this.inputrawdata) {
-      this.parseinputrawdata(this.inputrawdata);
-    }
-  }
-  parseinputrawdata(inputrawdata) {
-    this.list = [...JSON.parse(inputrawdata)];
-  }
-  oninputrawdataChange(newValue) {
-    this.parseinputrawdata(newValue);
-  }
-  render() {
-    const lastElem = this.list ? this.list.length - 1 : -1;
-    return (index.h("ul", null, this.list &&
-      this.list.map((bean, i) => (index.h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
-  }
-  static get watchers() { return {
-    "inputrawdata": ["oninputrawdataChange"]
-  }; }
-};
+const ZMyzList = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  componentWillLoad() {
+    if (this.inputrawdata) {
+      this.parseinputrawdata(this.inputrawdata);
+    }
+  }
+  parseinputrawdata(inputrawdata) {
+    this.list = [...JSON.parse(inputrawdata)];
+  }
+  oninputrawdataChange(newValue) {
+    this.parseinputrawdata(newValue);
+  }
+  render() {
+    const lastElem = this.list ? this.list.length - 1 : -1;
+    return (index.h("ul", null, this.list &&
+      this.list.map((bean, i) => (index.h("z-myz-list-item", { listitemid: bean.listitemid, text: bean.text, link: bean.link, linktarget: bean.linktarget, icon: bean.icon, underlined: lastElem != i })))));
+  }
+  static get watchers() { return {
+    "inputrawdata": ["oninputrawdataChange"]
+  }; }
+};
 ZMyzList.style = stylesCss;
 
 exports.z_myz_list = ZMyzList;