@zanichelli/delta_share 3.2.5 → 4.1.0

package/dist/wc/cjs/z-avatar.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c98ff1cc.js');
-const index$1 = require('./index-029f1a7e.js');
+const index = require('./index-48ad79ef.js');
+const index$1 = require('./index-f043c44c.js');
 
 const stylesCss = ":host{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;background-color:var(--gray700);border-radius:50%;font-family:var(--font-family-sans);text-transform:uppercase}:host(.small),:host(.small)>img{width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3)}:host(.medium),:host(.medium)>img{width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4)}:host(.large),:host(.large)>img{width:calc(var(--space-unit) * 5);height:calc(var(--space-unit) * 5)}:host>img{object-fit:cover}";
 
@@ -11,12 +11,11 @@ const ZAvatar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     var _a, _b;
-    /** [optional] Avatar size */
     this.size = index$1.AvatarSize.MEDIUM;
-    /** [optional] Avatar text color */
+    this.text = undefined;
     this.textColor = "color-white";
-    /** [optional] Avatar background color */
     this.backgroundColor = "gray700";
+    this.image = undefined;
     if (((_a = this.text) === null || _a === void 0 ? void 0 : _a.length) === 0 && ((_b = this.image) === null || _b === void 0 ? void 0 : _b.length) === 0) {
       console.warn("z-avatar must contain at least one prop between text and image");
     }
@@ -33,10 +32,10 @@ const ZAvatar = class {
     }
   }
   render() {
-    return (index.h(index.Host, { class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+    return (index.h(index.Host, { key: '77ef834dbf6ba1e73562dea4e1011196d8decee4', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
         color: `var(--${this.textColor})`,
         backgroundColor: `var(--${this.backgroundColor})`,
-      } }, this.text && !this.image && index.h("span", null, this.text.substring(0, 2)), this.image && (index.h("img", { src: this.image, onError: () => (this.image = "") }))));
+      } }, this.text && !this.image && index.h("span", { key: '41eab447479aa532c45f39aae303d7388928aedf' }, this.text.substring(0, 2)), this.image && (index.h("img", { key: 'e6ebedad5e2bf6c73107b174dad478ba0dd4c9d2', src: this.image, onError: () => (this.image = "") }))));
   }
 };
 ZAvatar.style = stylesCss;

