@zanichelli/albe-web-components 19.6.1 → 20.0.0

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

@@ -1,236 +0,0 @@
-import { h } from "@stencil/core";
-import { LicenseType } from "../../../../beans/index";
-/**
- * @slot toggle - toggle button slot
- * @slot list - card resources list slot
- */
-export class ZMyzCardFooter {
-    constructor() {
-        /** 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 === LicenseType.REAL,
-            "trial": this.cardtype === LicenseType.TRIAL,
-            "temp": this.cardtype === 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 (h("div", { key: '17bf2d03f2a895a184818a3d0ecc8b4b0ff45ad6', class: Object.assign(Object.assign({}, this.retrieveClass()), { wrapper: true }) }, h("footer", { key: '18ba7b3cf576b52ff8cf457d878c2a98b48c8954', class: this.retrieveClass(), onTransitionEnd: (e) => this.footerTransitionHandler(e) }, h("span", { key: '87a14b83735cad610accac1b5fad637d58418941', class: "toggle" }, h("slot", { key: '07df34b036660a3d17071f931fd8fd1a66d274bd', name: "toggle" })), this.titolo && h("p", { key: '56fd76cc8f3048d6224466ce4737a73553a88d5b', class: { "custom-content": this.customContent } }, this.titolo), h("div", { key: '90c5dee7244ebc98141a16756820f7e0452c50d4', class: { "content": true, "custom-content": this.customContent } }, h("div", { key: '6ea62882251ba40b585b654649339dd2453fae35' }, h("p", { key: '063b4b395ef2a1050381d5b12dd06cba3885d0aa', class: "authors", ref: (el) => (this.ellipsisAuthors = el) }, h("span", { key: '8b8f219162a186142909eba931870ee9fa00f6bd', title: this.getTitleAuthors() }, h("span", { key: '088707aba02823b9c2d241151854f619a9fbc495', "aria-description": "Autori", class: "bold" }, this.autori))), h("p", { key: '95c331bf4b5e45d26fad783252b718393ac44e4c', class: "year-isbn" }, h("span", { key: '7aa80242fc621eeb2ed4f1737ef0f9b444f1a841', class: "isbn" }, h("span", { key: '0f300748a0b1e5daf25c03b4bf11e8bb87e83428' }, h("span", { key: 'ac25fb014db97edc0bd4dc1ebfe76d04672104a0', "aria-description": "ISBN edizione cartacea", class: "bold" }, this.isbn), " ", "(ed. cartacea)")))), h("div", { key: 'b0875abb1a63f1cc69d15dae73e1f4b320536e25', class: `slot-handler ${this.isOpen ? "visible" : "hidden"}` }, h("slot", { key: 'f090c851076f8bb8fdeec5adf8792c78b22cd199', name: "list" })))), this.customContent && h("slot", { key: 'eb1b50ef5229ff3f51596c58b7a037a39a3ae5ec', name: "content" })));
-    }
-    static get is() { return "z-myz-card-footer"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "titolo": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "volume title"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "titolo"
-            },
-            "autori": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "authors name text"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "autori"
-            },
-            "isbn": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "volume isbn"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "isbn"
-            },
-            "faded": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "faded status"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "faded"
-            },
-            "cardtype": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "LicenseType",
-                    "resolved": "LicenseType.REAL | LicenseType.TEMP | LicenseType.TRIAL | LicenseType.VIRTUAL",
-                    "references": {
-                        "LicenseType": {
-                            "location": "import",
-                            "path": "../../../../beans/index",
-                            "id": "src/beans/index.tsx::LicenseType",
-                            "referenceLocation": "LicenseType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "card graphic variant (optional)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "cardtype"
-            },
-            "opened": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "footer opened by default (optional)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "opened",
-                "defaultValue": "false"
-            },
-            "customContent": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "display footer custom slotted content"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "custom-content",
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isOpen": {},
-            "allowTooltipAuthors": {}
-        };
-    }
-    static get elementRef() { return "host"; }
-    static get listeners() {
-        return [{
-                "name": "toggleClick",
-                "method": "handleToggle",
-                "target": undefined,
-                "capture": false,
-                "passive": false
-            }];
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-footer/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, ComponentInterface, Element, Listen, Prop, State, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot toggle - toggle button slot\n * @slot list - card resources list slot\n */\n@Component({\n  tag: \"z-myz-card-footer\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardFooter implements ComponentInterface {\n  @Element() host: HTMLZMyzCardFooterElement;\n\n  /** volume title */\n  @Prop()\n  titolo: string;\n\n  /** authors name text */\n  @Prop()\n  autori: string;\n\n  /** volume isbn */\n  @Prop()\n  isbn: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** card graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  /** footer opened by default (optional) */\n  @Prop()\n  opened?: boolean = false;\n\n  /** display footer custom slotted content */\n  @Prop()\n  customContent = false;\n\n  @State()\n  isOpen = false;\n\n  @State()\n  allowTooltipAuthors = false;\n\n  private ellipsisAuthors?: HTMLElement;\n\n  @Listen(\"toggleClick\")\n  handleToggle(): void {\n    this.isOpen = !this.isOpen;\n    if (this.isOpen) {\n      const firstElem = this.getFirstListItem();\n      if (firstElem) {\n        requestAnimationFrame(() => {\n          firstElem.focus();\n        });\n      }\n    }\n  }\n\n  private getTitleAuthors(): string {\n    return this.allowTooltipAuthors ? this.autori : \"\";\n  }\n\n  componentWillLoad(): void {\n    if (this.opened) {\n      this.isOpen = true;\n    }\n  }\n\n  private elementsEllipsis(): void {\n    this.allowTooltipAuthors = this.elementAuthorsHasEllipsis() ? true : false;\n  }\n\n  private elementAuthorsHasEllipsis(): boolean {\n    return this.ellipsisAuthors.offsetWidth < this.ellipsisAuthors.scrollWidth;\n  }\n\n  private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\n    return {\n      \"isopen\": this.isOpen,\n      \"real\": this.cardtype === LicenseType.REAL,\n      \"trial\": this.cardtype === LicenseType.TRIAL,\n      \"temp\": this.cardtype === LicenseType.TEMP,\n      \"custom-content\": this.customContent,\n    };\n  }\n\n  private footerTransitionHandler(e: TransitionEvent): void {\n    if ([\"visibility\", \"height\"].includes(e.propertyName)) {\n      this.elementsEllipsis();\n    }\n  }\n\n  private getFirstListItem(): HTMLElement {\n    return this.host.querySelector(\"[slot=list] > li a\");\n  }\n\n  render(): HTMLDivElement {\n    return (\n      <div class={{...(this.retrieveClass() as Record<string, boolean>), wrapper: true}}>\n        <footer\n          class={this.retrieveClass()}\n          onTransitionEnd={(e: TransitionEvent) => this.footerTransitionHandler(e)}\n        >\n          <span class=\"toggle\">\n            <slot name=\"toggle\" />\n          </span>\n          {this.titolo && <p class={{\"custom-content\": this.customContent}}>{this.titolo}</p>}\n          <div class={{\"content\": true, \"custom-content\": this.customContent}}>\n            <div>\n              <p\n                class=\"authors\"\n                ref={(el) => (this.ellipsisAuthors = el as HTMLElement)}\n              >\n                <span title={this.getTitleAuthors()}>\n                  <span\n                    aria-description=\"Autori\"\n                    class=\"bold\"\n                  >\n                    {this.autori}\n                  </span>\n                </span>\n              </p>\n              <p class=\"year-isbn\">\n                <span class=\"isbn\">\n                  <span>\n                    <span\n                      aria-description=\"ISBN edizione cartacea\"\n                      class=\"bold\"\n                    >\n                      {this.isbn}\n                    </span>{\" \"}\n                    (ed. cartacea)\n                  </span>\n                </span>\n              </p>\n            </div>\n            <div class={`slot-handler ${this.isOpen ? \"visible\" : \"hidden\"}`}>\n              <slot name=\"list\" />\n            </div>\n          </div>\n        </footer>\n        {this.customContent && <slot name=\"content\" />}\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css

@@ -1,187 +0,0 @@
-footer {
-  position: relative;
-  z-index: 5;
-  top: 0;
-  width: auto;
-  height: calc(var(--space-unit) * 6);
-  padding: 0;
-  border-top: var(--border-size-medium) solid var(--color-surface03);
-  margin: 0;
-  background-color: var(--color-surface01);
-  border-radius: 0 0 var(--border-radius) var(--border-radius);
-  color: var(--color-surface05);
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-  transition:
-    height 500ms ease-in-out,
-    top 500ms ease-in-out;
-}
-
-footer.real,
-footer.trial,
-footer.temp {
-  border-top: var(--border-size-medium) solid var(--blue100);
-}
-
-footer .bold {
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-sb);
-}
-
-footer > p {
-  overflow: hidden;
-  height: 40px;
-  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) var(--space-unit) calc(var(--space-unit) * 2);
-  margin: 0;
-  background-color: var(--color-surface01);
-  font-family: var(--font-family-sans);
-  font-size: 16px;
-  font-weight: var(--font-rg);
-  line-height: 22px;
-  transition: all 200ms linear;
-}
-
-footer.isopen > p {
-  background-color: var(--gray200);
-  font-size: 14px;
-  font-weight: var(--font-sb);
-  transition: all 200ms linear;
-}
-
-footer.isopen.real > p,
-footer.isopen.trial > p,
-footer.isopen.temp > p {
-  background-color: var(--blue100);
-}
-
-footer .visible {
-  display: block;
-}
-
-footer .hidden {
-  display: none;
-}
-
-footer > div.content {
-  overflow: hidden;
-  height: 60px;
-}
-
-footer > div.content > div:not(.slot-handler) {
-  padding: var(--space-unit) calc(var(--space-unit) * 2);
-}
-
-footer > div.content > div > p {
-  overflow: hidden;
-  height: 20px;
-  padding: 0;
-  margin: 0;
-  font-size: 14px;
-  line-height: 20px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-footer > div.content > div > p.year-isbn {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding-top: var(--space-unit);
-}
-
-footer > div.content > div > p.year-isbn > span.isbn {
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-footer.isopen > div.content > div:not(.slot-handler) {
-  height: 68px;
-}
-
-footer.isopen > div.content > div > p.authors {
-  height: 40px;
-  text-overflow: initial;
-  white-space: initial;
-}
-
-footer.isopen > div.content > div > p.year-isbn {
-  height: 50px;
-  flex-direction: column;
-  padding-left: 0;
-}
-
-footer.isopen > div.content > div > p.year-isbn > span.isbn {
-  display: inline-grid;
-  padding-left: 0;
-}
-
-footer.isopen {
-  top: -212px;
-  height: 295px;
-  transition:
-    height 500ms ease-in-out,
-    top 500ms ease-in-out;
-}
-
-footer.isopen.custom-content {
-  top: -292px;
-}
-
-footer.isopen > div.content {
-  height: 280px;
-  transition:
-    height 500ms ease-in-out,
-    top 500ms ease-in-out;
-}
-
-footer.isopen.custom-content > div.content {
-  height: 230px;
-}
-
-.toggle {
-  position: absolute;
-  z-index: 10;
-  top: -24px;
-  left: 16px;
-}
-
-.faded {
-  opacity: 0.3;
-  pointer-events: none;
-}
-
-footer > p.custom-content,
-footer .content.custom-content {
-  display: none;
-}
-
-footer.isopen > p.custom-content,
-footer.isopen .content.custom-content {
-  display: block;
-}
-
-div.wrapper {
-  position: relative;
-  height: 100%;
-}
-
-div.wrapper ::slotted([slot="content"]) {
-  position: absolute;
-  z-index: 10;
-  top: calc(var(--space-unit) * 2);
-  display: block;
-  width: 100%;
-  height: 112px;
-  box-sizing: border-box;
-  padding: 0 calc(var(--space-unit) * 2);
-  border-top: var(--border-size-medium) solid transparent;
-  background: var(--color-white);
-}
-
-div.wrapper.isopen ::slotted([slot="content"]) {
-  top: 0;
-  bottom: 0;
-  height: 128px;
-  padding: calc(var(--space-unit) * 2);
-  border-color: var(--blue100);
-}

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

@@ -1,23 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @slot top - footer top content
- * @slot bottom - footer bottom content
- */
-export class ZMyzCardFooterSections {
-    render() {
-        return (h("div", { key: '585f033c01cd38632f117bf350a2842f776a6b20' }, h("footer", { key: 'b6a0f5c7ce0a6d0826125f6526a3993bab390cd4' }, h("div", { key: 'a0d6e3cb8fd9979b894852ace83965290a3a3646', class: "top" }, h("slot", { key: '19c023f2c3a6ef00c99f878c8c5e6034db081afa', name: "top" })), h("div", { key: 'b8637c38444957c5d8846d88a49447a34139d381', class: "bottom" }, h("slot", { key: '540b0fb8593fab0f364daf0fe0164eba8099cbe1', name: "bottom" })))));
-    }
-    static get is() { return "z-myz-card-footer-sections"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-footer-sections/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,CAAC,EAAC,MAAM,eAAe,CAAC;AAE/D;;;GAGG;AAMH,MAAM,OAAO,sBAAsB;IACjC,MAAM;QACJ,OAAO,CACL;YACE;gBACE,4DAAK,KAAK,EAAC,KAAK;oBACd,6DAAM,IAAI,EAAC,KAAK,GAAG,CACf;gBACN,4DAAK,KAAK,EAAC,QAAQ;oBACjB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CAClB,CACC,CACL,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, h} from \"@stencil/core\";\n\n/**\n * @slot top - footer top content\n * @slot bottom - footer bottom content\n */\n@Component({\n  tag: \"z-myz-card-footer-sections\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardFooterSections implements ComponentInterface {\n  render(): HTMLDivElement {\n    return (\n      <div>\n        <footer>\n          <div class=\"top\">\n            <slot name=\"top\" />\n          </div>\n          <div class=\"bottom\">\n            <slot name=\"bottom\" />\n          </div>\n        </footer>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css

@@ -1,20 +0,0 @@
-:host {
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-:host > div > footer {
-  height: 128px;
-  box-sizing: border-box;
-  padding: var(--space-unit) calc(var(--space-unit) * 2) 0;
-  border-top: var(--border-size-medium) solid var(--color-surface03);
-  border-radius: 0 0 var(--border-radius) var(--border-radius);
-  color: var(--color-surface05);
-  font-size: 16px;
-  line-height: 24px;
-}
-
-:host > div > footer > div.top,
-:host > div > footer > div.bottom {
-  height: 60px;
-}

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

@@ -1,118 +0,0 @@
-import { h } from "@stencil/core";
-import { LicenseType } from "../../../../beans/index";
-/**
- * @slot icon - card header icon slot
- */
-export class ZMyzCardHeader {
-    constructor() {
-        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 === LicenseType.REAL,
-            trial: this.cardtype === LicenseType.TRIAL,
-            temp: this.cardtype === LicenseType.TEMP,
-            faded: this.faded,
-        };
-    }
-    render() {
-        return (h("header", { key: 'c48aea25ec119f8b56bf13004a9bb591d278706f', class: this.retrieveClass() }, h("slot", { key: '00aea3e21b5aade39b702d60e87b26ec1cb79904', name: "aria-heading" }), h("span", { key: 'ad56e6b17d0aa5e8965ace7bec60757a4e064ea7', class: "card-title", ref: (el) => (this.ellipsis = el), title: this.getTitle() }, this.titolo), h("slot", { key: '0da8178876227c66042f1c6dfe5378264baf519b', name: "icon" })));
-    }
-    static get is() { return "z-myz-card-header"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["styles.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "titolo": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "volume title"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "titolo"
-            },
-            "faded": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "faded status"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "faded"
-            },
-            "cardtype": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "LicenseType",
-                    "resolved": "LicenseType.REAL | LicenseType.TEMP | LicenseType.TRIAL | LicenseType.VIRTUAL",
-                    "references": {
-                        "LicenseType": {
-                            "location": "import",
-                            "path": "../../../../beans/index",
-                            "id": "src/beans/index.tsx::LicenseType",
-                            "referenceLocation": "LicenseType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "card graphic variant (optional)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "cardtype"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "allowTooltip": {}
-        };
-    }
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/snowflakes/myz/card/z-myz-card-header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAE5E,OAAO,EAAC,WAAW,EAAC,MAAM,yBAAyB,CAAC;AAEpD;;GAEG;AAMH,MAAM,OAAO,cAAc;IAL3B;QAmBE,iBAAY,GAAG,KAAK,CAAC;KA0CtB;IAtCS,QAAQ;QACd,OAAO,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IAC9C,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QAC3B,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,OAAO,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;IAC/D,CAAC;IAEO,aAAa;QACnB,OAAO;YACL,IAAI,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI;YACxC,KAAK,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,KAAK;YAC1C,IAAI,EAAE,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,IAAI;YACxC,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,+DAAQ,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE;YACjC,6DAAM,IAAI,EAAC,cAAc,GAAG;YAC5B,6DACE,KAAK,EAAC,YAAY,EAClB,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,EAAiB,CAAC,EAChD,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAErB,IAAI,CAAC,MAAM,CACP;YACP,6DAAM,IAAI,EAAC,MAAM,GAAG,CACb,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Prop, State, h} from \"@stencil/core\";\nimport {JSXBase} from \"@stencil/core/internal\";\nimport {LicenseType} from \"../../../../beans/index\";\n\n/**\n * @slot icon - card header icon slot\n */\n@Component({\n  tag: \"z-myz-card-header\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZMyzCardHeader implements ComponentInterface {\n  /** volume title */\n  @Prop()\n  titolo: string;\n\n  /** faded status */\n  @Prop()\n  faded: boolean;\n\n  /** card graphic variant (optional) */\n  @Prop()\n  cardtype?: LicenseType;\n\n  @State()\n  allowTooltip = false;\n\n  private ellipsis?: HTMLElement;\n\n  private getTitle(): string {\n    return this.allowTooltip ? this.titolo : \"\";\n  }\n\n  componentDidLoad(): void {\n    if (this.elementHasEllipsis()) {\n      this.allowTooltip = true;\n    }\n  }\n\n  private elementHasEllipsis(): boolean {\n    return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;\n  }\n\n  private retrieveClass(): JSXBase.HTMLAttributes[\"class\"] {\n    return {\n      real: this.cardtype === LicenseType.REAL,\n      trial: this.cardtype === LicenseType.TRIAL,\n      temp: this.cardtype === LicenseType.TEMP,\n      faded: this.faded,\n    };\n  }\n\n  render(): HTMLElement {\n    return (\n      <header class={this.retrieveClass()}>\n        <slot name=\"aria-heading\" />\n        <span\n          class=\"card-title\"\n          ref={(el) => (this.ellipsis = el as HTMLElement)}\n          title={this.getTitle()}\n        >\n          {this.titolo}\n        </span>\n        <slot name=\"icon\" />\n      </header>\n    );\n  }\n}\n"]}

package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css

@@ -1,59 +0,0 @@
-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);
-}
-
-slot[name="aria-heading"]::slotted(*) {
-  position: absolute;
-  overflow: hidden !important;
-  width: 1px !important;
-  height: 1px !important;
-  padding: 0 !important;
-  border: 0 none !important;
-  margin: -1px !important;
-  clip: rect(0, 0, 0, 0) !important;
-  white-space: nowrap !important;
-}
-
-header.real,
-header.trial,
-header.temp {
-  border-bottom: var(--border-size-medium) solid var(--blue100);
-  background-color: var(--color-primary03);
-}
-
-.card-title {
-  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-background);
-}
-
-.faded.real,
-.faded.trial,
-.faded.temp {
-  border-top: var(--border-size-medium) solid var(--blue100);
-  border-right: var(--border-size-medium) solid var(--blue100);
-  border-left: var(--border-size-medium) solid var(--blue100);
-}