@zanichelli/albe-web-components 16.4.1 → 17.0.0-RC1

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

@@ -0,0 +1,498 @@
+import { Fragment, h } from "@stencil/core";
+import { BookCardTagStatus, BookCardVariant, ControlSize } from "../../../beans";
+/**
+ * @slot cta - to the right of authors and title (e.g. bookmark icon)
+ * @slot apps - list of card-related apps
+ */
+export class ZBookCard {
+    constructor() {
+        this.variant = BookCardVariant.PORTRAIT;
+        this.cover = undefined;
+        this.authors = undefined;
+        this.operaTitle = undefined;
+        this.volumeTitle = undefined;
+        this.isbn = undefined;
+        this.isbnLabel = "";
+        this.edi = undefined;
+        this.annotated = undefined;
+        this.teacherVersion = undefined;
+        this.adoption = false;
+        this.catalogUrl = 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();
+    }
+    emitEbookClick() {
+        this.ebookClick.emit();
+    }
+    emitImmersiveReaderClick() {
+        this.immersiveReaderClick.emit();
+    }
+    renderCard() {
+        switch (this.variant) {
+            case BookCardVariant.LANDSCAPE:
+                return this.renderLandscape();
+            case BookCardVariant.PORTRAIT:
+                return this.renderPortrait();
+        }
+    }
+    renderOperaTitle() {
+        const title = this.operaTitleHtmlTag
+            ? `<${this.operaTitleHtmlTag}>${this.operaTitle}</${this.operaTitleHtmlTag}>`
+            : 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,
+                }) }, label));
+    }
+    renderTags() {
+        const tags = [];
+        if (this.edi && Object.values(BookCardTagStatus).includes(this.ediTag.status)) {
+            tags.push(this.renderTag("edi", this.ediTag, "edi"));
+        }
+        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 null;
+    }
+    renderCover() {
+        return (h("div", { class: "cover" }, h("img", { src: this.cover, onError: () => {
+                if (this.fallbackCover) {
+                    this.cover = this.fallbackCover;
+                }
+            }, "aria-hidden": "true" })));
+    }
+    renderLaZEbookLogo() {
+        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true" }, h("g", { "clip-path": "url(#clip0_11996_224)" }, h("path", { d: "M14.6644 0.469604H5.00141C2.33305 0.469604 0.169922 2.63274 0.169922 5.3011V14.9641C0.169922 17.6324 2.33305 19.7956 5.00141 19.7956H14.6644C17.3328 19.7956 19.4959 17.6324 19.4959 14.9641V5.3011C19.4959 2.63274 17.3328 0.469604 14.6644 0.469604Z", fill: "#E2011A" }), h("path", { d: "M15.9523 13.3536H12.7313C11.6861 13.3536 10.6683 13.6934 9.83241 14.3199C8.99657 13.6934 7.97873 13.3536 6.93352 13.3536H3.71252V5.30115H6.93352C7.97873 5.30115 8.99657 5.64096 9.83241 6.26745C10.6683 5.64096 11.6861 5.30115 12.7313 5.30115H15.9523V13.3536Z", fill: "white" }), h("path", { d: "M15.9523 14.3201H3.71252V14.9643H15.9523V14.3201Z", fill: "black" }), h("path", { d: "M8.22229 10.732V8.24543C8.22229 7.97165 8.51057 7.79449 8.75375 7.91689L11.2404 9.16019C11.5109 9.29548 11.5109 9.682 11.2404 9.81728L8.75375 11.0606C8.50896 11.183 8.22229 11.0058 8.22229 10.732Z", fill: "black" }), h("path", { d: "M4.35704 7.87826C5.42438 7.87826 6.28963 7.013 6.28963 5.94566C6.28963 4.87831 5.42438 4.01306 4.35704 4.01306C3.28969 4.01306 2.42444 4.87831 2.42444 5.94566C2.42444 7.013 3.28969 7.87826 4.35704 7.87826Z", fill: "black" }), h("path", { d: "M5.6454 5.62354H3.0686V6.26773H5.6454V5.62354Z", fill: "white" }), h("path", { d: "M4.67917 4.65723H4.03497V7.23402H4.67917V4.65723Z", fill: "white" })), h("defs", null, h("clipPath", { id: "clip0_11996_224" }, h("rect", { width: "19.326", height: "19.326", fill: "white", transform: "translate(0.169922 0.469604)" })))));
+    }
+    renderLandscape() {
+        return (h(Fragment, null, h("div", { class: "main-content" }, this.renderCover(), h("div", { class: "card-info" }, h("div", { class: "book-data" }, h("div", { class: "authors-title-cta-section" }, h("div", { class: "authors-title" }, h("div", { class: "authors body-4", "aria-description": "autori" }, this.authors), this.renderOperaTitle()), h("slot", { name: "cta" })), h("div", { class: "isbn-tags-link-section" }, h("div", { class: "isbn-tags-section" }, h("div", { class: "volume-title body-4" }, this.volumeTitle), h("div", { class: "isbn body-4-sb", "aria-description": `isbn ${this.isbnLabel}` }, this.isbn, " ", this.renderIsbnLabel()), h("div", { class: "tags" }, this.renderTags())), h("div", { class: "link-section" }, h("div", { class: "catalog-link" }, this.catalogUrl && (h("a", { href: this.catalogUrl, class: "z-link z-link-icon body-4-sb immersive-reader", onClick: () => this.emitCatalogClick() }, "Scheda catalogo", h("z-icon", { name: "arrow-quad-north-east", height: 16, width: 16, fill: "color-primary01-icon" })))), this.adoption && h("div", { class: "adoption-tag body-5-sb" }, "adottato")))), h("div", { class: "ebook-container" }, h("slot", { name: "ebook" }, this.ebookUrl && (h("div", { class: "ebook" }, h("div", null, h("div", { class: "app-name" }, this.renderLaZEbookLogo(), h("div", { class: "body-4-sb" }, h("span", { class: "laz" }, "laZ"), " Ebook")), h("div", { class: "body-5" }, "Anche nella versione libro liquido con", " ", h("span", { class: "body-5-sb immersive-reader", onClick: () => this.emitImmersiveReaderClick() }, "strumento di lettura immersiva"))), h("z-button", { size: ControlSize.X_SMALL, href: this.ebookUrl, onClick: () => this.emitEbookClick(), role: "link", "aria-description": `leggi l'ebook ${this.operaTitle} su laZ Ebook` }, "leggi ebook"))))))), h("slot", { name: "apps" })));
+    }
+    renderPortrait() {
+        return h("div", { class: "wrapper" });
+    }
+    render() {
+        return (h("article", { key: 'acdbd47d4fe512c8141192e17c8e4ed61a0bc76e', class: {
+                [this.variant]: true,
+            } }, this.renderCard()));
+    }
+    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"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["styles.css", "../../css-components/z-link/styles.css", "../../../tokens/typography.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BookCardVariant",
+                    "resolved": "BookCardVariant.LANDSCAPE | BookCardVariant.PORTRAIT",
+                    "references": {
+                        "BookCardVariant": {
+                            "location": "import",
+                            "path": "../../../beans",
+                            "id": "src/beans/index.tsx::BookCardVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Card variant: landscape, portrait"
+                },
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "BookCardVariant.PORTRAIT"
+            },
+            "cover": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Cover URL"
+                },
+                "attribute": "cover",
+                "reflect": false
+            },
+            "authors": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "[optional] Authors"
+                },
+                "attribute": "authors",
+                "reflect": false
+            },
+            "operaTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "[optional] Opera title"
+                },
+                "attribute": "opera-title",
+                "reflect": false
+            },
+            "volumeTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "[optional] Volume title"
+                },
+                "attribute": "volume-title",
+                "reflect": false
+            },
+            "isbn": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "[optional] Main ISBN"
+                },
+                "attribute": "isbn",
+                "reflect": false
+            },
+            "isbnLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "[optional] ISBN label"
+                },
+                "attribute": "isbn-label",
+                "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
+            },
+            "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": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "[optional] Show catalog link to correspondent resource"
+                },
+                "attribute": "catalog-url",
+                "reflect": false
+            },
+            "ebookUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "[optional] Show link to the ebook resource"
+                },
+                "attribute": "ebook-url",
+                "reflect": false
+            },
+            "fallbackCover": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "[optional] Fallback cover URL"
+                },
+                "attribute": "fallback-cover",
+                "reflect": false
+            },
+            "operaTitleHtmlTag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "[optional] Set a specific h level as html tag for opera title"
+                },
+                "attribute": "opera-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,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "click on ebook link"
+                },
+                "complexType": {
+                    "original": "any",
+                    "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

@@ -0,0 +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, Fragment, 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 apps - list of card-related apps\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 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 renderCard(): HTMLDivElement {\n    switch (this.variant) {\n      case BookCardVariant.LANDSCAPE:\n        return this.renderLandscape();\n      case BookCardVariant.PORTRAIT:\n        return this.renderPortrait();\n    }\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      >\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      </div>\n    );\n  }\n\n  private renderLaZEbookLogo(): SVGElement {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"20\"\n        height=\"20\"\n        viewBox=\"0 0 20 20\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n      >\n        <g clip-path=\"url(#clip0_11996_224)\">\n          <path\n            d=\"M14.6644 0.469604H5.00141C2.33305 0.469604 0.169922 2.63274 0.169922 5.3011V14.9641C0.169922 17.6324 2.33305 19.7956 5.00141 19.7956H14.6644C17.3328 19.7956 19.4959 17.6324 19.4959 14.9641V5.3011C19.4959 2.63274 17.3328 0.469604 14.6644 0.469604Z\"\n            fill=\"#E2011A\"\n          />\n          <path\n            d=\"M15.9523 13.3536H12.7313C11.6861 13.3536 10.6683 13.6934 9.83241 14.3199C8.99657 13.6934 7.97873 13.3536 6.93352 13.3536H3.71252V5.30115H6.93352C7.97873 5.30115 8.99657 5.64096 9.83241 6.26745C10.6683 5.64096 11.6861 5.30115 12.7313 5.30115H15.9523V13.3536Z\"\n            fill=\"white\"\n          />\n          <path\n            d=\"M15.9523 14.3201H3.71252V14.9643H15.9523V14.3201Z\"\n            fill=\"black\"\n          />\n          <path\n            d=\"M8.22229 10.732V8.24543C8.22229 7.97165 8.51057 7.79449 8.75375 7.91689L11.2404 9.16019C11.5109 9.29548 11.5109 9.682 11.2404 9.81728L8.75375 11.0606C8.50896 11.183 8.22229 11.0058 8.22229 10.732Z\"\n            fill=\"black\"\n          />\n          <path\n            d=\"M4.35704 7.87826C5.42438 7.87826 6.28963 7.013 6.28963 5.94566C6.28963 4.87831 5.42438 4.01306 4.35704 4.01306C3.28969 4.01306 2.42444 4.87831 2.42444 5.94566C2.42444 7.013 3.28969 7.87826 4.35704 7.87826Z\"\n            fill=\"black\"\n          />\n          <path\n            d=\"M5.6454 5.62354H3.0686V6.26773H5.6454V5.62354Z\"\n            fill=\"white\"\n          />\n          <path\n            d=\"M4.67917 4.65723H4.03497V7.23402H4.67917V4.65723Z\"\n            fill=\"white\"\n          />\n        </g>\n        <defs>\n          <clipPath id=\"clip0_11996_224\">\n            <rect\n              width=\"19.326\"\n              height=\"19.326\"\n              fill=\"white\"\n              transform=\"translate(0.169922 0.469604)\"\n            />\n          </clipPath>\n        </defs>\n      </svg>\n    );\n  }\n\n  private renderLandscape(): HTMLDivElement {\n    return (\n      <Fragment>\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 class=\"authors-title\">\n                  <div\n                    class=\"authors body-4\"\n                    aria-description=\"autori\"\n                  >\n                    {this.authors}\n                  </div>\n                  {this.renderOperaTitle()}\n                </div>\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                        class=\"z-link z-link-icon body-4-sb immersive-reader\"\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                        {this.renderLaZEbookLogo()}\n                        <div class=\"body-4-sb\">\n                          <span class=\"laz\">laZ</span> Ebook\n                        </div>\n                      </div>\n                      <div class=\"body-5\">\n                        Anche nella versione libro liquido con{\" \"}\n                        <span\n                          class=\"body-5-sb immersive-reader\"\n                          onClick={() => this.emitImmersiveReaderClick()}\n                        >\n                          strumento di lettura immersiva\n                        </span>\n                      </div>\n                    </div>\n                    <z-button\n                      size={ControlSize.X_SMALL}\n                      href={this.ebookUrl}\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      </Fragment>\n    );\n  }\n\n  private renderPortrait(): HTMLDivElement {\n    return <div class=\"wrapper\"></div>;\n  }\n\n  render(): HTMLZBookCardElement {\n    return (\n      <article\n        class={{\n          [this.variant]: true,\n        }}\n      >\n        {this.renderCard()}\n      </article>\n    );\n  }\n}\n"]}