@zanichelli/albe-web-components 17.3.0-RC1 → 18.0.1

package/dist/collection/components/book-card/z-book-card/index.js

@@ -1,119 +1,93 @@
-import { h } from "@stencil/core";
-import { BookCardTagStatus, BookCardVariant, ControlSize } from "../../../beans";
+import { Host, h } from "@stencil/core";
+import { BookCardVariant, ControlSize } from "../../../beans";
 /**
- * @slot cta - to the right of authors and title (e.g. bookmark icon)
- * @slot ebook - main action slot on the card (as default, it shows laZ ebook link)
- * @slot apps - list of card-related apps
- * @slot coverOverlay - to be shown on top of book cover
+ * @slot cta - top right cta (e.g. bookmark icon)
+ * @slot ebook - as default, it shows laZ ebook link
+ * @slot tags - tags section, default empty
+ * @slot data - external link and pill, default empty
+ * @slot apps - list of card-related apps, default empty
+ * @slot coverOverlay - purple layer on top of book cover
+ * @cssprop --z-book-card-portrait-cover-height - set custom cover height for portrait variant - default 378px
+ * @cssprop --z-book-card-title-lines - set title avilable lines - default 2
+ * @cssprop --z-book-card-title-word-break - set title word-break rule - default initial
+ * @cssprop --z-book-card-subtitle-lines - set subtitle available lines - default 1
+ * @cssprop --z-book-card-subtitle-word-break - set subtitle word-break rule - default break-all
+ * @cssprop --z-book-card-authors-lines - set authors available lines - default 1
+ * @cssprop --z-book-card-authors-word-break - set authors word-break rule - default break-all
  */
 export class ZBookCard {
     constructor() {
         this.variant = BookCardVariant.PORTRAIT;
         this.cover = undefined;
-        this.authors = undefined;
         this.operaTitle = undefined;
         this.volumeTitle = undefined;
+        this.authors = undefined;
         this.isbn = undefined;
         this.isbnLabel = "";
-        this.edi = undefined;
-        this.annotated = undefined;
-        this.teacherVersion = undefined;
-        this.reflowable = false;
-        this.adoption = false;
-        this.catalogUrl = undefined;
+        this.year = undefined;
         this.ebookUrl = undefined;
         this.fallbackCover = undefined;
-        this.operaTitleHtmlTag = undefined;
-        this.ediTag = undefined;
-        this.annotatedTag = undefined;
-        this.teacherVersionTag = undefined;
-    }
-    watchEdi() {
-        this.ediTag = typeof this.edi === "string" ? JSON.parse(this.edi) : this.edi;
-    }
-    watchAnnotated() {
-        this.annotatedTag = typeof this.annotated === "string" ? JSON.parse(this.annotated) : this.annotated;
-    }
-    watchTeacherVersion() {
-        this.teacherVersionTag =
-            typeof this.teacherVersion === "string" ? JSON.parse(this.teacherVersion) : this.teacherVersion;
-    }
-    componentWillLoad() {
-        this.watchEdi();
-        this.watchAnnotated();
-        this.watchTeacherVersion();
-    }
-    emitTagClick(e) {
-        this.tagClick.emit(e);
-    }
-    emitCatalogClick() {
-        this.catalogClick.emit();
+        this.titleHtmlTag = undefined;
     }
     emitEbookClick() {
         this.ebookClick.emit();
     }
-    emitImmersiveReaderClick() {
-        this.immersiveReaderClick.emit();
+    renderCover() {
+        return (h("div", { class: "cover" }, h("img", { src: this.cover, onError: () => {
+                if (this.fallbackCover) {
+                    this.cover = this.fallbackCover;
+                }
+            }, "aria-hidden": "true" }), h("slot", { name: "coverOverlay" })));
+    }
+    renderYear() {
+        if (!this.year) {
+            return null;
+        }
+        return (h("div", { class: "year ellipsis body-4", "aria-description": "anno" }, this.year));
+    }
+    renderAuthors() {
+        if (!this.authors) {
+            return null;
+        }
+        return (h("div", { class: "cta-wrapper" }, h("div", { class: "authors ellipsis body-4", "aria-description": "autori" }, this.authors), this.variant === BookCardVariant.LANDSCAPE ? this.renderCtaSlot() : null));
     }
     renderOperaTitle() {
-        const title = this.operaTitleHtmlTag
-            ? `<${this.operaTitleHtmlTag}>${this.operaTitle}</${this.operaTitleHtmlTag}>`
+        const title = this.titleHtmlTag
+            ? `<${this.titleHtmlTag}>${this.operaTitle}</${this.titleHtmlTag}>`
             : this.operaTitle;
-        return (h("div", { class: "opera-title body-2-sb", innerHTML: title }));
-    }
-    renderIsbnLabel() {
-        return this.isbnLabel ? h("span", { class: "body-4" }, this.isbnLabel) : null;
-    }
-    renderTag(label, tag, id) {
-        return (h("z-tag", { class: { [tag.status]: true, interactive: tag.interactive }, role: tag.interactive ? "button" : undefined, tabIndex: tag.interactive ? 0 : undefined, onClick: () => tag.interactive &&
-                this.emitTagClick({
-                    tag: id,
-                    state: tag.status,
-                }), onKeyUp: (e) => tag.interactive &&
-                e.key === "Enter" &&
-                this.emitTagClick({
-                    tag: id,
-                    state: tag.status,
-                }) }, label));
+        return (h("div", { class: "cta-wrapper" }, h("div", { class: "opera-title ellipsis body-2-sb", innerHTML: title }), this.variant === BookCardVariant.PORTRAIT ? this.renderCtaSlot() : null));
     }
-    renderTags() {
-        const tags = [];
-        if (this.edi && Object.values(BookCardTagStatus).includes(this.ediTag.status)) {
-            tags.push(this.renderTag("edi", this.ediTag, "edi"));
+    renderVolumeTitle() {
+        if (!this.volumeTitle) {
+            return null;
         }
-        if (this.annotated && Object.values(BookCardTagStatus).includes(this.annotatedTag.status)) {
-            tags.push(this.renderTag("annotata", this.annotatedTag, "annotated"));
-        }
-        if (this.teacherVersion && Object.values(BookCardTagStatus).includes(this.teacherVersionTag.status)) {
-            tags.push(this.renderTag("versione insegnante", this.teacherVersionTag, "teacherVersion"));
-        }
-        if (tags.length > 0) {
-            return tags;
+        return h("div", { class: "volume-title ellipsis body-4" }, this.volumeTitle);
+    }
+    renderIsbn() {
+        if (!this.isbn) {
+            return null;
         }
-        return null;
+        return (h("div", { class: "isbn ellipsis body-4-sb", "aria-description": `isbn ${this.isbnLabel}` }, this.isbn, " ", this.isbnLabel ? h("span", { class: "body-4" }, this.isbnLabel) : null));
     }
-    renderCover() {
-        return (h("div", { class: "cover" }, h("img", { src: this.cover, onError: () => {
-                if (this.fallbackCover) {
-                    this.cover = this.fallbackCover;
-                }
-            }, "aria-hidden": "true" }), h("slot", { name: "coverOverlay" })));
+    renderEbook() {
+        return (h("div", { class: "ebook" }, h("div", null, h("div", { class: "app-name" }, h("img", { class: "ebook-logo", "aria-hidden": "true" }), h("div", { class: "body-4-sb" }, h("span", { class: "laz" }, "laZ"), " Ebook"))), h("z-button", { size: ControlSize.X_SMALL, href: this.ebookUrl, target: "_blank", onClick: () => this.emitEbookClick(), role: "link", "aria-description": `leggi l'ebook ${this.operaTitle} su laZ Ebook` }, "leggi ebook")));
+    }
+    renderCtaSlot() {
+        return h("slot", { name: "cta" });
     }
     render() {
-        return (h("article", { key: '13051546589fda9fcc9473c4cb9262f3eb5f95b0', class: {
-                [this.variant]: true,
-            } }, h("div", { key: 'dba92cf4600bab824ffb1ee39439b0214cf13b38', class: "main-content" }, this.renderCover(), h("div", { key: '535eae1f34126ede676922007509a3c31d4b42c0', class: "card-info" }, h("div", { key: '717a9960dbad2547521fc4bafa2b1eea86989fd3', class: "book-data" }, h("div", { key: 'fa2863dca2d2ec8ccdedac26854d2c8437443443', class: "authors-title-cta-section" }, h("div", { key: 'd3a6d0f75bf5eaf8f43e4a51c4fba31026bbf085', class: "authors body-4", "aria-description": "autori" }, this.authors), this.renderOperaTitle(), h("slot", { key: '2ee1c51b0482a0e804068b32aa8710cdb585df40', name: "cta" })), h("div", { key: 'b2323c4742bb74592f4654b1fb6c9449afe1af76', class: "isbn-tags-link-section" }, h("div", { key: '02bfde7c8a1899bfec2901abb8ee5b38eda8044e', class: "isbn-tags-section" }, h("div", { key: 'e7822b708482616d9b3099889aea44bc878aaed6', class: "volume-title body-4" }, this.volumeTitle), h("div", { key: '6344260b6978818a05adaa60b0cf79203df7464b', class: "isbn body-4-sb", "aria-description": `isbn ${this.isbnLabel}` }, this.isbn, " ", this.renderIsbnLabel()), h("div", { key: '806f9c4b0b31bde86cb7c7d41f6405821f05142e', class: "tags" }, this.renderTags())), h("div", { key: '92501f1d76a77dc12566b13ff711f178ab8a5960', class: "link-section" }, h("div", { key: '2be97ae73ab2afbce260c3bda794270cf54bd5d4', class: "catalog-link" }, this.catalogUrl && (h("a", { key: 'bed68b842b47b54739e51b7a20da8d8855210339', href: this.catalogUrl, target: "_blank", class: "z-link z-link-blue z-link-icon body-4-sb", onClick: () => this.emitCatalogClick() }, "Scheda catalogo", h("z-icon", { key: '6fc6ad52486883219057553442e8f1395d8ccc84', name: "arrow-quad-north-east", height: 16, width: 16, fill: "color-primary01-icon" })))), this.adoption && h("div", { key: '14388b5ec14198be6972d3ee7d13b4ef1b2b0351', class: "adoption-tag body-5-sb" }, "adottato")))), h("div", { key: '0e800aafe750dddfae01931f577ff308ff163ce6', class: "ebook-container" }, h("slot", { key: 'e809821621d4a4e19ecae19b36f1c531cac8ea6a', name: "ebook" }, this.ebookUrl && (h("div", { key: '4a691bd904e2240358f5d1e1f25ed8e005331c17', class: "ebook" }, h("div", { key: 'd954f88d29c847b952898be868cb7423acc9d294' }, h("div", { key: '9f2cb4d73e4bb302b6640e666c7d2453255dc466', class: "app-name" }, h("img", { key: 'df3a1c3aec6ab3d478c124072417970ac4e41a5f', class: "ebook-logo", "aria-hidden": "true" }), h("div", { key: '062ef63c27bbe3dbb8bb5a12d9bdd9bdfdf34591', class: "body-4-sb" }, h("span", { key: 'e72e7fe23792b000837f111ef0cbc77d60925084', class: "laz" }, "laZ"), " Ebook")), this.variant === BookCardVariant.LANDSCAPE && this.reflowable && (h("div", { key: 'c9c844c55420c5907fe5393bf0ebd3bbd09c9bc0', class: "body-5" }, "Anche nella versione libro liquido con", " ", h("button", { key: '0f5d5b5d9c316b301c66ba99bb3f4c3c3653fcd9', class: "body-5-sb immersive-reader z-link", onClick: () => this.emitImmersiveReaderClick(), tabIndex: 0 }, "strumento di lettura immersiva")))), h("z-button", { key: '72d564135363013a5b5863f91f389140de649b90', size: ControlSize.X_SMALL, href: this.ebookUrl, target: "_blank", onClick: () => this.emitEbookClick(), role: "link", "aria-description": `leggi l'ebook ${this.operaTitle} su laZ Ebook` }, "leggi ebook"))))))), h("slot", { key: '9c1b63d295c462ed284475e60f14411757fcb15b', name: "apps" })));
+        return (h(Host, { key: '8a95e47fed3ec07a21c4ec299ed369bcb847d8de' }, h("div", { key: '150689ecc968704d0003b8219e87e6f5a11e609e', class: "main-content" }, this.renderCover(), h("div", { key: 'a985f8ceb5f6874144e78708ec56c219147a65d2', class: "card-info" }, h("div", { key: 'a32abd5ee5b048e9fccf17658e703085a9e18d67', class: "top" }, h("div", { key: 'cbc49e3b3bc092ba91ee338bf69c9198984f6b13' }, this.renderYear(), this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), h("slot", { key: '23de135849dacd241dfe3f663d2551a402b8c8c5', name: "tags" }), h("slot", { key: '916a151550af8a9f127e98a56c0873af378e31a7', name: "data" })), h("slot", { key: '857e6ab78c682c5a69bda4813cd7b6e8d7dec9b5', name: "ebook" }, !!this.ebookUrl && h("div", { key: 'cf66d08534008a027fa6ede485959d18bc6bad15', class: "bottom" }, this.renderEbook())))), h("slot", { key: '67c4a67f866a35a688076dd3aad5d4fe9e682ad2', name: "apps" })));
     }
     static get is() { return "z-book-card"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["styles.css", "../../css-components/z-link/styles.css", "../../../tokens/typography.css"]
+            "$": ["styles.css", "../../../tokens/typography.css"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["styles.css", "../../css-components/z-link/styles.css", "../../../tokens/typography.css"]
+            "$": ["styles.css", "../../../tokens/typography.css"]
         };
     }
     static get properties() {
@@ -139,7 +113,7 @@ export class ZBookCard {
                     "text": "Card variant: landscape, portrait"
                 },
                 "attribute": "variant",
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "BookCardVariant.PORTRAIT"
             },
             "cover": {
@@ -159,7 +133,7 @@ export class ZBookCard {
                 "attribute": "cover",
                 "reflect": false
             },
-            "authors": {
+            "operaTitle": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -168,15 +142,15 @@ export class ZBookCard {
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "[optional] Authors"
+                    "text": "Opera title (card title)"
                 },
-                "attribute": "authors",
+                "attribute": "opera-title",
                 "reflect": false
             },
-            "operaTitle": {
+            "volumeTitle": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -188,12 +162,12 @@ export class ZBookCard {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "[optional] Opera title"
+                    "text": "[optional] Volume title (card subvolume)"
                 },
-                "attribute": "opera-title",
+                "attribute": "volume-title",
                 "reflect": false
             },
-            "volumeTitle": {
+            "authors": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -205,9 +179,9 @@ export class ZBookCard {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "[optional] Volume title"
+                    "text": "[optional] Authors"
                 },
-                "attribute": "volume-title",
+                "attribute": "authors",
                 "reflect": false
             },
             "isbn": {
@@ -245,112 +219,7 @@ export class ZBookCard {
                 "reflect": false,
                 "defaultValue": "\"\""
             },
-            "edi": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "BookCardTag | string",
-                    "resolved": "string | { status: BookCardTagStatus; interactive: boolean; }",
-                    "references": {
-                        "BookCardTag": {
-                            "location": "import",
-                            "path": "../../../beans",
-                            "id": "src/beans/index.tsx::BookCardTag"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "[optional] EDI tag"
-                },
-                "attribute": "edi",
-                "reflect": false
-            },
-            "annotated": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "BookCardTag | string",
-                    "resolved": "string | { status: BookCardTagStatus; interactive: boolean; }",
-                    "references": {
-                        "BookCardTag": {
-                            "location": "import",
-                            "path": "../../../beans",
-                            "id": "src/beans/index.tsx::BookCardTag"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "[optional] Annotated tag"
-                },
-                "attribute": "annotated",
-                "reflect": false
-            },
-            "teacherVersion": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "BookCardTag | string",
-                    "resolved": "string | { status: BookCardTagStatus; interactive: boolean; }",
-                    "references": {
-                        "BookCardTag": {
-                            "location": "import",
-                            "path": "../../../beans",
-                            "id": "src/beans/index.tsx::BookCardTag"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "[optional] Teacher version tag"
-                },
-                "attribute": "teacher-version",
-                "reflect": false
-            },
-            "reflowable": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "[optional] Show reflowable description"
-                },
-                "attribute": "reflowable",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "adoption": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "[optional] Show adoption badge"
-                },
-                "attribute": "adoption",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "catalogUrl": {
+            "year": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -362,9 +231,9 @@ export class ZBookCard {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "[optional] Show catalog link to correspondent resource"
+                    "text": "[optional] year"
                 },
-                "attribute": "catalog-url",
+                "attribute": "year",
                 "reflect": false
             },
             "ebookUrl": {
@@ -401,7 +270,7 @@ export class ZBookCard {
                 "attribute": "fallback-cover",
                 "reflect": false
             },
-            "operaTitleHtmlTag": {
+            "titleHtmlTag": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -415,50 +284,13 @@ export class ZBookCard {
                     "tags": [],
                     "text": "[optional] Set a specific h level as html tag for opera title"
                 },
-                "attribute": "opera-title-html-tag",
+                "attribute": "title-html-tag",
                 "reflect": false
             }
         };
     }
-    static get states() {
-        return {
-            "ediTag": {},
-            "annotatedTag": {},
-            "teacherVersionTag": {}
-        };
-    }
     static get events() {
         return [{
-                "method": "tagClick",
-                "name": "tagClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "click on tag"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "catalogClick",
-                "name": "catalogClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "click on catalog link"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
                 "method": "ebookClick",
                 "name": "ebookClick",
                 "bubbles": true,
@@ -473,35 +305,8 @@ export class ZBookCard {
                     "resolved": "any",
                     "references": {}
                 }
-            }, {
-                "method": "immersiveReaderClick",
-                "name": "immersiveReaderClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "click on immersive reader"
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
             }];
     }
     static get elementRef() { return "hostElement"; }
-    static get watchers() {
-        return [{
-                "propName": "edi",
-                "methodName": "watchEdi"
-            }, {
-                "propName": "annotated",
-                "methodName": "watchAnnotated"
-            }, {
-                "propName": "teacherVersion",
-                "methodName": "watchTeacherVersion"
-            }];
-    }
 }
 //# sourceMappingURL=index.js.map

package/dist/collection/components/book-card/z-book-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, State, Watch, h} from \"@stencil/core\";\nimport {BookCardTag, BookCardTagEvent, BookCardTagStatus, BookCardVariant, ControlSize} from \"../../../beans\";\n\n/**\n * @slot cta - to the right of authors and title (e.g. bookmark icon)\n * @slot ebook - main action slot on the card (as default, it shows laZ ebook link)\n * @slot apps - list of card-related apps\n * @slot coverOverlay - to be shown on top of book cover\n */\n@Component({\n  tag: \"z-book-card\",\n  styleUrls: [\"styles.css\", \"../../css-components/z-link/styles.css\", \"../../../tokens/typography.css\"],\n  shadow: true,\n})\nexport class ZBookCard {\n  @Element() hostElement: HTMLZBookCardElement;\n\n  /** Card variant: landscape, portrait */\n  @Prop()\n  variant: BookCardVariant = BookCardVariant.PORTRAIT;\n\n  /** Cover URL */\n  @Prop()\n  cover: string;\n\n  /** [optional] Authors */\n  @Prop()\n  authors?: string;\n\n  /** [optional] Opera title */\n  @Prop()\n  operaTitle?: string;\n\n  /** [optional] Volume title */\n  @Prop()\n  volumeTitle?: string;\n\n  /** [optional] Main ISBN */\n  @Prop()\n  isbn?: string;\n\n  /** [optional] ISBN label */\n  @Prop()\n  isbnLabel = \"\";\n\n  /** [optional] EDI tag */\n  @Prop()\n  edi?: BookCardTag | string;\n\n  /** [optional] Annotated tag */\n  @Prop()\n  annotated?: BookCardTag | string;\n\n  /** [optional] Teacher version tag */\n  @Prop()\n  teacherVersion?: BookCardTag | string;\n\n  /** [optional] Show reflowable description */\n  @Prop()\n  reflowable?: boolean = false;\n\n  /** [optional] Show adoption badge */\n  @Prop()\n  adoption?: boolean = false;\n\n  /** [optional] Show catalog link to correspondent resource */\n  @Prop()\n  catalogUrl?: string;\n\n  /** [optional] Show link to the ebook resource */\n  @Prop()\n  ebookUrl?: string;\n\n  /** [optional] Fallback cover URL */\n  @Prop()\n  fallbackCover?: string;\n\n  /** [optional] Set a specific h level as html tag for opera title */\n  @Prop()\n  operaTitleHtmlTag?: string;\n\n  @State()\n  ediTag;\n\n  @State()\n  annotatedTag;\n\n  @State()\n  teacherVersionTag;\n\n  /** click on tag */\n  @Event()\n  tagClick: EventEmitter;\n\n  /** click on catalog link */\n  @Event()\n  catalogClick: EventEmitter;\n\n  /** click on ebook link */\n  @Event()\n  ebookClick: EventEmitter;\n\n  /** click on immersive reader */\n  @Event()\n  immersiveReaderClick: EventEmitter;\n\n  @Watch(\"edi\")\n  watchEdi(): void {\n    this.ediTag = typeof this.edi === \"string\" ? JSON.parse(this.edi) : this.edi;\n  }\n\n  @Watch(\"annotated\")\n  watchAnnotated(): void {\n    this.annotatedTag = typeof this.annotated === \"string\" ? JSON.parse(this.annotated) : this.annotated;\n  }\n\n  @Watch(\"teacherVersion\")\n  watchTeacherVersion(): void {\n    this.teacherVersionTag =\n      typeof this.teacherVersion === \"string\" ? JSON.parse(this.teacherVersion) : this.teacherVersion;\n  }\n\n  componentWillLoad(): void {\n    this.watchEdi();\n    this.watchAnnotated();\n    this.watchTeacherVersion();\n  }\n\n  private emitTagClick(e: BookCardTagEvent): void {\n    this.tagClick.emit(e);\n  }\n\n  private emitCatalogClick(): void {\n    this.catalogClick.emit();\n  }\n\n  private emitEbookClick(): void {\n    this.ebookClick.emit();\n  }\n\n  private emitImmersiveReaderClick(): void {\n    this.immersiveReaderClick.emit();\n  }\n\n  private renderOperaTitle(): HTMLDivElement {\n    const title = this.operaTitleHtmlTag\n      ? `<${this.operaTitleHtmlTag}>${this.operaTitle}</${this.operaTitleHtmlTag}>`\n      : this.operaTitle;\n\n    return (\n      <div\n        class=\"opera-title body-2-sb\"\n        innerHTML={title}\n      />\n    );\n  }\n\n  private renderIsbnLabel(): HTMLDivElement | null {\n    return this.isbnLabel ? <span class=\"body-4\">{this.isbnLabel}</span> : null;\n  }\n\n  private renderTag(label: string, tag: BookCardTag, id: string): HTMLDivElement {\n    return (\n      <z-tag\n        class={{[tag.status]: true, interactive: tag.interactive}}\n        role={tag.interactive ? \"button\" : undefined}\n        tabIndex={tag.interactive ? 0 : undefined}\n        onClick={() =>\n          tag.interactive &&\n          this.emitTagClick({\n            tag: id,\n            state: tag.status,\n          })\n        }\n        onKeyUp={(e: KeyboardEvent) =>\n          tag.interactive &&\n          e.key === \"Enter\" &&\n          this.emitTagClick({\n            tag: id,\n            state: tag.status,\n          })\n        }\n      >\n        {label}\n      </z-tag>\n    );\n  }\n\n  private renderTags(): HTMLDivElement[] | null {\n    const tags = [];\n\n    if (this.edi && Object.values(BookCardTagStatus).includes(this.ediTag.status)) {\n      tags.push(this.renderTag(\"edi\", this.ediTag, \"edi\"));\n    }\n\n    if (this.annotated && Object.values(BookCardTagStatus).includes(this.annotatedTag.status)) {\n      tags.push(this.renderTag(\"annotata\", this.annotatedTag, \"annotated\"));\n    }\n\n    if (this.teacherVersion && Object.values(BookCardTagStatus).includes(this.teacherVersionTag.status)) {\n      tags.push(this.renderTag(\"versione insegnante\", this.teacherVersionTag, \"teacherVersion\"));\n    }\n\n    if (tags.length > 0) {\n      return tags;\n    }\n\n    return null;\n  }\n\n  private renderCover(): HTMLDivElement {\n    return (\n      <div class=\"cover\">\n        <img\n          src={this.cover}\n          onError={() => {\n            if (this.fallbackCover) {\n              this.cover = this.fallbackCover;\n            }\n          }}\n          aria-hidden=\"true\"\n        />\n        <slot name=\"coverOverlay\"></slot>\n      </div>\n    );\n  }\n\n  render(): HTMLZBookCardElement {\n    return (\n      <article\n        class={{\n          [this.variant]: true,\n        }}\n      >\n        <div class=\"main-content\">\n          {this.renderCover()}\n          <div class=\"card-info\">\n            <div class=\"book-data\">\n              <div class=\"authors-title-cta-section\">\n                <div\n                  class=\"authors body-4\"\n                  aria-description=\"autori\"\n                >\n                  {this.authors}\n                </div>\n                {this.renderOperaTitle()}\n                <slot name=\"cta\"></slot>\n              </div>\n              <div class=\"isbn-tags-link-section\">\n                <div class=\"isbn-tags-section\">\n                  <div class=\"volume-title body-4\">{this.volumeTitle}</div>\n                  <div\n                    class=\"isbn body-4-sb\"\n                    aria-description={`isbn ${this.isbnLabel}`}\n                  >\n                    {this.isbn} {this.renderIsbnLabel()}\n                  </div>\n                  <div class=\"tags\">{this.renderTags()}</div>\n                </div>\n                <div class=\"link-section\">\n                  <div class=\"catalog-link\">\n                    {this.catalogUrl && (\n                      <a\n                        href={this.catalogUrl}\n                        target=\"_blank\"\n                        class=\"z-link z-link-blue z-link-icon body-4-sb\"\n                        onClick={() => this.emitCatalogClick()}\n                      >\n                        Scheda catalogo\n                        <z-icon\n                          name=\"arrow-quad-north-east\"\n                          height={16}\n                          width={16}\n                          fill=\"color-primary01-icon\"\n                        ></z-icon>\n                      </a>\n                    )}\n                  </div>\n                  {this.adoption && <div class=\"adoption-tag body-5-sb\">adottato</div>}\n                </div>\n              </div>\n            </div>\n            <div class=\"ebook-container\">\n              <slot name=\"ebook\">\n                {this.ebookUrl && (\n                  <div class=\"ebook\">\n                    <div>\n                      <div class=\"app-name\">\n                        <img\n                          class=\"ebook-logo\"\n                          aria-hidden=\"true\"\n                        />\n                        <div class=\"body-4-sb\">\n                          <span class=\"laz\">laZ</span> Ebook\n                        </div>\n                      </div>\n                      {this.variant === BookCardVariant.LANDSCAPE && this.reflowable && (\n                        <div class=\"body-5\">\n                          Anche nella versione libro liquido con{\" \"}\n                          <button\n                            class=\"body-5-sb immersive-reader z-link\"\n                            onClick={() => this.emitImmersiveReaderClick()}\n                            tabIndex={0}\n                          >\n                            strumento di lettura immersiva\n                          </button>\n                        </div>\n                      )}\n                    </div>\n                    <z-button\n                      size={ControlSize.X_SMALL}\n                      href={this.ebookUrl}\n                      target=\"_blank\"\n                      onClick={() => this.emitEbookClick()}\n                      role=\"link\"\n                      aria-description={`leggi l'ebook ${this.operaTitle} su laZ Ebook`}\n                    >\n                      leggi ebook\n                    </z-button>\n                  </div>\n                )}\n              </slot>\n            </div>\n          </div>\n        </div>\n        <slot name=\"apps\"></slot>\n      </article>\n    );\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Host, Prop, h} from \"@stencil/core\";\nimport {BookCardVariant, ControlSize} from \"../../../beans\";\n\n/**\n * @slot cta - top right cta (e.g. bookmark icon)\n * @slot ebook - as default, it shows laZ ebook link\n * @slot tags - tags section, default empty\n * @slot data - external link and pill, default empty\n * @slot apps - list of card-related apps, default empty\n * @slot coverOverlay - purple layer on top of book cover\n * @cssprop --z-book-card-portrait-cover-height - set custom cover height for portrait variant - default 378px\n * @cssprop --z-book-card-title-lines - set title avilable lines - default 2\n * @cssprop --z-book-card-title-word-break - set title word-break rule - default initial\n * @cssprop --z-book-card-subtitle-lines - set subtitle available lines - default 1\n * @cssprop --z-book-card-subtitle-word-break - set subtitle word-break rule - default break-all\n * @cssprop --z-book-card-authors-lines - set authors available lines - default 1\n * @cssprop --z-book-card-authors-word-break - set authors word-break rule - default break-all\n */\n@Component({\n  tag: \"z-book-card\",\n  styleUrls: [\"styles.css\", \"../../../tokens/typography.css\"],\n  shadow: true,\n})\nexport class ZBookCard {\n  @Element() hostElement: HTMLZBookCardElement;\n\n  /** Card variant: landscape, portrait */\n  @Prop({reflect: true})\n  variant: BookCardVariant = BookCardVariant.PORTRAIT;\n\n  /** Cover URL */\n  @Prop()\n  cover: string;\n\n  /** Opera title (card title) */\n  @Prop()\n  operaTitle: string;\n\n  /** [optional] Volume title (card subvolume) */\n  @Prop()\n  volumeTitle?: string;\n\n  /** [optional] Authors */\n  @Prop()\n  authors?: string;\n\n  /** [optional] Main ISBN */\n  @Prop()\n  isbn?: string;\n\n  /** [optional] ISBN label */\n  @Prop()\n  isbnLabel = \"\";\n\n  /** [optional] year */\n  @Prop()\n  year?: string;\n\n  /** [optional] Show link to the ebook resource */\n  @Prop()\n  ebookUrl?: string;\n\n  /** [optional] Fallback cover URL */\n  @Prop()\n  fallbackCover?: string;\n\n  /** [optional] Set a specific h level as html tag for opera title */\n  @Prop()\n  titleHtmlTag?: string;\n\n  /** click on ebook link */\n  @Event()\n  ebookClick: EventEmitter;\n\n  private emitEbookClick(): void {\n    this.ebookClick.emit();\n  }\n\n  private renderCover(): HTMLDivElement {\n    return (\n      <div class=\"cover\">\n        <img\n          src={this.cover}\n          onError={() => {\n            if (this.fallbackCover) {\n              this.cover = this.fallbackCover;\n            }\n          }}\n          aria-hidden=\"true\"\n        />\n        <slot name=\"coverOverlay\"></slot>\n      </div>\n    );\n  }\n\n  private renderYear(): null | HTMLDivElement {\n    if (!this.year) {\n      return null;\n    }\n\n    return (\n      <div\n        class=\"year ellipsis body-4\"\n        aria-description=\"anno\"\n      >\n        {this.year}\n      </div>\n    );\n  }\n\n  private renderAuthors(): null | HTMLDivElement {\n    if (!this.authors) {\n      return null;\n    }\n\n    return (\n      <div class=\"cta-wrapper\">\n        <div\n          class=\"authors ellipsis body-4\"\n          aria-description=\"autori\"\n        >\n          {this.authors}\n        </div>\n        {this.variant === BookCardVariant.LANDSCAPE ? this.renderCtaSlot() : null}\n      </div>\n    );\n  }\n\n  private renderOperaTitle(): HTMLDivElement {\n    const title = this.titleHtmlTag\n      ? `<${this.titleHtmlTag}>${this.operaTitle}</${this.titleHtmlTag}>`\n      : this.operaTitle;\n\n    return (\n      <div class=\"cta-wrapper\">\n        <div\n          class=\"opera-title ellipsis body-2-sb\"\n          innerHTML={title}\n        />\n        {this.variant === BookCardVariant.PORTRAIT ? this.renderCtaSlot() : null}\n      </div>\n    );\n  }\n\n  private renderVolumeTitle(): null | HTMLDivElement {\n    if (!this.volumeTitle) {\n      return null;\n    }\n\n    return <div class=\"volume-title ellipsis body-4\">{this.volumeTitle}</div>;\n  }\n\n  private renderIsbn(): null | HTMLDivElement {\n    if (!this.isbn) {\n      return null;\n    }\n\n    return (\n      <div\n        class=\"isbn ellipsis body-4-sb\"\n        aria-description={`isbn ${this.isbnLabel}`}\n      >\n        {this.isbn} {this.isbnLabel ? <span class=\"body-4\">{this.isbnLabel}</span> : null}\n      </div>\n    );\n  }\n\n  private renderEbook(): HTMLDivElement {\n    return (\n      <div class=\"ebook\">\n        <div>\n          <div class=\"app-name\">\n            <img\n              class=\"ebook-logo\"\n              aria-hidden=\"true\"\n            />\n            <div class=\"body-4-sb\">\n              <span class=\"laz\">laZ</span> Ebook\n            </div>\n          </div>\n        </div>\n        <z-button\n          size={ControlSize.X_SMALL}\n          href={this.ebookUrl}\n          target=\"_blank\"\n          onClick={() => this.emitEbookClick()}\n          role=\"link\"\n          aria-description={`leggi l'ebook ${this.operaTitle} su laZ Ebook`}\n        >\n          leggi ebook\n        </z-button>\n      </div>\n    );\n  }\n\n  private renderCtaSlot(): HTMLSlotElement {\n    return <slot name=\"cta\"></slot>;\n  }\n\n  render(): HTMLZBookCardElement {\n    return (\n      <Host>\n        <div class=\"main-content\">\n          {this.renderCover()}\n          <div class=\"card-info\">\n            <div class=\"top\">\n              <div>\n                {this.renderYear()}\n                {this.renderAuthors()}\n                {this.renderOperaTitle()}\n                {this.renderVolumeTitle()}\n                {this.renderIsbn()}\n              </div>\n              <slot name=\"tags\"></slot>\n              <slot name=\"data\"></slot>\n            </div>\n            <slot name=\"ebook\">{!!this.ebookUrl && <div class=\"bottom\">{this.renderEbook()}</div>}</slot>\n          </div>\n        </div>\n        <slot name=\"apps\"></slot>\n      </Host>\n    );\n  }\n}\n"]}