package/dist/wc/cjs/z-book-card-app.cjs.entry.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-48ad79ef.js');
+const index$1 = require('./index-f043c44c.js');
+
+const stylesCss = ":host{display:block;width:inherit;min-width:300px;height:inherit;min-height:32px;background-color:var(--color-surface01)}:host>div{display:flex;width:100%;height:100%;box-sizing:border-box;align-items:center;justify-content:space-between;padding:var(--z-book-card-app-padding-y, calc(var(--space-unit) * 1.5))\n    var(--z-book-card-app-padding-x, var(--space-unit));gap:calc(var(--space-unit) * 2)}:host>div .app{display:flex;flex:1;align-items:center;gap:var(--space-unit)}:host>div .app.z-link{color:inherit;text-decoration:none}:host>div .app.z-link:focus{text-decoration:none}:host>div .app img{width:24px;height:24px}:host>div .app .name{display:-webkit-box;overflow:hidden;height:20px;-webkit-box-orient:vertical;font-family:var(--font-family-serif);-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-all}:host>div .app .name .laz{color:var(--red500)}:host>div z-info-reveal{--z-info-reveal-panel-width:250px;font-family:var(--font-family-sans);--color-surface05:var(--color-surface01);--color-text-inverse:var(--color-default-text);--color-inverse-icon:var(--color-primary01)}";
+
+const ZBookCardApp = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.appClick = index.createEvent(this, "appClick", 7);
+    this.logo = undefined;
+    this.name = undefined;
+    this.link = undefined;
+    this.laz = true;
+    this.info = undefined;
+  }
+  emitAppClick() {
+    this.appClick.emit();
+  }
+  renderLaz() {
+    if (this.laz) {
+      return index.h("span", { class: "laz" }, "laZ ");
+    }
+    return null;
+  }
+  render() {
+    return (index.h("div", { key: 'e2bac004a35f7e5959ff55345a348d5abb02904f' }, index.h("a", { key: '42e4a549cf32b1ebe08ab73d79a2d61a3d90e66d', class: "app z-link", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, this.logo && (index.h("img", { key: '4c7add8e362fc0cc2e6dfac9e705bfd3fa15b85c', src: this.logo, alt: "" })), index.h("div", { key: 'ce6a811f5688a04a3881612c731edbc02ab76a3f', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (index.h("z-info-reveal", { key: '5c560813db506113ceb38eb629a95dc98a757920', icon: "info", size: index$1.ControlSize.X_SMALL, position: index$1.InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, index.h("div", { key: 'adffe6242bc25944d92e996952afe11ff8888c35' }, this.info))), index.h("a", { key: '816c5fdc2e3506f7f7b10e3e7bf35d38b1ba4857', class: "z-link z-link-icon", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, index.h("z-icon", { key: '4ee25aca2744712aa70fba66d0487111acea3776', name: "chevron-right", width: 16, height: 16, fill: "color-primary01-icon" }))));
+  }
+  get hostElement() { return index.getElement(this); }
+};
+ZBookCardApp.style = stylesCss;
+
+exports.z_book_card_app = ZBookCardApp;

package/dist/wc/cjs/z-book-card-deprecated.cjs.entry.js

@@ -0,0 +1,135 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-48ad79ef.js');
+const index$1 = require('./index-f043c44c.js');
+const breakpoints = require('./breakpoints-7770f79c.js');
+const utils = require('./utils-19feebcd.js');
+
+const stylesCss = ":host{--z-book-card-ribbon-background-color:var(--avatar-C08);--z-book-card-ribbon-shadow-color:var(--green950);--z-book-card-compact-width:262px;--z-book-card-compact-height:568px}:host>article{display:block;width:100%;max-width:360px;box-sizing:border-box;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>article div.cover{position:relative}:host>article div.cover div.img-wrapper{display:flex;overflow:hidden;border:var(--border-size-small) solid var(--color-surface03);line-height:0}:host>article div.cover div.img-wrapper img{width:auto;max-width:100%;height:auto;max-height:100%;align-self:flex-end}:host>article div.cover .ribbon{position:absolute;z-index:10;top:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * -2);display:flex;max-width:100%;height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--color-surface01);background:var(--z-book-card-ribbon-background-color);border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:var(--shadow-2);color:var(--color-text-inverse);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-sb);line-height:initial}:host>article div.cover .ribbon.interactive:hover{cursor:pointer}:host>article div.cover .ribbon.interactive:focus{box-shadow:var(--shadow-focus-primary);outline:none !important}:host>article div.cover .ribbon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.cover .ribbon::before{position:absolute;bottom:-12px;left:-2px;width:0;height:0;border-top:10px solid var(--z-book-card-ribbon-shadow-color);border-left:16px solid transparent;content:\"\"}:host>article div.cover .ribbon z-icon{margin-right:var(--space-unit)}:host>article div.content{margin:var(--space-unit) 0;border-radius:var(--border-radius)}:host>article .title{display:flex;height:100%;align-self:center;color:var(--color-default-text);font-size:var(--font-size-4);font-weight:var(--font-sb);line-height:1.5}:host>article .title *{all:unset}:host>article div.subtitle{color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4}:host>article div.authors{color:var(--color-default-text);font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33}:host>article div.isbn{overflow:hidden;color:var(--color-default-text);font-size:var(--font-size-2);line-height:1.33;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.isbn>.code{font-weight:var(--font-sb)}:host>article div.tags{display:flex;overflow:hidden;max-height:32px;flex-flow:row wrap;align-content:stretch;align-items:stretch;justify-content:flex-start;gap:calc(var(--space-unit) / 2)}:host>article ::slotted([slot=\"tags\"]){margin-bottom:var(--space-unit)}:host>article ::slotted([slot=\"header-cta\"]){--z-icon-width:20px;--z-icon-height:20px;padding:var(--space-unit);cursor:pointer;fill:var(--color-primary01-icon)}:host>article ::slotted([slot=\"header-cta\"]:focus){box-shadow:var(--shadow-focus-primary);outline:none !important}:host>article.expanded{width:100%;min-width:328px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.header{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:top;justify-content:space-between;margin-bottom:var(--space-unit);white-space:nowrap}:host>article.expanded div.cover div.img-wrapper{border-radius:var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:100%}:host>article.expanded .title,:host>article.expanded .subtitle,:host>article.expanded .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}:host>article.expanded div.footer{border-top:var(--border-size-small) solid var(--color-surface03);margin-bottom:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open{padding-top:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open div.resources{display:initial}:host>article.expanded div.footer.close div.resources{display:none}:host>article.expanded button.show-resources{--z-icon-height:16px;--z-icon-width:16px;all:unset;display:flex;width:100%;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 1) 0;color:var(--color-text-link-blue);cursor:pointer;fill:var(--color-text-link-blue);font-size:var(--font-size-2);font-weight:var(--font-sb);gap:var(--space-unit)}:host>article.expanded button.show-resources:focus{box-shadow:var(--shadow-focus-primary)}:host>article.search{width:262px;height:616px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.search .wrapper-container{display:flex;height:100%;flex-direction:column;justify-content:space-between}:host>article.search .wrapper-container .wrapper{height:451px}:host>article.search .wrapper-container .action-container{padding-bottom:calc(var(--space-unit) * 2)}:host>article.search div.header{display:flex;height:24px;flex-flow:row nowrap;align-content:stretch;align-items:center;justify-content:space-between;margin-bottom:calc(var(--space-unit) * 1.5);white-space:nowrap}:host>article.search div.cover div.img-wrapper{height:314px;border-radius:var(--border-radius)}:host>article.search .title{display:block;height:initial;align-self:unset;font-size:var(--font-size-3)}:host>article.search .title,:host>article.search .subtitle,:host>article.search .authors{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host>article.compact{width:var(--z-book-card-compact-width);height:var(--z-book-card-compact-height)}:host>article.compact.borderless{border:none}:host>article.compact div.cover div.img-wrapper{width:100%;height:calc(var(--z-book-card-compact-width) * 1.36);box-sizing:border-box;border:none;background:var(--color-white);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:var(--shadow-2)}:host>article.compact div.wrapper{display:flex;height:100%;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.compact div.content{display:flex;box-sizing:border-box;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:calc(var(--space-unit) * 2);padding-top:var(--space-unit);margin:0}:host>article.compact div.action-container{padding:calc(var(--space-unit) * 2);padding-top:0;margin-top:auto}:host>article.compact.borderless div.cover div.img-wrapper{width:var(--z-book-card-compact-width)}:host>article.compact.borderless div.content{padding:0;padding-top:var(--space-unit)}:host>article.compact.borderless div.action-container{padding:0;padding-bottom:calc(var(--space-unit) * 2)}:host>article.compact .title{display:block;height:initial;align-self:unset}:host>article.compact .title,:host>article.compact .subtitle,:host>article.compact .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}@media (min-width: 768px){:host>article{width:100%;max-width:initial}:host>article .title{display:block;height:initial;align-self:unset}:host>article.expanded{width:100%;min-width:initial;max-width:initial;height:360px;padding:0;border:0}:host>article.expanded div.wrapper{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.expanded div.cover div.img-wrapper{width:262px;height:356px;border:0;border:var(--border-size-medium) solid var(--color-surface03);border-right:none;background:var(--color-surface01);border-radius:var(--border-radius) 0 0 var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:auto;border-radius:0}:host>article.expanded div.content{display:flex;overflow:hidden;width:100%;height:356px;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;border:var(--border-size-medium) solid var(--color-surface03);border-left:none;margin:0;background:var(--color-surface01);border-radius:0 var(--border-radius) var(--border-radius) 0}:host>article.expanded div.content div.top{padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.content div.top div.info{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;margin-bottom:calc(var(--space-unit) / 2)}:host>article.expanded div.content div.top div.info>div.left{width:100%}:host>article.expanded div.content div.bottom{padding:calc(var(--space-unit) * 2);padding-bottom:0}}@media (min-width: 1152px){:host>article{width:fit-content;max-width:initial}}@media (min-width: 1366px){:host>article.expanded{width:635px}:host>article.expanded div.content{width:369px}}";
+
+const ZBookCardDeprecated = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ribbonClick = index.createEvent(this, "ribbonClick", 7);
+    this.variant = undefined;
+    this.cover = undefined;
+    this.operaTitle = undefined;
+    this.volumeTitle = undefined;
+    this.authors = undefined;
+    this.isbn = undefined;
+    this.isbnLabel = "";
+    this.ribbon = undefined;
+    this.ribbonIcon = undefined;
+    this.ribbonInteractive = undefined;
+    this.borderless = undefined;
+    this.fallbackCover = undefined;
+    this.operaTitleTag = undefined;
+    this.isMobile = false;
+    this.hasResources = false;
+    this.showResources = false;
+  }
+  emitRibbonClick() {
+    this.ribbonClick.emit();
+  }
+  componentWillLoad() {
+    this.id = `id-${utils.randomId()}`;
+    const mobileMediaQuery = window.matchMedia(`(max-width: ${breakpoints.Breakpoints.MOBILE}px)`);
+    this.isMobile = mobileMediaQuery.matches;
+    mobileMediaQuery.onchange = (mql) => (this.isMobile = mql.matches);
+  }
+  componentDidLoad() {
+    this.handleResources();
+  }
+  handleResources() {
+    var _a;
+    if (this.variant !== index$1.BookCardDeprecatedVariant.EXPANDED || !this.isMobile) {
+      return;
+    }
+    this.hasResources = ((_a = this.hostElement.querySelectorAll("[slot=resources]")) === null || _a === void 0 ? void 0 : _a.length) > 0;
+  }
+  toggleResources() {
+    this.showResources = !this.showResources;
+  }
+  renderCard() {
+    switch (this.variant) {
+      case index$1.BookCardDeprecatedVariant.EXPANDED:
+        return this.isMobile ? this.renderMobileExpandedCard() : this.renderExpandedCard();
+      case index$1.BookCardDeprecatedVariant.COMPACT:
+        return this.renderCompactCard();
+      case index$1.BookCardDeprecatedVariant.SEARCH:
+        return this.renderSearchCard();
+    }
+  }
+  renderExpandedCard() {
+    return (index.h("div", { class: "wrapper" }, this.renderCover(), index.h("div", { class: "content" }, index.h("div", { class: "top" }, index.h("div", { class: "info" }, index.h("div", { class: "left" }, this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), index.h("div", { class: "right" }, this.renderHeaderCtaSlot())), this.renderTagsSlot()), index.h("div", { class: "bottom" }, this.renderResourcesSlot()))));
+  }
+  renderMobileExpandedCard() {
+    return (index.h("div", { class: "wrapper" }, index.h("div", { class: "header" }, this.renderOperaTitle(), this.renderHeaderCtaSlot()), this.renderCover(), index.h("div", { class: "content" }, this.renderTagsSlot(), this.renderAuthors(), this.renderVolumeTitle(), this.renderIsbn()), this.hasResources && (index.h("div", { class: {
+        footer: true,
+        open: this.showResources,
+        close: !this.showResources,
+      } }, !this.showResources && this.renderShowResources(), this.renderResourcesSlot(), this.showResources && this.renderShowResources()))));
+  }
+  renderSearchCard() {
+    return (index.h("div", { class: "wrapper-container" }, index.h("div", { class: "wrapper" }, index.h("div", { class: "header" }, this.renderOperaTitle(), this.renderHeaderCtaSlot()), this.renderCover(), index.h("div", { class: "content" }, this.renderTagsSlot(), this.renderAuthors(), this.renderVolumeTitle(), this.renderIsbn())), this.renderFooterCtaSlot()));
+  }
+  renderCompactCard() {
+    return (index.h("div", { class: "wrapper" }, this.renderCover(), index.h("div", { class: "content" }, this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), this.renderFooterCtaSlot()));
+  }
+  renderCover() {
+    return (index.h("div", { class: "cover" }, this.ribbon && this.variant !== index$1.BookCardDeprecatedVariant.COMPACT && this.renderRibbon(), index.h("div", { class: "img-wrapper" }, index.h("img", { src: this.cover, onError: () => {
+        if (this.fallbackCover) {
+          this.cover = this.fallbackCover;
+        }
+      }, "aria-hidden": "true" }))));
+  }
+  renderRibbon() {
+    const content = [
+      this.ribbonIcon && (index.h("z-icon", { name: this.ribbonIcon, width: 16, height: 16, fill: "color-inverse-icon" })),
+      index.h("span", null, this.ribbon),
+    ];
+    return this.ribbonInteractive ? (index.h("button", { class: "ribbon interactive", onClick: () => this.emitRibbonClick() }, content)) : (index.h("div", { class: "ribbon" }, content));
+  }
+  renderOperaTitle() {
+    const title = this.operaTitleTag
+      ? `<${this.operaTitleTag}>${this.operaTitle}</${this.operaTitleTag}>`
+      : this.operaTitle;
+    return (index.h("div", { class: "title", innerHTML: title }));
+  }
+  renderVolumeTitle() {
+    return this.volumeTitle ? index.h("div", { class: "subtitle" }, this.volumeTitle) : null;
+  }
+  renderAuthors() {
+    return this.authors ? (index.h("div", { class: "authors", "aria-description": "Autori" }, this.authors)) : null;
+  }
+  renderIsbn() {
+    return this.isbn ? (index.h("div", { class: "isbn" }, index.h("span", { class: "code", "aria-description": `ISBN ${this.isbnLabel}` }, this.isbn), this.isbnLabel ? index.h("span", { class: "label" }, " ", this.isbnLabel) : null)) : null;
+  }
+  renderShowResources() {
+    return (index.h("button", { class: "show-resources", "aria-label": `Risorse del libro ${this.operaTitle}`, "aria-expanded": this.showResources.toString(), "aria-controls": `resources-${this.id}`, onClick: () => this.toggleResources() }, this.showResources ? "Chiudi" : "Vedi tutto", index.h("z-icon", { name: this.showResources ? "chevron-up" : "chevron-down" })));
+  }
+  renderTagsSlot() {
+    return (index.h("div", { class: "tags" }, index.h("slot", { name: "tags" })));
+  }
+  renderHeaderCtaSlot() {
+    return index.h("slot", { name: "header-cta" });
+  }
+  renderResourcesSlot() {
+    return (index.h("div", { id: `resources-${this.id}`, class: "resources" }, index.h("slot", { name: "resources", onSlotchange: () => this.handleResources() })));
+  }
+  renderFooterCtaSlot() {
+    return (index.h("div", { class: "action-container" }, index.h("slot", { name: "footer-cta" })));
+  }
+  render() {
+    return (index.h("article", { key: 'a2248d9206aec07d317dddb8cb8d6061eccc7a53', class: {
+        [this.variant]: true,
+        borderless: !!this.borderless,
+      } }, this.renderCard()));
+  }
+  get hostElement() { return index.getElement(this); }
+};
+ZBookCardDeprecated.style = stylesCss;
+
+exports.z_book_card_deprecated = ZBookCardDeprecated;

package/dist/wc/cjs/z-book-card.cjs.entry.js

@@ -2,124 +2,119 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c98ff1cc.js');
-const index$1 = require('./index-029f1a7e.js');
-const breakpoints = require('./breakpoints-e7c8838e.js');
-const utils = require('./utils-43a3deb6.js');
+const index = require('./index-48ad79ef.js');
+const index$1 = require('./index-f043c44c.js');
 
-const stylesCss = ":host{--z-book-card-ribbon-background-color:var(--avatar-C08);--z-book-card-ribbon-shadow-color:var(--green950);--z-book-card-compact-width:262px;--z-book-card-compact-height:568px}:host>article{display:block;width:100%;max-width:360px;box-sizing:border-box;border:var(--border-size-medium) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>article div.cover{position:relative}:host>article div.cover div.img-wrapper{display:flex;overflow:hidden;border:var(--border-size-small) solid var(--color-surface03);line-height:0}:host>article div.cover div.img-wrapper img{width:auto;max-width:100%;height:auto;max-height:100%;align-self:flex-end}:host>article div.cover .ribbon{position:absolute;z-index:10;top:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * -2);display:flex;max-width:100%;height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--color-surface01);background:var(--z-book-card-ribbon-background-color);border-radius:0 var(--border-radius) var(--border-radius) 0;box-shadow:var(--shadow-2);color:var(--color-text04);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-sb);line-height:initial}:host>article div.cover .ribbon.interactive:hover{cursor:pointer}:host>article div.cover .ribbon span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.cover .ribbon::before{position:absolute;bottom:-12px;left:-2px;width:0;height:0;border-top:10px solid var(--z-book-card-ribbon-shadow-color);border-left:16px solid transparent;content:\"\"}:host>article div.cover .ribbon z-icon{margin-right:var(--space-unit)}:host>article div.content{margin:var(--space-unit) 0;border-radius:var(--border-radius)}:host>article .title{display:flex;height:100%;align-self:center;color:var(--color-text02);font-size:var(--font-size-4);font-weight:var(--font-sb);line-height:1.5}:host>article .title *{all:unset}:host>article div.subtitle{color:var(--color-text02);font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4}:host>article div.authors{color:var(--color-text02);font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33}:host>article div.isbn{overflow:hidden;color:var(--color-text02);font-size:var(--font-size-2);line-height:1.33;text-overflow:ellipsis;white-space:nowrap;word-wrap:nowrap}:host>article div.isbn>.code{font-weight:var(--font-sb)}:host>article div.tags{display:flex;overflow:hidden;max-height:32px;flex-flow:row wrap;align-content:stretch;align-items:stretch;justify-content:flex-start;gap:calc(var(--space-unit) / 2)}:host>article ::slotted([slot=\"tags\"]){margin-bottom:var(--space-unit)}:host>article ::slotted([slot=\"header-cta\"]){--z-icon-width:20px;--z-icon-height:20px;padding:var(--space-unit);cursor:pointer;fill:var(--color-icon01)}:host>article.expanded{width:100%;min-width:328px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.header{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:top;justify-content:space-between;margin-bottom:var(--space-unit);white-space:nowrap}:host>article.expanded div.cover div.img-wrapper{border-radius:var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:100%}:host>article.expanded .title,:host>article.expanded .subtitle,:host>article.expanded .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}:host>article.expanded div.footer{border-top:var(--border-size-small) solid var(--color-surface03);margin-bottom:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open{padding-top:calc(var(--space-unit) * 1.5)}:host>article.expanded div.footer.open div.resources{display:initial}:host>article.expanded div.footer.close div.resources{display:none}:host>article.expanded button.show-resources{--z-icon-height:16px;--z-icon-width:16px;all:unset;display:flex;width:100%;flex-flow:row nowrap;align-content:center;align-items:center;justify-content:center;padding:calc(var(--space-unit) * 1) 0;color:var(--color-link-primary);cursor:pointer;fill:var(--color-link-primary);font-size:var(--font-size-2);font-weight:var(--font-sb);gap:var(--space-unit)}:host>article.expanded button.show-resources:focus{box-shadow:var(--shadow-focus-primary)}:host>article.search{width:262px;height:616px;padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.search .wrapper-container{display:flex;height:100%;flex-direction:column;justify-content:space-between}:host>article.search .wrapper-container .wrapper{height:451px}:host>article.search .wrapper-container .action-container{padding-bottom:calc(var(--space-unit) * 2)}:host>article.search div.header{display:flex;height:24px;flex-flow:row nowrap;align-content:stretch;align-items:center;justify-content:space-between;margin-bottom:calc(var(--space-unit) * 1.5);white-space:nowrap}:host>article.search div.cover div.img-wrapper{height:314px;border-radius:var(--border-radius)}:host>article.search .title{display:block;height:initial;align-self:unset;font-size:var(--font-size-3)}:host>article.search .title,:host>article.search .subtitle,:host>article.search .authors{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host>article.compact{width:var(--z-book-card-compact-width);height:var(--z-book-card-compact-height)}:host>article.compact.borderless{border:none}:host>article.compact div.cover div.img-wrapper{width:100%;height:calc(var(--z-book-card-compact-width) * 1.36);box-sizing:border-box;border:none;background:var(--color-white);border-radius:var(--border-radius) var(--border-radius) 0 0;box-shadow:var(--shadow-2)}:host>article.compact div.wrapper{display:flex;height:100%;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.compact div.content{display:flex;box-sizing:border-box;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;padding:calc(var(--space-unit) * 2);padding-top:var(--space-unit);margin:0}:host>article.compact div.action-container{padding:calc(var(--space-unit) * 2);padding-top:0;margin-top:auto}:host>article.compact.borderless div.cover div.img-wrapper{width:var(--z-book-card-compact-width)}:host>article.compact.borderless div.content{padding:0;padding-top:var(--space-unit)}:host>article.compact.borderless div.action-container{padding:0;padding-bottom:calc(var(--space-unit) * 2)}:host>article.compact .title{display:block;height:initial;align-self:unset}:host>article.compact .title,:host>article.compact .subtitle,:host>article.compact .authors{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:initial}@media (min-width: 768px){:host>article{width:100%;max-width:initial}:host>article .title{display:block;height:initial;align-self:unset}:host>article.expanded{width:100%;min-width:initial;max-width:initial;height:360px;padding:0;border:0}:host>article.expanded div.wrapper{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:flex-start}:host>article.expanded div.cover div.img-wrapper{width:262px;height:356px;border:0;border:var(--border-size-medium) solid var(--color-surface03);border-right:none;background:var(--color-surface01);border-radius:var(--border-radius) 0 0 var(--border-radius)}:host>article.expanded div.cover div.img-wrapper img{width:auto;border-radius:0}:host>article.expanded div.content{display:flex;overflow:hidden;width:100%;height:356px;flex-flow:column nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;border:var(--border-size-medium) solid var(--color-surface03);border-left:none;margin:0;background:var(--color-surface01);border-radius:0 var(--border-radius) var(--border-radius) 0}:host>article.expanded div.content div.top{padding:calc(var(--space-unit) * 2);padding-bottom:0}:host>article.expanded div.content div.top div.info{display:flex;flex-flow:row nowrap;align-content:stretch;align-items:stretch;justify-content:space-between;margin-bottom:calc(var(--space-unit) / 2)}:host>article.expanded div.content div.top div.info>div.left{width:100%}:host>article.expanded div.content div.bottom{padding:calc(var(--space-unit) * 2);padding-bottom:0}}@media (min-width: 1152px){:host>article{width:fit-content;max-width:initial}}@media (min-width: 1366px){:host>article.expanded{width:635px}:host>article.expanded div.content{width:369px}}";
+const stylesCss = ":host{display:block;max-width:fit-content;border-radius:var(--border-radius)}:host>article{width:304px;min-height:686px;box-sizing:border-box;padding:var(--space-unit) 0;border:solid var(--border-size-medium) var(--color-surface03);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-default-text);font-family:var(--font-family-sans)}:host>article .main-content{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 2)}:host>article .main-content .cover{display:flex;overflow:hidden;height:378px;margin:0 var(--space-unit);border-radius:var(--border-radius)}:host>article .main-content .cover img{max-width:100%;max-height:100%;align-self:end}:host>article .main-content .card-info{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:calc(var(--space-unit) * 2)}:host>article .main-content .card-info .book-data{display:flex;flex:1;flex-direction:column;justify-content:space-between;margin:0 var(--space-unit);gap:var(--space-unit)}:host>article .main-content .card-info .book-data .authors-title-cta-section{display:grid;column-gap:var(--space-unit);grid-template-areas:\"authors authors\"\n    \"title cta\";grid-template-columns:auto 24px}:host>article .main-content .card-info .book-data .authors-title-cta-section .authors{display:-webkit-box;overflow:hidden;height:20px;margin-bottom:calc(var(--space-unit) / 2);-webkit-box-orient:vertical;grid-area:authors;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-all}:host>article .main-content .card-info .book-data .authors-title-cta-section .opera-title{display:-webkit-box;overflow:hidden;height:54px;-webkit-box-orient:vertical;grid-area:title;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis}:host>article .main-content .card-info .book-data .authors-title-cta-section .opera-title *{all:unset}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section{margin-bottom:var(--space-unit)}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .volume-title{display:-webkit-box;overflow:hidden;height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-all}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .isbn{display:-webkit-box;overflow:hidden;height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;text-overflow:ellipsis;word-break:break-all}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .tags{display:flex;overflow:hidden;height:22px;flex-flow:wrap;align-items:center;padding:var(--space-unit);margin:calc(calc(var(--space-unit) / 2) * -1) calc(var(--space-unit) * -1) 0;gap:var(--space-unit)}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .tags z-tag.active{--z-tag-bg:var(--color-primary03);--z-tag-text-color:var(--color-default-text)}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .tags z-tag.disabled{--z-tag-bg:var(--color-surface03);--z-tag-text-color:var(--color-default-text)}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .tags z-tag.interactive{cursor:pointer}:host>article .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .tags z-tag:focus{box-shadow:var(--shadow-focus-primary);outline:none}:host>article .main-content .card-info .book-data .isbn-tags-link-section .link-section{display:flex;height:24px;align-items:center;justify-content:space-between;gap:var(--space-unit)}:host>article .main-content .card-info .book-data .isbn-tags-link-section .link-section .adoption-tag{padding:calc(var(--space-unit) / 2) var(--space-unit);background-color:var(--green100);border-radius:100px;text-transform:uppercase}:host>article .main-content .card-info .ebook-container{height:64px}:host>article .main-content .card-info .ebook-container .ebook{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--space-unit) * 2) var(--space-unit);background-color:var(--color-primary02);border-radius:var(--border-radius);gap:var(--space-unit)}:host>article .main-content .card-info .ebook-container .ebook .app-name{display:flex;align-items:center;padding:calc(var(--space-unit) / 2) 0;font-family:var(--font-family-serif);gap:calc(var(--space-unit) / 2)}:host>article .main-content .card-info .ebook-container .ebook .app-name .ebook-logo{content:url(\"data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22 fill=%22none%22 aria-hidden=%22true%22%3E%3Cg clip-path=%22url(%23clip0_11996_224)%22%3E%3Cpath d=%22M14.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%22 fill=%22%23E2011A%22/%3E%3Cpath d=%22M15.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%22 fill=%22white%22/%3E%3Cpath d=%22M15.9523 14.3201H3.71252V14.9643H15.9523V14.3201Z%22 fill=%22black%22/%3E%3Cpath d=%22M8.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%22 fill=%22black%22/%3E%3Cpath d=%22M4.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%22 fill=%22black%22/%3E%3Cpath d=%22M5.6454 5.62354H3.0686V6.26773H5.6454V5.62354Z%22 fill=%22white%22/%3E%3Cpath d=%22M4.67917 4.65723H4.03497V7.23402H4.67917V4.65723Z%22 fill=%22white%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_11996_224%22%3E%3Crect width=%2219.326%22 height=%2219.326%22 fill=%22white%22 transform=%22translate(0.169922 0.469604)%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\")}:host>article .main-content .card-info .ebook-container .ebook .app-name .laz{color:var(--red500)}::slotted([slot=\"cta\"]){grid-area:cta}:host>article.landscape{width:635px;min-height:332px;max-height:428px;padding:0}:host>article.landscape .main-content{height:296px;flex-direction:row;padding:calc(var(--space-unit) * 2)}:host>article.landscape .main-content .cover{display:flex;overflow:hidden;width:221px;height:auto;margin:0}:host>article.landscape .main-content .card-info .book-data{margin:0;gap:unset}:host>article.landscape .main-content .card-info .book-data .authors-title-cta-section{column-gap:calc(var(--space-unit) * 2);grid-template-areas:\"authors cta\"\n    \"title title\"}:host>article.landscape .main-content .card-info .book-data .isbn-tags-link-section .isbn-tags-section .tags{margin:calc(calc(var(--space-unit) / 2) * -1) calc(var(--space-unit) * -1)}:host>article.landscape .main-content .card-info .ebook-container{height:76px}:host>article.landscape .main-content .card-info .ebook-container .ebook{padding:var(--space-unit)}";
 
 const ZBookCard = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.ribbonClick = index.createEvent(this, "ribbonClick", 7);
-    /**
-     * [optional] ISBN label
-     */
+    this.tagClick = index.createEvent(this, "tagClick", 7);
+    this.catalogClick = index.createEvent(this, "catalogClick", 7);
+    this.ebookClick = index.createEvent(this, "ebookClick", 7);
+    this.immersiveReaderClick = index.createEvent(this, "immersiveReaderClick", 7);
+    this.variant = index$1.BookCardVariant.PORTRAIT;
+    this.cover = undefined;
+    this.authors = undefined;
+    this.operaTitle = undefined;
+    this.volumeTitle = undefined;
+    this.isbn = undefined;
     this.isbnLabel = "";
-    this.isMobile = false;
-    this.hasResources = false;
-    this.showResources = false;
-  }
-  emitRibbonClick() {
-    this.ribbonClick.emit();
+    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.id = `id-${utils.randomId()}`;
-    const mobileMediaQuery = window.matchMedia(`(max-width: ${breakpoints.mobileBreakpoint}px)`);
-    this.isMobile = mobileMediaQuery.matches;
-    mobileMediaQuery.onchange = (mql) => (this.isMobile = mql.matches);
-  }
-  componentDidLoad() {
-    this.handleResources();
-  }
-  handleResources() {
-    var _a;
-    if (this.variant !== index$1.BookCardVariant.EXPANDED || !this.isMobile) {
-      return;
-    }
-    this.hasResources = ((_a = this.hostElement.querySelectorAll("[slot=resources]")) === null || _a === void 0 ? void 0 : _a.length) > 0;
-  }
-  toggleResources() {
-    this.showResources = !this.showResources;
+    this.watchEdi();
+    this.watchAnnotated();
+    this.watchTeacherVersion();
   }
-  renderCard() {
-    switch (this.variant) {
-      case index$1.BookCardVariant.EXPANDED:
-        return this.isMobile ? this.renderMobileExpandedCard() : this.renderExpandedCard();
-      case index$1.BookCardVariant.COMPACT:
-        return this.renderCompactCard();
-      case index$1.BookCardVariant.SEARCH:
-        return this.renderSearchCard();
-    }
+  emitTagClick(e) {
+    this.tagClick.emit(e);
   }
-  renderExpandedCard() {
-    return (index.h("div", { class: "wrapper" }, this.renderCover(), index.h("div", { class: "content" }, index.h("div", { class: "top" }, index.h("div", { class: "info" }, index.h("div", { class: "left" }, this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), index.h("div", { class: "right" }, this.renderHeaderCtaSlot())), this.renderTagsSlot()), index.h("div", { class: "bottom" }, this.renderResourcesSlot()))));
+  emitCatalogClick() {
+    this.catalogClick.emit();
   }
-  renderMobileExpandedCard() {
-    return (index.h("div", { class: "wrapper" }, index.h("div", { class: "header" }, this.renderOperaTitle(), this.renderHeaderCtaSlot()), this.renderCover(), index.h("div", { class: "content" }, this.renderTagsSlot(), this.renderAuthors(), this.renderVolumeTitle(), this.renderIsbn()), this.hasResources && (index.h("div", { class: {
-        footer: true,
-        open: this.showResources,
-        close: !this.showResources,
-      } }, !this.showResources && this.renderShowResources(), this.renderResourcesSlot(), this.showResources && this.renderShowResources()))));
+  emitEbookClick() {
+    this.ebookClick.emit();
   }
-  renderSearchCard() {
-    return (index.h("div", { class: "wrapper-container" }, index.h("div", { class: "wrapper" }, index.h("div", { class: "header" }, this.renderOperaTitle(), this.renderHeaderCtaSlot()), this.renderCover(), index.h("div", { class: "content" }, this.renderTagsSlot(), this.renderAuthors(), this.renderVolumeTitle(), this.renderIsbn())), this.renderFooterCtaSlot()));
+  emitImmersiveReaderClick() {
+    this.immersiveReaderClick.emit();
   }
-  renderCompactCard() {
-    return (index.h("div", { class: "wrapper" }, this.renderCover(), index.h("div", { class: "content" }, this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), this.renderFooterCtaSlot()));
+  renderOperaTitle() {
+    const title = this.operaTitleHtmlTag
+      ? `<${this.operaTitleHtmlTag}>${this.operaTitle}</${this.operaTitleHtmlTag}>`
+      : this.operaTitle;
+    return (index.h("div", { class: "opera-title body-2-sb", innerHTML: title }));
+  }
+  renderIsbnLabel() {
+    return this.isbnLabel ? index.h("span", { class: "body-4" }, this.isbnLabel) : null;
+  }
+  renderTag(label, tag, id) {
+    return (index.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));
+  }
+  renderTags() {
+    const tags = [];
+    if (this.edi && Object.values(index$1.BookCardTagStatus).includes(this.ediTag.status)) {
+      tags.push(this.renderTag("edi", this.ediTag, "edi"));
+    }
+    if (this.annotated && Object.values(index$1.BookCardTagStatus).includes(this.annotatedTag.status)) {
+      tags.push(this.renderTag("annotata", this.annotatedTag, "annotated"));
+    }
+    if (this.teacherVersion && Object.values(index$1.BookCardTagStatus).includes(this.teacherVersionTag.status)) {
+      tags.push(this.renderTag("versione insegnante", this.teacherVersionTag, "teacherVersion"));
+    }
+    if (tags.length > 0) {
+      return tags;
+    }
+    return null;
   }
   renderCover() {
-    return (index.h("div", { class: "cover" }, this.ribbon && this.variant !== index$1.BookCardVariant.COMPACT && this.renderRibbon(), index.h("div", { class: "img-wrapper" }, index.h("img", { src: this.cover, onError: () => {
+    return (index.h("div", { class: "cover" }, index.h("img", { src: this.cover, onError: () => {
         if (this.fallbackCover) {
           this.cover = this.fallbackCover;
         }
-      }, "aria-hidden": "true" }))));
-  }
-  renderRibbon() {
-    const content = [
-      this.ribbonIcon && (index.h("z-icon", { name: this.ribbonIcon, width: 16, height: 16, fill: "color-icon03" })),
-      index.h("span", null, this.ribbon),
-    ];
-    return this.ribbonInteractive ? (index.h("button", { class: "ribbon interactive", onClick: () => this.emitRibbonClick() }, content)) : (index.h("div", { class: "ribbon" }, content));
-  }
-  renderOperaTitle() {
-    const title = this.operaTitleTag
-      ? `<${this.operaTitleTag}>${this.operaTitle}</${this.operaTitleTag}>`
-      : this.operaTitle;
-    return (index.h("div", { class: "title", innerHTML: title }));
-  }
-  renderVolumeTitle() {
-    return this.volumeTitle ? index.h("div", { class: "subtitle" }, this.volumeTitle) : null;
-  }
-  renderAuthors() {
-    return this.authors ? (index.h("div", { class: "authors", "aria-description": "Autori" }, this.authors)) : null;
-  }
-  renderIsbn() {
-    return this.isbn ? (index.h("div", { class: "isbn" }, index.h("span", { class: "code", "aria-description": `ISBN ${this.isbnLabel}` }, this.isbn), this.isbnLabel ? index.h("span", { class: "label" }, " ", this.isbnLabel) : null)) : null;
-  }
-  renderShowResources() {
-    return (index.h("button", { class: "show-resources", "aria-label": `Risorse del libro ${this.operaTitle}`, "aria-expanded": this.showResources.toString(), "aria-controls": `resources-${this.id}`, onClick: () => this.toggleResources() }, this.showResources ? "Chiudi" : "Vedi tutto", index.h("z-icon", { name: this.showResources ? "chevron-up" : "chevron-down" })));
-  }
-  renderTagsSlot() {
-    return (index.h("div", { class: "tags" }, index.h("slot", { name: "tags" })));
-  }
-  renderHeaderCtaSlot() {
-    return index.h("slot", { name: "header-cta" });
-  }
-  renderResourcesSlot() {
-    return (index.h("div", { id: `resources-${this.id}`, class: "resources" }, index.h("slot", { name: "resources", onSlotchange: () => this.handleResources() })));
-  }
-  renderFooterCtaSlot() {
-    return (index.h("div", { class: "action-container" }, index.h("slot", { name: "footer-cta" })));
+      }, "aria-hidden": "true" })));
   }
   render() {
-    return (index.h("article", { class: {
+    return (index.h("article", { key: 'a2b8d8a72f3868b6e846e552aa6b48012334b15b', class: {
         [this.variant]: true,
-        borderless: !!this.borderless,
-      } }, this.renderCard()));
+      } }, index.h("div", { key: '24c08d9d84dc669395b1c255f6730a7a9d536886', class: "main-content" }, this.renderCover(), index.h("div", { key: '91389d7afb5971377c098cf8fb2dee3c870e870c', class: "card-info" }, index.h("div", { key: '3802460d92d4324c032ec3de0b978ce346b46827', class: "book-data" }, index.h("div", { key: 'e901801f93e778721b5def9c2cea89e4ae86a500', class: "authors-title-cta-section" }, index.h("div", { key: '44367ab6d0cdbe447133018b5dc3a6b77c6a6a51', class: "authors body-4", "aria-description": "autori" }, this.authors), this.renderOperaTitle(), index.h("slot", { key: '50b0ac7e8dfbc13601e9e89077b8f42345af6633', name: "cta" })), index.h("div", { key: '8a537e6ceb34a39ff9b0c2402e0d0a8ca09fda36', class: "isbn-tags-link-section" }, index.h("div", { key: '8fe9ab44fe6023b1c4239a0df7af05b93d9e6684', class: "isbn-tags-section" }, index.h("div", { key: '718d0984d6b8b856e784ba910327a91b160b915e', class: "volume-title body-4" }, this.volumeTitle), index.h("div", { key: 'db66e0b7d648cae395ed29eb010d568a181f5544', class: "isbn body-4-sb", "aria-description": `isbn ${this.isbnLabel}` }, this.isbn, " ", this.renderIsbnLabel()), index.h("div", { key: '70aeccbe9e186547b4b750a99e5509c2efa927d4', class: "tags" }, this.renderTags())), index.h("div", { key: '6764f5d95bf2ebf570087bb625bbda046578549a', class: "link-section" }, index.h("div", { key: '07bca683d50d1c8982b1904f856b37acbb2a94bd', class: "catalog-link" }, this.catalogUrl && (index.h("a", { key: '6faca33c8d1f2173135105befc9b4fbee5855c52', href: this.catalogUrl, target: "_blank", class: "z-link z-link-blue z-link-icon body-4-sb", onClick: () => this.emitCatalogClick() }, "Scheda catalogo", index.h("z-icon", { key: '22cddd865dddf80e9a650a607ce6d64ca6d948f9', name: "arrow-quad-north-east", height: 16, width: 16, fill: "color-primary01-icon" })))), this.adoption && index.h("div", { key: '995c42cf714d22b150e8e02a6268cef1d3574541', class: "adoption-tag body-5-sb" }, "adottato")))), index.h("div", { key: '6fc66aefd3283743ec694bada263ffd8983b7eb8', class: "ebook-container" }, index.h("slot", { key: 'd9abf1a8dc88aaea97f71c549494e659429ee8a2', name: "ebook" }, this.ebookUrl && (index.h("div", { key: '908353624cc50d5c8aea7e8c57f99e377a179fca', class: "ebook" }, index.h("div", { key: 'f0958bbf194b6fb6feed8fcc6ab9505706d15010' }, index.h("div", { key: '3db12530a458250e7307fd9d33eb48e1f3cc8d18', class: "app-name" }, index.h("img", { key: 'ada52e2efaa84e29e8ba790572a88ee3b4b23166', class: "ebook-logo", "aria-hidden": "true" }), index.h("div", { key: '9c56a0a269f6b41486ea4e88482f2e160a381f47', class: "body-4-sb" }, index.h("span", { key: 'db6def7b5672dc9877711e275ebee9a8fece0e82', class: "laz" }, "laZ"), " Ebook")), this.variant === index$1.BookCardVariant.LANDSCAPE && (index.h("div", { key: '5daa3a7f9a261c189387e13d6b41d8bbb5db4c63', class: "body-5" }, "Anche nella versione libro liquido con", " ", index.h("button", { key: '1e5359de3842dd1d609aef58b7dfa9d64ca13692', class: "body-5-sb immersive-reader z-link", onClick: () => this.emitImmersiveReaderClick(), tabIndex: 0 }, "strumento di lettura immersiva")))), index.h("z-button", { key: 'b4f8f376351891c9ff4ef1ee13f6afb26e24713d', size: index$1.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"))))))), index.h("slot", { key: '98f64442f263ad3bb1f596d87194b78dc091e782', name: "apps" })));
   }
   get hostElement() { return index.getElement(this); }
+  static get watchers() { return {
+    "edi": ["watchEdi"],
+    "annotated": ["watchAnnotated"],
+    "teacherVersion": ["watchTeacherVersion"]
+  }; }
 };
 ZBookCard.style = stylesCss;