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

package/dist/collection/components/css-components/z-link/styles.css

@@ -0,0 +1,174 @@
+button.z-link {
+  padding: 0;
+  border: 0;
+  margin: 0;
+  background-color: transparent;
+}
+
+a.z-link,
+button.z-link {
+  display: inline-flex;
+  color: var(--color-link-primary);
+  cursor: pointer;
+  fill: var(--color-link-primary);
+  font-family: var(--font-family-sans);
+  line-height: inherit;
+  text-decoration: none;
+}
+
+a.z-link:hover,
+button.z-link:hover,
+a.z-link:focus,
+button.z-link:focus,
+a.z-link:active,
+button.z-link:active {
+  text-decoration: underline;
+}
+
+a.z-link:hover,
+button.z-link:hover,
+a.z-link:focus,
+button.z-link:focus {
+  color: var(--color-hover-link);
+  fill: var(--color-hover-link);
+}
+
+a.z-link:focus,
+button.z-link:focus {
+  box-shadow: var(--shadow-focus-primary);
+  outline: none;
+}
+
+a.z-link:active,
+button.z-link:active,
+a.z-link.z-link-active:active,
+button.z-link.z-link-active:active {
+  color: var(--color-pressed-link);
+  fill: var(--color-pressed-link);
+}
+
+a.z-link:visited,
+button.z-link:visited {
+  color: var(--color-visited-link);
+  fill: var(--color-visited-link);
+}
+
+a.z-link.z-link-active,
+button.z-link.z-link-active {
+  color: var(--color-active-link);
+  fill: var(--color-active-link);
+}
+
+a.z-link.z-link-active.z-link-inverse,
+button.z-link.z-link-active.z-link-inverse {
+  color: var(--color-inverse-active-link);
+  fill: var(--color-inverse-active-link);
+}
+
+a.z-link.z-link-active.z-link-black,
+button.z-link.z-link-active.z-link-black {
+  color: var(--color-black);
+  fill: var(--color-black);
+}
+
+a.z-link.z-link-disabled,
+button.z-link.z-link-disabled {
+  box-shadow: none;
+  color: var(--color-disabled03);
+  cursor: default;
+  fill: var(--color-disabled03);
+  outline: none;
+  pointer-events: none;
+  text-decoration: none;
+}
+
+a.z-link.z-link-underline,
+button.z-link.z-link-underline {
+  text-decoration: underline;
+}
+
+a.z-link.z-link-inverse,
+button.z-link.z-link-inverse {
+  color: var(--color-inverse-link);
+  fill: var(--color-inverse-link);
+}
+
+a.z-link.z-link-inverse:hover,
+button.z-link.z-link-inverse:hover {
+  color: var(--color-inverse-hover-link);
+  fill: var(--color-inverse-hover-link);
+}
+
+a.z-link.z-link-inverse:active,
+button.z-link.z-link-inverse:active,
+a.z-link.z-link-inverse:focus,
+button.z-link.z-link-inverse:focus {
+  color: var(--color-inverse-pressed-link);
+  fill: var(--color-inverse-pressed-link);
+}
+
+a.z-link.z-link-inverse:visited,
+button.z-link.z-link-inverse:visited {
+  color: var(--color-inverse-visited-link);
+  fill: var(--color-inverse-visited-link);
+}
+
+a.z-link.z-link-black,
+button.z-link.z-link-black {
+  color: var(--gray800);
+  fill: var(--gray800);
+}
+
+a.z-link.z-link-black:hover:visited,
+button.z-link.z-link-black:hover:visited {
+  color: var(--gray800);
+  fill: var(--gray800);
+}
+
+a.z-link.z-link-black:hover,
+button.z-link.z-link-black:hover,
+a.z-link.z-link-black.z-link-active:focus,
+button.z-link.z-link-black.z-link-active:focus {
+  color: var(--color-black);
+  fill: var(--color-black);
+}
+
+a.z-link.z-link-black:active,
+button.z-link.z-link-black:active,
+a.z-link.z-link-black.z-link-active:active,
+button.z-link.z-link-black.z-link-active:active {
+  color: var(--gray700);
+  fill: var(--gray700);
+}
+
+a.z-link.z-link-black.z-link-disabled.z-link-active,
+button.z-link.z-link-black.z-link-disabled.z-link-active {
+  color: var(--color-disabled03);
+  fill: var(--color-disabled03);
+}
+
+a.z-link.z-link-white,
+button.z-link.z-link-white {
+  color: var(--color-white);
+  fill: var(--color-white);
+}
+
+a.z-link.z-link-white.z-link-disabled,
+button.z-link.z-link-white.z-link-disabled {
+  color: var(--color-disabled03);
+  fill: var(--color-disabled03);
+}
+
+a.z-link.z-link-icon,
+button.z-link.z-link-icon {
+  --z-icon-width: 1.125em;
+  --z-icon-height: 1.125em;
+
+  align-items: center;
+  column-gap: 0.5em;
+}
+
+a.z-link.z-link-sb,
+button.z-link.z-link-sb {
+  font-weight: var(--font-sb);
+}

package/dist/collection/components/date-picker/z-date-picker/index.js

@@ -156,7 +156,7 @@ export class ZDatePicker {
             } })));
     }
     render() {
-        return (h("div", { key: 'e36383db1da5908e5c61fcc543ff6006a0b5d27a', class: {
+        return (h("div", { key: '5a5982459b75bea224c88517b3e54e987cc899ca', class: {
                 "flatpickr-toggle-container": true,
                 [this.flatpickrPosition]: true,
                 [this.mode]: true,

package/dist/collection/components/date-picker/z-range-picker/index.js

@@ -330,14 +330,14 @@ export class ZRangePicker {
             onStopTyping: this.onStopTyping.bind(this),
             value: "",
         };
-        return (h("div", { key: 'c503698bd0205fe189c3859dd115f6558dfc9a09', class: {
+        return (h("div", { key: 'f97285297289dff2600d0751c8845690f9b1dbc4', class: {
                 ["range-pickers-container"]: true,
                 [this.mode]: true,
                 [this.activeInput]: true,
                 [this.flatpickrPosition]: true,
-            } }, h("div", { key: 'ebb4f94bc07bf7141fd1eb42f0dc9155ed563cd0', class: `${this.rangePickerId}-1-wrapper` }, h("div", { key: '924fc4ab0efc18550e96ec6bf51938a3a4335c2c', class: `${this.rangePickerId}-1-container` }, h("z-input", Object.assign({ key: '7aeb9334a243a29401c4a590809d57f8aaefd1b1' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, "data-input": "data-input", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && InputStatus.ERROR, onStartTyping: () => {
+            } }, h("div", { key: 'c8fc964997b6e5b0a8e21e7df31c139ba54befee', class: `${this.rangePickerId}-1-wrapper` }, h("div", { key: 'e073c75cbf8adfcaf6eb77238f97cd9aaa411f36', class: `${this.rangePickerId}-1-container` }, h("z-input", Object.assign({ key: '104fb4391b4023e68aad6f4570a4f9ddbd82d205' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, "data-input": "data-input", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && InputStatus.ERROR, onStartTyping: () => {
                 this.firstInputError = false;
-            } })))), h("div", { key: '9aac0744b849283527ba3ad5d81ba760cc1d051e', class: `${this.rangePickerId}-2-wrapper` }, h("div", { key: '16fd5555b561645e206a4cbda09f77dfacd9088a', class: `${this.rangePickerId}-2-container` }, h("z-input", Object.assign({ key: '7b2cbc88fcd73059696f962ecd0870e1a3d9225c' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, "data-input": "data-input", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && InputStatus.ERROR, onStartTyping: () => {
+            } })))), h("div", { key: 'e6d38c6f33594237c036a702b96b25fdf54cdd3e', class: `${this.rangePickerId}-2-wrapper` }, h("div", { key: '7dda4002953063e60324a7229c7050b4bb98e510', class: `${this.rangePickerId}-2-container` }, h("z-input", Object.assign({ key: '5c78b78d5c47254abfe0eddb45bc0aa829c9b831' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, "data-input": "data-input", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && InputStatus.ERROR, onStartTyping: () => {
                 this.lastInputError = false;
             } }))))));
     }

package/dist/collection/components/deprecated/z-app-header-deprecated/index.js

@@ -191,7 +191,7 @@ export class ZAppHeaderDeprecated {
         this.evaluateViewport();
     }
     render() {
-        return (h(Host, { key: '248c788e09761ea940575f856285bd48df83efbf', "menu-length": this.menuLength }, this.hasHero && (h("div", { key: '834d8da46e3fcd43f1e6f082eae1b82a0114df7d', class: "hero-container" }, h("slot", { key: '89f3a1034411572bdf4dbe4b1e02c7ea78b7972f', name: "hero" }, this.hero && (h("img", { key: '8ba742bf809c529e7a56d85457c544e79d347b8c', alt: "", src: this.hero }))))), h("div", { key: '3b6e06d3ea80fae0adfbbf81566d4c26087e4f61', class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { key: 'f0e9e6c8e652227cfed385e2fc90b67d0cf56af1', class: "heading-container" }, h("div", { key: '38e541c297c3925bd2bb1e2bced92f14b92f2642', class: "heading-subtitle" }, h("slot", { key: 'bcf70e94c3bcaafb22114de70f8f7eef47d3d23d', name: "top-subtitle" })), h("div", { key: 'bc4944c4819e423c9e18461dd92ba3c29421cf1a', class: "heading-title" }, this.menuLength > 0 && (h("button", { key: 'e9dab16f601d16c4efa08d1bb670a624d900753e', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: 'ed29253cc6327a76387d29c811e2e5a533f39766', name: "burger-menu" }))), h("slot", { key: 'edbd5ef824affe20c9d2df7046e836040206adb1', name: "title" }), this.renderSearchLinkButton()), h("div", { key: '5786332ce6b9969686592e1be7785009c613dda6', class: "heading-subtitle" }, h("slot", { key: '8b66f6d034492d96276ed97e71c5e0450ad2b22a', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { key: '1b9e781b2d706d3ef48c43251198739453e59918', class: "menu-container" }, this.canShowMenu && (h("slot", { key: 'd0138f4d3f480a28962e1bccf1f60456feb76a82', name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { key: 'bd233aac91c1ae4018b65dc40e1b6b23f64b3257', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { key: '7072dd5083f928b3f85ec1c67cdd116699455f75', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { key: 'b0eaedd3f7b480d207e2f59d28d9fca7b716f6a1', name: "close" })), h("div", { key: '5338f6b648e465eda415f6c2df6042e4fed4afc7', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { key: '6bc7914138ff4accd2a7181b309267a652e8ec9f', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { key: '52111f4a943e3bb0aeb2b598c691b0a0dba7cad6', class: "heading-stuck" }, h("div", { key: '7b83fe01b6d813ec488cd047b110651bcf68a842', class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { key: '980a5644ad87b850a3617a7647cf91112e0269d3', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: 'fa1eb36c53f6984510f4c4e25d6a99c4d0a30bcc', name: "burger-menu" }))), h("div", { key: '3888a5e1305a386756a307630d8435ff8cf2ef89', class: "heading-title" }, h("slot", { key: '6f7e6d23496af75d2a5f36540fa6a8928d391848', name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
+        return (h(Host, { key: '369843a7902dc38f3bd0252c2dbe46674ff581e5', "menu-length": this.menuLength }, this.hasHero && (h("div", { key: 'aec36be9c3ff5a1889674259d6ef793c5c9f9531', class: "hero-container" }, h("slot", { key: 'c3fd18e90ef90feb5e660db575e830443b06b071', name: "hero" }, this.hero && (h("img", { key: '3417b71612210821b6d3dafbbb2839238a7d77b9', alt: "", src: this.hero }))))), h("div", { key: '784366eee6961917a02666cc82e6a8ffc238905e', class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { key: '67f73e760b0f0381e1db8e0d1fc46f4d8fd7e3fd', class: "heading-container" }, h("div", { key: 'ebe3b4706d11ce2743eeb3699c0de39097e34e43', class: "heading-subtitle" }, h("slot", { key: '8b5838a4dd5fd70dae6f031ee001872ab9e95977', name: "top-subtitle" })), h("div", { key: 'b52b331465bcbe828fb645f79a99d91fdbb5fee6', class: "heading-title" }, this.menuLength > 0 && (h("button", { key: '9cdf71d05bc40fcb85a941b74751c1edd49eb30c', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: 'b31f7246048cbb43d0f28427310493d2cdb787c9', name: "burger-menu" }))), h("slot", { key: 'a488ce4e23e296c75fa1c862924a20fe4cdbbf6e', name: "title" }), this.renderSearchLinkButton()), h("div", { key: '4405c36c1d42342bf06505eee71e7b3a26630141', class: "heading-subtitle" }, h("slot", { key: '0117ebafc6c5d1f81371f69dfbdebce28113b34d', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { key: '0fd1b93f4064896b3c2f7a6c16e84cec8cce90de', class: "menu-container" }, this.canShowMenu && (h("slot", { key: 'd80d8cdc7fab9501efe2da217a9a1ef8ce15d44d', name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { key: 'c2c6165fdb76b2eb12536ada611b90e3da6ebc6e', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { key: '56a6749faa1e3892a7397f0ecb307af953d281bc', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { key: 'df44faab50a5c67bab4907e3c2423368ecc4b004', name: "close" })), h("div", { key: 'e6e0dd1dede0807e79bb15802a2e95b2c3494f7a', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { key: 'a7752aceae9b5175279e81cf017290dcf6c13d7f', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { key: '9443a42f64102f1d3257d709c8a504e1f36e58fd', class: "heading-stuck" }, h("div", { key: '4b350cf28e854e298f45a98083a74d2a5379cb5d', class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { key: '251a7deb7036e19bed9a86afa0e49050c220c06d', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: 'a448a4cc899c747f87a00055fb91408d1d6d0805', name: "burger-menu" }))), h("div", { key: '8135cc750ee5e86e0598eb588b1446e7d1ea117e', class: "heading-title" }, h("slot", { key: '41654f238bbf1313c2b23e8706ceae2357a3ca62', name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
     }
     static get is() { return "z-app-header-deprecated"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/{z-book-card → deprecated/z-book-card-deprecated}/index.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
-import { BookCardVariant } from "../../beans";
-import { Breakpoints } from "../../constants/breakpoints";
-import { randomId } from "../../utils/utils";
+import { BookCardDeprecatedVariant } from "../../../beans";
+import { Breakpoints } from "../../../constants/breakpoints";
+import { randomId } from "../../../utils/utils";
 /**
  * @slot resources - books resources (extended variant only)
  * @slot header-cta - header CTA (e.g. bookmark icon - extended and search variant only)
@@ -12,7 +12,7 @@ import { randomId } from "../../utils/utils";
  * @cssprop --z-book-card-compact-width - compact card custom width
  * @cssprop --z-book-card-compact-height - compact card custom height
  */
-export class ZBookCard {
+export class ZBookCardDeprecated {
     constructor() {
         this.variant = undefined;
         this.cover = undefined;
@@ -45,7 +45,7 @@ export class ZBookCard {
     }
     handleResources() {
         var _a;
-        if (this.variant !== BookCardVariant.EXPANDED || !this.isMobile) {
+        if (this.variant !== BookCardDeprecatedVariant.EXPANDED || !this.isMobile) {
             return;
         }
         this.hasResources = ((_a = this.hostElement.querySelectorAll("[slot=resources]")) === null || _a === void 0 ? void 0 : _a.length) > 0;
@@ -55,11 +55,11 @@ export class ZBookCard {
     }
     renderCard() {
         switch (this.variant) {
-            case BookCardVariant.EXPANDED:
+            case BookCardDeprecatedVariant.EXPANDED:
                 return this.isMobile ? this.renderMobileExpandedCard() : this.renderExpandedCard();
-            case BookCardVariant.COMPACT:
+            case BookCardDeprecatedVariant.COMPACT:
                 return this.renderCompactCard();
-            case BookCardVariant.SEARCH:
+            case BookCardDeprecatedVariant.SEARCH:
                 return this.renderSearchCard();
         }
     }
@@ -80,7 +80,7 @@ export class ZBookCard {
         return (h("div", { class: "wrapper" }, this.renderCover(), h("div", { class: "content" }, this.renderAuthors(), this.renderOperaTitle(), this.renderVolumeTitle(), this.renderIsbn()), this.renderFooterCtaSlot()));
     }
     renderCover() {
-        return (h("div", { class: "cover" }, this.ribbon && this.variant !== BookCardVariant.COMPACT && this.renderRibbon(), h("div", { class: "img-wrapper" }, h("img", { src: this.cover, onError: () => {
+        return (h("div", { class: "cover" }, this.ribbon && this.variant !== BookCardDeprecatedVariant.COMPACT && this.renderRibbon(), h("div", { class: "img-wrapper" }, h("img", { src: this.cover, onError: () => {
                 if (this.fallbackCover) {
                     this.cover = this.fallbackCover;
                 }
@@ -124,12 +124,12 @@ export class ZBookCard {
         return (h("div", { class: "action-container" }, h("slot", { name: "footer-cta" })));
     }
     render() {
-        return (h("article", { key: '4d781e135d7b5838443817e70df1cfdc3d597adc', class: {
+        return (h("article", { key: '2d7a269cdce1dedc01a50b486f59e3b319f32810', class: {
                 [this.variant]: true,
                 borderless: !!this.borderless,
             } }, this.renderCard()));
     }
-    static get is() { return "z-book-card"; }
+    static get is() { return "z-book-card-deprecated"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
@@ -147,13 +147,13 @@ export class ZBookCard {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "BookCardVariant",
-                    "resolved": "BookCardVariant.COMPACT | BookCardVariant.EXPANDED | BookCardVariant.SEARCH",
+                    "original": "BookCardDeprecatedVariant",
+                    "resolved": "BookCardDeprecatedVariant.COMPACT | BookCardDeprecatedVariant.EXPANDED | BookCardDeprecatedVariant.SEARCH",
                     "references": {
-                        "BookCardVariant": {
+                        "BookCardDeprecatedVariant": {
                             "location": "import",
-                            "path": "../../beans",
-                            "id": "src/beans/index.tsx::BookCardVariant"
+                            "path": "../../../beans",
+                            "id": "src/beans/index.tsx::BookCardDeprecatedVariant"
                         }
                     }
                 },

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-book-card-deprecated/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,KAAK,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AACtF,OAAO,EAAC,yBAAyB,EAAC,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAC,WAAW,EAAC,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAE9C;;;;;;;;;GASG;AAMH,MAAM,OAAO,mBAAmB;;;;;;;;yBA2ClB,EAAE;;;;;;;wBAuCH,KAAK;4BAGD,KAAK;6BAGJ,KAAK;;IAMb,eAAe;QACrB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAID,iBAAiB;QACf,IAAI,CAAC,EAAE,GAAG,MAAM,QAAQ,EAAE,EAAE,CAAC;QAE7B,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC;QACnF,IAAI,CAAC,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACzC,gBAAgB,CAAC,QAAQ,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC;IACrE,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAEO,eAAe;;QACrB,IAAI,IAAI,CAAC,OAAO,KAAK,yBAAyB,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC1E,OAAO;QACT,CAAC;QACD,IAAI,CAAC,YAAY,GAAG,CAAA,MAAA,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,0CAAE,MAAM,IAAG,CAAC,CAAC;IACxF,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC;IAC3C,CAAC;IAEO,UAAU;QAChB,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;YACrB,KAAK,yBAAyB,CAAC,QAAQ;gBACrC,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACrF,KAAK,yBAAyB,CAAC,OAAO;gBACpC,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAClC,KAAK,yBAAyB,CAAC,MAAM;gBACnC,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACnC,CAAC;IACH,CAAC;IAEO,kBAAkB;QACxB,OAAO,CACL,WAAK,KAAK,EAAC,SAAS;YACjB,IAAI,CAAC,WAAW,EAAE;YACnB,WAAK,KAAK,EAAC,SAAS;gBAClB,WAAK,KAAK,EAAC,KAAK;oBACd,WAAK,KAAK,EAAC,MAAM;wBACf,WAAK,KAAK,EAAC,MAAM;4BACd,IAAI,CAAC,aAAa,EAAE;4BACpB,IAAI,CAAC,gBAAgB,EAAE;4BACvB,IAAI,CAAC,iBAAiB,EAAE;4BACxB,IAAI,CAAC,UAAU,EAAE,CACd;wBACN,WAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,mBAAmB,EAAE,CAAO,CACjD;oBACL,IAAI,CAAC,cAAc,EAAE,CAClB;gBACN,WAAK,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,mBAAmB,EAAE,CAAO,CAClD,CACF,CACP,CAAC;IACJ,CAAC;IAEO,wBAAwB;QAC9B,OAAO,CACL,WAAK,KAAK,EAAC,SAAS;YAClB,WAAK,KAAK,EAAC,QAAQ;gBAChB,IAAI,CAAC,gBAAgB,EAAE;gBACvB,IAAI,CAAC,mBAAmB,EAAE,CACvB;YACL,IAAI,CAAC,WAAW,EAAE;YACnB,WAAK,KAAK,EAAC,SAAS;gBACjB,IAAI,CAAC,cAAc,EAAE;gBACrB,IAAI,CAAC,aAAa,EAAE;gBACpB,IAAI,CAAC,iBAAiB,EAAE;gBACxB,IAAI,CAAC,UAAU,EAAE,CACd;YACL,IAAI,CAAC,YAAY,IAAI,CACpB,WACE,KAAK,EAAE;oBACL,MAAM,EAAE,IAAI;oBACZ,IAAI,EAAE,IAAI,CAAC,aAAa;oBACxB,KAAK,EAAE,CAAC,IAAI,CAAC,aAAa;iBAC3B;gBAEA,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,mBAAmB,EAAE;gBACjD,IAAI,CAAC,mBAAmB,EAAE;gBAC1B,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,mBAAmB,EAAE,CAC7C,CACP,CACG,CACP,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,OAAO,CACL,WAAK,KAAK,EAAC,mBAAmB;YAC5B,WAAK,KAAK,EAAC,SAAS;gBAClB,WAAK,KAAK,EAAC,QAAQ;oBAChB,IAAI,CAAC,gBAAgB,EAAE;oBACvB,IAAI,CAAC,mBAAmB,EAAE,CACvB;gBACL,IAAI,CAAC,WAAW,EAAE;gBACnB,WAAK,KAAK,EAAC,SAAS;oBACjB,IAAI,CAAC,cAAc,EAAE;oBACrB,IAAI,CAAC,aAAa,EAAE;oBACpB,IAAI,CAAC,iBAAiB,EAAE;oBACxB,IAAI,CAAC,UAAU,EAAE,CACd,CACF;YACL,IAAI,CAAC,mBAAmB,EAAE,CACvB,CACP,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,OAAO,CACL,WAAK,KAAK,EAAC,SAAS;YACjB,IAAI,CAAC,WAAW,EAAE;YACnB,WAAK,KAAK,EAAC,SAAS;gBACjB,IAAI,CAAC,aAAa,EAAE;gBACpB,IAAI,CAAC,gBAAgB,EAAE;gBACvB,IAAI,CAAC,iBAAiB,EAAE;gBACxB,IAAI,CAAC,UAAU,EAAE,CACd;YACL,IAAI,CAAC,mBAAmB,EAAE,CACvB,CACP,CAAC;IACJ,CAAC;IAEO,WAAW;QACjB,OAAO,CACL,WAAK,KAAK,EAAC,OAAO;YACf,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,KAAK,yBAAyB,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,EAAE;YACzF,WAAK,KAAK,EAAC,aAAa;gBACtB,WACE,GAAG,EAAE,IAAI,CAAC,KAAK,EACf,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;4BACvB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;wBAClC,CAAC;oBACH,CAAC,iBACW,MAAM,GAClB,CACE,CACF,CACP,CAAC;IACJ,CAAC;IAEO,YAAY;QAClB,MAAM,OAAO,GAAG;YACd,IAAI,CAAC,UAAU,IAAI,CACjB,cACE,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAE,oBAAoB,GAC1B,CACH;YACD,gBAAO,IAAI,CAAC,MAAM,CAAQ;SAC3B,CAAC;QAEF,OAAO,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAC9B,cACE,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,IAEpC,OAAO,CACD,CACV,CAAC,CAAC,CAAC,CACF,WAAK,KAAK,EAAC,QAAQ,IAAE,OAAO,CAAO,CACpC,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa;YAC9B,CAAC,CAAC,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,aAAa,GAAG;YACrE,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;QAEpB,OAAO,CACL,WACE,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,KAAK,GAChB,CACH,CAAC;IACJ,CAAC;IAEO,iBAAiB;QACvB,OAAO,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,WAAK,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,WAAW,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAClF,CAAC;IAEO,aAAa;QACnB,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACpB,WACE,KAAK,EAAC,SAAS,sBACE,QAAQ,IAExB,IAAI,CAAC,OAAO,CACT,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAEO,UAAU;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACjB,WAAK,KAAK,EAAC,MAAM;YACf,YACE,KAAK,EAAC,MAAM,sBACM,QAAQ,IAAI,CAAC,SAAS,EAAE,IAEzC,IAAI,CAAC,IAAI,CACL;YACN,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,YAAM,KAAK,EAAC,OAAO;;gBAAG,IAAI,CAAC,SAAS,CAAQ,CAAC,CAAC,CAAC,IAAI,CACjE,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC;IAEO,mBAAmB;QACzB,OAAO,CACL,cACE,KAAK,EAAC,gBAAgB,gBACV,qBAAqB,IAAI,CAAC,UAAU,EAAE,mBACnC,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,mBAC7B,aAAa,IAAI,CAAC,EAAE,EAAE,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE;YAEpC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YAC7C,cAAQ,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,GAAI,CAC7D,CACV,CAAC;IACJ,CAAC;IAEO,cAAc;QACpB,OAAO,CACL,WAAK,KAAK,EAAC,MAAM;YACf,YAAM,IAAI,EAAC,MAAM,GAAG,CAChB,CACP,CAAC;IACJ,CAAC;IAEO,mBAAmB;QACzB,OAAO,YAAM,IAAI,EAAC,YAAY,GAAG,CAAC;IACpC,CAAC;IAEO,mBAAmB;QACzB,OAAO,CACL,WACE,EAAE,EAAE,aAAa,IAAI,CAAC,EAAE,EAAE,EAC1B,KAAK,EAAC,WAAW;YAEjB,YACE,IAAI,EAAC,WAAW,EAChB,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,GAC1C,CACE,CACP,CAAC;IACJ,CAAC;IAEO,mBAAmB;QACzB,OAAO,CACL,WAAK,KAAK,EAAC,kBAAkB;YAC3B,YAAM,IAAI,EAAC,YAAY,GAAG,CACtB,CACP,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,gEACE,KAAK,EAAE;gBACL,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI;gBACpB,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU;aAC9B,IAEA,IAAI,CAAC,UAAU,EAAE,CACV,CACX,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, State, h} from \"@stencil/core\";\nimport {BookCardDeprecatedVariant} from \"../../../beans\";\nimport {Breakpoints} from \"../../../constants/breakpoints\";\nimport {randomId} from \"../../../utils/utils\";\n\n/**\n * @slot resources - books resources (extended variant only)\n * @slot header-cta - header CTA (e.g. bookmark icon - extended and search variant only)\n * @slot tags - card tags (extended and search variant only)\n * @slot footer-cta - footer cta button (search and compact variant only)\n * @cssprop --z-book-card-ribbon-background-color - ribbon backgrund color\n * @cssprop --z-book-card-ribbon-shadow-color - ribbon shadow color\n * @cssprop --z-book-card-compact-width - compact card custom width\n * @cssprop --z-book-card-compact-height - compact card custom height\n */\n@Component({\n  tag: \"z-book-card-deprecated\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZBookCardDeprecated {\n  @Element() hostElement: HTMLZBookCardDeprecatedElement;\n\n  /**\n   * Card variant: expanded, compact, search\n   */\n  @Prop()\n  variant: BookCardDeprecatedVariant;\n\n  /**\n   * Cover URL\n   */\n  @Prop()\n  cover: string;\n\n  /**\n   * Card main title\n   */\n  @Prop()\n  operaTitle: string;\n\n  /**\n   * [optional] Card subtitle\n   */\n  @Prop()\n  volumeTitle?: string;\n\n  /**\n   * [optional] Authors\n   */\n  @Prop()\n  authors?: string;\n\n  /**\n   * [optional] Main ISBN\n   */\n  @Prop()\n  isbn?: string;\n\n  /**\n   * [optional] ISBN label\n   */\n  @Prop()\n  isbnLabel = \"\";\n\n  /**\n   * [optional] Ribbon label - expanded and search variant only\n   */\n  @Prop()\n  ribbon?: string;\n\n  /**\n   * [optional] Ribbon icon - expanded and search variant only\n   */\n  @Prop()\n  ribbonIcon?: string;\n\n  /**\n   * [optional] Ribbon interactive - expanded and search variant only\n   */\n  @Prop()\n  ribbonInteractive?: boolean;\n\n  /**\n   * [optional] Borderless card - compact variant only\n   */\n  @Prop()\n  borderless?: boolean;\n\n  /**\n   * [optional] Fallback cover URL\n   */\n  @Prop()\n  fallbackCover?: string;\n\n  /**\n   * [optional] [accessibility] Card title HTML tag\n   */\n  @Prop()\n  operaTitleTag?: string;\n\n  @State()\n  isMobile = false;\n\n  @State()\n  hasResources = false;\n\n  @State()\n  showResources = false;\n\n  /** click on interactive ribbon */\n  @Event()\n  ribbonClick: EventEmitter;\n\n  private emitRibbonClick(): void {\n    this.ribbonClick.emit();\n  }\n\n  private id: string;\n\n  componentWillLoad(): void {\n    this.id = `id-${randomId()}`;\n\n    const mobileMediaQuery = window.matchMedia(`(max-width: ${Breakpoints.MOBILE}px)`);\n    this.isMobile = mobileMediaQuery.matches;\n    mobileMediaQuery.onchange = (mql) => (this.isMobile = mql.matches);\n  }\n\n  componentDidLoad(): void {\n    this.handleResources();\n  }\n\n  private handleResources(): void {\n    if (this.variant !== BookCardDeprecatedVariant.EXPANDED || !this.isMobile) {\n      return;\n    }\n    this.hasResources = this.hostElement.querySelectorAll(\"[slot=resources]\")?.length > 0;\n  }\n\n  private toggleResources(): void {\n    this.showResources = !this.showResources;\n  }\n\n  private renderCard(): HTMLDivElement {\n    switch (this.variant) {\n      case BookCardDeprecatedVariant.EXPANDED:\n        return this.isMobile ? this.renderMobileExpandedCard() : this.renderExpandedCard();\n      case BookCardDeprecatedVariant.COMPACT:\n        return this.renderCompactCard();\n      case BookCardDeprecatedVariant.SEARCH:\n        return this.renderSearchCard();\n    }\n  }\n\n  private renderExpandedCard(): HTMLDivElement {\n    return (\n      <div class=\"wrapper\">\n        {this.renderCover()}\n        <div class=\"content\">\n          <div class=\"top\">\n            <div class=\"info\">\n              <div class=\"left\">\n                {this.renderAuthors()}\n                {this.renderOperaTitle()}\n                {this.renderVolumeTitle()}\n                {this.renderIsbn()}\n              </div>\n              <div class=\"right\">{this.renderHeaderCtaSlot()}</div>\n            </div>\n            {this.renderTagsSlot()}\n          </div>\n          <div class=\"bottom\">{this.renderResourcesSlot()}</div>\n        </div>\n      </div>\n    );\n  }\n\n  private renderMobileExpandedCard(): HTMLDivElement {\n    return (\n      <div class=\"wrapper\">\n        <div class=\"header\">\n          {this.renderOperaTitle()}\n          {this.renderHeaderCtaSlot()}\n        </div>\n        {this.renderCover()}\n        <div class=\"content\">\n          {this.renderTagsSlot()}\n          {this.renderAuthors()}\n          {this.renderVolumeTitle()}\n          {this.renderIsbn()}\n        </div>\n        {this.hasResources && (\n          <div\n            class={{\n              footer: true,\n              open: this.showResources,\n              close: !this.showResources,\n            }}\n          >\n            {!this.showResources && this.renderShowResources()}\n            {this.renderResourcesSlot()}\n            {this.showResources && this.renderShowResources()}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private renderSearchCard(): HTMLDivElement {\n    return (\n      <div class=\"wrapper-container\">\n        <div class=\"wrapper\">\n          <div class=\"header\">\n            {this.renderOperaTitle()}\n            {this.renderHeaderCtaSlot()}\n          </div>\n          {this.renderCover()}\n          <div class=\"content\">\n            {this.renderTagsSlot()}\n            {this.renderAuthors()}\n            {this.renderVolumeTitle()}\n            {this.renderIsbn()}\n          </div>\n        </div>\n        {this.renderFooterCtaSlot()}\n      </div>\n    );\n  }\n\n  private renderCompactCard(): HTMLDivElement {\n    return (\n      <div class=\"wrapper\">\n        {this.renderCover()}\n        <div class=\"content\">\n          {this.renderAuthors()}\n          {this.renderOperaTitle()}\n          {this.renderVolumeTitle()}\n          {this.renderIsbn()}\n        </div>\n        {this.renderFooterCtaSlot()}\n      </div>\n    );\n  }\n\n  private renderCover(): HTMLDivElement {\n    return (\n      <div class=\"cover\">\n        {this.ribbon && this.variant !== BookCardDeprecatedVariant.COMPACT && this.renderRibbon()}\n        <div class=\"img-wrapper\">\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      </div>\n    );\n  }\n\n  private renderRibbon(): HTMLElement {\n    const content = [\n      this.ribbonIcon && (\n        <z-icon\n          name={this.ribbonIcon}\n          width={16}\n          height={16}\n          fill={\"color-inverse-icon\"}\n        />\n      ),\n      <span>{this.ribbon}</span>,\n    ];\n\n    return this.ribbonInteractive ? (\n      <button\n        class=\"ribbon interactive\"\n        onClick={() => this.emitRibbonClick()}\n      >\n        {content}\n      </button>\n    ) : (\n      <div class=\"ribbon\">{content}</div>\n    );\n  }\n\n  private renderOperaTitle(): HTMLDivElement {\n    const title = this.operaTitleTag\n      ? `<${this.operaTitleTag}>${this.operaTitle}</${this.operaTitleTag}>`\n      : this.operaTitle;\n\n    return (\n      <div\n        class=\"title\"\n        innerHTML={title}\n      />\n    );\n  }\n\n  private renderVolumeTitle(): null | HTMLDivElement {\n    return this.volumeTitle ? <div class=\"subtitle\">{this.volumeTitle}</div> : null;\n  }\n\n  private renderAuthors(): null | HTMLDivElement {\n    return this.authors ? (\n      <div\n        class=\"authors\"\n        aria-description=\"Autori\"\n      >\n        {this.authors}\n      </div>\n    ) : null;\n  }\n\n  private renderIsbn(): null | HTMLDivElement {\n    return this.isbn ? (\n      <div class=\"isbn\">\n        <span\n          class=\"code\"\n          aria-description={`ISBN ${this.isbnLabel}`}\n        >\n          {this.isbn}\n        </span>\n        {this.isbnLabel ? <span class=\"label\"> {this.isbnLabel}</span> : null}\n      </div>\n    ) : null;\n  }\n\n  private renderShowResources(): HTMLButtonElement {\n    return (\n      <button\n        class=\"show-resources\"\n        aria-label={`Risorse del libro ${this.operaTitle}`}\n        aria-expanded={this.showResources.toString()}\n        aria-controls={`resources-${this.id}`}\n        onClick={() => this.toggleResources()}\n      >\n        {this.showResources ? \"Chiudi\" : \"Vedi tutto\"}\n        <z-icon name={this.showResources ? \"chevron-up\" : \"chevron-down\"} />\n      </button>\n    );\n  }\n\n  private renderTagsSlot(): HTMLDivElement {\n    return (\n      <div class=\"tags\">\n        <slot name=\"tags\" />\n      </div>\n    );\n  }\n\n  private renderHeaderCtaSlot(): HTMLSlotElement {\n    return <slot name=\"header-cta\" />;\n  }\n\n  private renderResourcesSlot(): HTMLDivElement {\n    return (\n      <div\n        id={`resources-${this.id}`}\n        class=\"resources\"\n      >\n        <slot\n          name=\"resources\"\n          onSlotchange={() => this.handleResources()}\n        />\n      </div>\n    );\n  }\n\n  private renderFooterCtaSlot(): HTMLDivElement {\n    return (\n      <div class=\"action-container\">\n        <slot name=\"footer-cta\" />\n      </div>\n    );\n  }\n\n  render(): HTMLZBookCardDeprecatedElement {\n    return (\n      <article\n        class={{\n          [this.variant]: true,\n          borderless: !!this.borderless,\n        }}\n      >\n        {this.renderCard()}\n      </article>\n    );\n  }\n}\n"]}

package/dist/collection/components/{z-book-card → deprecated/z-book-card-deprecated}/index.stories.js

@@ -1,20 +1,20 @@
 import { html } from "lit";
 import { styleMap } from "lit/directives/style-map.js";
-import { BookCardVariant } from "../../beans";
-import { getColorTokenArgConfig } from "../../utils/storybook-utils";
-import "../z-button/index";
-import "../z-icon/index";
-import "../z-tag/index";
+import { BookCardDeprecatedVariant } from "../../../beans";
+import { getColorTokenArgConfig } from "../../../utils/storybook-utils";
+import "../../z-button/index";
+import "../../z-icon/index";
+import "../../z-tag/index";
 import "./index";
 const StoryMeta = {
-    title: "ZBookCard",
+    title: "ZBookCardDeprecated",
     component: "z-book-card",
     argTypes: {
         "variant": {
             control: {
                 type: "inline-radio",
             },
-            options: Object.values(BookCardVariant),
+            options: Object.values(BookCardDeprecatedVariant),
         },
         "theme": {
             control: {
@@ -26,7 +26,7 @@ const StoryMeta = {
         "--z-book-card-ribbon-shadow-color": getColorTokenArgConfig(),
     },
     args: {
-        "variant": BookCardVariant.EXPANDED,
+        "variant": BookCardDeprecatedVariant.EXPANDED,
         "cover": "https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg",
         "operaTitle": "Matematica.azzurro",
         "volumeTitle": "Volume 3 con Tutor",
@@ -53,7 +53,7 @@ export const AllProps = {
             exclude: ["borderless"],
         },
     },
-    render: (args) => html `<z-book-card
+    render: (args) => html `<z-book-card-deprecated
       variant=${args.variant}
       cover=${args.cover}
       opera-title=${args.operaTitle}
@@ -73,7 +73,7 @@ export const AllProps = {
         "--z-book-card-compact-width": `${args["--z-book-card-compact-width"]}`,
         "--z-book-card-compact-height": `${args["--z-book-card-compact-height"]}`,
     })}
-    ></z-book-card>`,
+    ></z-book-card-deprecated>`,
 };
 export const SlottedTags = {
     parameters: {
@@ -81,7 +81,7 @@ export const SlottedTags = {
             exclude: ["borderless"],
         },
     },
-    render: (args) => html `<z-book-card
+    render: (args) => html `<z-book-card-deprecated
       variant=${args.variant}
       cover=${args.cover}
       opera-title=${args.operaTitle}
@@ -108,7 +108,7 @@ export const SlottedTags = {
         >EDI</z-tag
       >
       <z-tag slot="tags">VERSIONE INSEGNANTE</z-tag>
-    </z-book-card>`,
+    </z-book-card-deprecated>`,
 };
 export const SlottedResources = {
     parameters: {
@@ -116,7 +116,7 @@ export const SlottedResources = {
             exclude: ["borderless"],
         },
     },
-    render: (args) => html `<z-book-card
+    render: (args) => html `<z-book-card-deprecated
       variant=${args.variant}
       cover=${args.cover}
       opera-title=${args.operaTitle}
@@ -155,7 +155,7 @@ export const SlottedResources = {
         style="width:100%; margin-bottom: 16px;"
         >Resource CTA mock</z-button
       >
-    </z-book-card>`,
+    </z-book-card-deprecated>`,
 };
 export const SlottedHeaderCta = {
     parameters: {
@@ -163,7 +163,7 @@ export const SlottedHeaderCta = {
             exclude: ["borderless"],
         },
     },
-    render: (args) => html `<z-book-card
+    render: (args) => html `<z-book-card-deprecated
       variant=${args.variant}
       cover=${args.cover}
       opera-title=${args.operaTitle}
@@ -188,7 +188,7 @@ export const SlottedHeaderCta = {
         name="star-empty"
         slot="header-cta"
       ></z-icon>
-    </z-book-card>`,
+    </z-book-card-deprecated>`,
 };
 export const SlottedFooterCta = {
     parameters: {
@@ -196,7 +196,7 @@ export const SlottedFooterCta = {
             exclude: ["borderless"],
         },
     },
-    render: (args) => html `<z-book-card
+    render: (args) => html `<z-book-card-deprecated
       variant=${args.variant}
       cover=${args.cover}
       opera-title=${args.operaTitle}
@@ -231,7 +231,7 @@ export const SlottedFooterCta = {
           Leggi il libro online
         </z-button>
       </div>
-    </z-book-card>`,
+    </z-book-card-deprecated>`,
 };
 export const ExpandedVariant = {
     parameters: {
@@ -239,7 +239,7 @@ export const ExpandedVariant = {
             exclude: ["variant", "borderless", "theme", "--z-book-card-compact-width", "--z-book-card-compact-height"],
         },
     },
-    render: (args) => html `<z-book-card
+    render: (args) => html `<z-book-card-deprecated
       variant="expanded"
       cover=${args.cover}
       opera-title=${args.operaTitle}
@@ -286,7 +286,7 @@ export const ExpandedVariant = {
         slot="header-cta"
         tabindex="0"
       ></z-icon>
-    </z-book-card>`,
+    </z-book-card-deprecated>`,
 };
 export const SearchVariant = {
     parameters: {
@@ -294,7 +294,7 @@ export const SearchVariant = {
             exclude: ["variant", "borderless", "theme", "--z-book-card-compact-width", "--z-book-card-compact-height"],
         },
     },
-    render: (args) => html `<z-book-card
+    render: (args) => html `<z-book-card-deprecated
       variant="search"
       cover=${args.cover}
       opera-title=${args.operaTitle}
@@ -332,7 +332,7 @@ export const SearchVariant = {
           Leggi il libro online
         </z-button>
       </div>
-    </z-book-card>`,
+    </z-book-card-deprecated>`,
 };
 export const CompactVariant = {
     parameters: {
@@ -347,7 +347,7 @@ export const CompactVariant = {
             ],
         },
     },
-    render: (args) => html `<z-book-card
+    render: (args) => html `<z-book-card-deprecated
       variant="compact"
       cover=${args.cover}
       opera-title=${args.operaTitle}
@@ -392,6 +392,6 @@ export const CompactVariant = {
           size="x-small"
         ></z-button>
       </div>
-    </z-book-card>`,
+    </z-book-card-deprecated>`,
 };
 //# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-book-card-deprecated/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {styleMap} from \"lit/directives/style-map.js\";\nimport {ZBookCardDeprecated} from \".\";\nimport {BookCardDeprecatedVariant} from \"../../../beans\";\nimport {CSSVarsArguments, getColorTokenArgConfig} from \"../../../utils/storybook-utils\";\nimport \"../../z-button/index\";\nimport \"../../z-icon/index\";\nimport \"../../z-tag/index\";\nimport \"./index\";\n\ntype ZBookCardStoriesArgs = ZBookCardDeprecated & {\n  theme: \"theme-default\" | \"theme-dark\" | \"theme-black-yellow\";\n} & CSSVarsArguments<\n    | \"z-book-card-ribbon-background-color\"\n    | \"z-book-card-ribbon-shadow-color\"\n    | \"z-book-card-compact-width\"\n    | \"z-book-card-compact-height\"\n  >;\nconst StoryMeta = {\n  title: \"ZBookCardDeprecated\",\n  component: \"z-book-card\",\n  argTypes: {\n    \"variant\": {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: Object.values(BookCardDeprecatedVariant),\n    },\n    \"theme\": {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: [\"theme-default\", \"theme-dark\", \"theme-black-yellow\"],\n    },\n    \"--z-book-card-ribbon-background-color\": getColorTokenArgConfig(),\n    \"--z-book-card-ribbon-shadow-color\": getColorTokenArgConfig(),\n  },\n  args: {\n    \"variant\": BookCardDeprecatedVariant.EXPANDED,\n    \"cover\": \"https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg\",\n    \"operaTitle\": \"Matematica.azzurro\",\n    \"volumeTitle\": \"Volume 3 con Tutor\",\n    \"authors\": \"Massimo Bergamini, Anna Trifone, Graziella Barozzi\",\n    \"isbn\": \"9788808930552\",\n    \"isbnLabel\": \"\",\n    \"ribbon\": \"ADOTTATO\",\n    \"ribbonIcon\": \"\",\n    \"ribbonInteractive\": false,\n    \"borderless\": false,\n    \"fallbackCover\": \"https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg\",\n    \"operaTitleTag\": \"h1\",\n    \"theme\": \"theme-default\",\n    \"--z-book-card-ribbon-background-color\": \"var(--avatar-C08)\",\n    \"--z-book-card-ribbon-shadow-color\": \"var(--green950)\",\n    \"--z-book-card-compact-width\": \"262px\",\n    \"--z-book-card-compact-height\": \"600px\",\n  },\n} satisfies Meta<ZBookCardStoriesArgs>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZBookCardStoriesArgs>;\n\nexport const AllProps = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    ></z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedTags = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedResources = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <a\n        class=\"z-link z-link-icon\"\n        slot=\"resources\"\n        style=\"width:100%; margin-bottom: 6px;\"\n      >\n        <z-icon\n          style=\"margin-right: 8px\"\n          name=\"arrow-quad-north-east\"\n        ></z-icon>\n        Resource link mock\n      </a>\n      <z-button\n        slot=\"resources\"\n        variant=\"secondary\"\n        size=\"x-small\"\n        style=\"width:100%; margin-bottom: 16px;\"\n        >Resource CTA mock</z-button\n      >\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedHeaderCta = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedFooterCta = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <div slot=\"footer-cta\">\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Leggi il libro online\n        </z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const ExpandedVariant = {\n  parameters: {\n    controls: {\n      exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"expanded\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n      })}\n    >\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <a\n        class=\"z-link z-link-icon\"\n        slot=\"resources\"\n        style=\"width:100%; margin-bottom: 6px;\"\n      >\n        <z-icon\n          style=\"margin-right: 8px\"\n          name=\"arrow-quad-north-east\"\n        ></z-icon>\n        Resource link mock\n      </a>\n      <z-button\n        slot=\"resources\"\n        variant=\"secondary\"\n        size=\"x-small\"\n        style=\"width:100%; margin-bottom: 16px;\"\n        >Resource CTA mock</z-button\n      >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n        tabindex=\"0\"\n      ></z-icon>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SearchVariant = {\n  parameters: {\n    controls: {\n      exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"search\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <div slot=\"footer-cta\">\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Leggi il libro online\n        </z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const CompactVariant = {\n  parameters: {\n    controls: {\n      exclude: [\n        \"variant\",\n        \"ribbon\",\n        \"ribbonIcon\",\n        \"ribbonInteractive\",\n        \"--z-book-card-ribbon-background-color\",\n        \"--z-book-card-ribbon-shadow-color\",\n      ],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"compact\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      borderless=${args.borderless}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <div\n        slot=\"footer-cta\"\n        style=\"display:flex; gap:8px;\"\n      >\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Call to action\n        </z-button>\n        <z-button\n          icon=\"arrow-quad-north-east\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        ></z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n"]}

package/dist/collection/components/deprecated/z-menu-deprecated/index.js

@@ -96,7 +96,7 @@ export class ZMenuDeprecated {
         return (h("div", { class: "menu-label" }, h("div", { class: "menu-label-content" }, h("slot", { onSlotchange: this.onLabelSlotChange }))));
     }
     render() {
-        return (h(Host, { key: '3db9cc8073a46a7160e9cdd10ca8e56017fa17e3' }, this.renderMenuLabel(), this.hasContent && (h("div", { key: '1ba60c68bbb101a557bab3609640b6f0729b0791', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (h("header", { key: '08a6e9093b5f38d61ad5dc7c52749df71de26218', class: "header" }, h("slot", { key: '3c0cc8a49f9d83ca592f144d2e63e3bbb82f44a8', name: "header", onSlotchange: this.checkContent }))), h("div", { key: '2f8d351c4fd22ff30d6f6d1899e5c3f5875b2cc5', class: "items", role: "menu" }, h("slot", { key: '4f411874aea00060bc7a1333bfed808c92d96bdd', name: "item", onSlotchange: this.onItemsChange }))))));
+        return (h(Host, { key: '5184325a76d1b8de3aa1a9d5b1b6f390345f9a57' }, this.renderMenuLabel(), this.hasContent && (h("div", { key: 'ba98a3dd24a7dd06c6a4cf517afaff98a9fd3f04', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (h("header", { key: '80c04af37987395ed3dcd0dda843b16731836b4d', class: "header" }, h("slot", { key: '1e77c59ff6382111a599bec3ce4c8a4a176b914c', name: "header", onSlotchange: this.checkContent }))), h("div", { key: '6b9a68b12183b713b7b25ab39352b9f2000ac467', class: "items", role: "menu" }, h("slot", { key: '7638540cf9ccb7d5d2b169cbd514a4b7e1428e5b', name: "item", onSlotchange: this.onItemsChange }))))));
     }
     static get is() { return "z-menu-deprecated"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/z-menu-section-deprecated/index.js

@@ -43,7 +43,7 @@ export class ZMenuSectionDeprecated {
         this.checkContent();
     }
     render() {
-        return (h(Host, { key: '9f5e6272fec856fc30b8f00632105cf2d41f53cc', role: "menu", open: this.open }, h("button", { key: '31fbf5069fe344a43e5835f14459300dcf3359ac', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, h("slot", { key: '789bf049b23b099e4fb07f12a3fa5a80a221f833', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && h("z-icon", { key: 'ffc7213860bca2db3fc12d575aaf26a0c598caaa', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (h("div", { key: '14cc6b2bb5f80030df79598464af61c4e375293b', class: "items" }, h("slot", { key: '830b84cf4ce1028c7cfed3ec5051f206f742e66f', name: "item", onSlotchange: this.checkContent.bind(this) })))));
+        return (h(Host, { key: 'c7d2a29ae2e56daa03be387dbf1f5f9e48185962', role: "menu", open: this.open }, h("button", { key: 'ec6cb222a29976ce929101a30f3cdefd12bf78bb', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, h("slot", { key: '91fc9b115c4b6a161efe7f043e59cb326e3b01e3', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && h("z-icon", { key: '0b186924f29ddb7da4848cfb6de49a6289050d14', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (h("div", { key: '6b366b818ffaeb799d5892d5e640ca42f0ffd3fe', class: "items" }, h("slot", { key: '57fe732de25b22342d8be5bb83084429e398838a', name: "item", onSlotchange: this.checkContent.bind(this) })))));
     }
     static get is() { return "z-menu-section-deprecated"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/file-upload/z-dragdrop-area/index.js

@@ -10,7 +10,7 @@ export class ZDragdropArea {
         return (h("div", { class: "dragover-container" }, h("div", { class: "dragover-message" }, h("span", { class: "body-2-sb" }, this.dragAndDropLabel))));
     }
     render() {
-        return (h("div", { key: '1b7b83c36eaed52bc0a7c1bd935aeb457199bd68', tabIndex: 0, ref: (val) => (this.dragDropContainer = val), class: "dragdrop", onDragOver: (e) => {
+        return (h("div", { key: 'f03237175af7dd7898f56cd22af5594d8c429b7c', tabIndex: 0, ref: (val) => (this.dragDropContainer = val), class: "dragdrop", onDragOver: (e) => {
                 e.preventDefault();
                 this.dragDropContainer.classList.add("dragover");
             }, onDragLeave: () => {
@@ -21,7 +21,7 @@ export class ZDragdropArea {
                     this.dragDropContainer.classList.remove("dragover");
                     this.fileDroppedHandler(e.dataTransfer.files);
                 }
-            } }, this.renderOnDragOverMessage(), h("slot", { key: '45848602ab9f4c3318f506386d174cf8ec2fc84b' })));
+            } }, this.renderOnDragOverMessage(), h("slot", { key: 'a8fe4b44fde1d59fb0bf2ef9b1b2b999ca2b820c' })));
     }
     static get is() { return "z-dragdrop-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/file-upload/z-file/index.js

@@ -32,7 +32,7 @@ export class ZFile {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (h(Host, { key: '0d6f3522b4d6be820d8b96a3cd96fc4abb38d41c' }, this.allowPopover && (h("z-popover", { key: 'da950fcf5b1be6fc291895aeb0e2223275cab8fa', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: '54363fac4eb3b6a723c7841bb29415b0bd763e9a', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: '2842d206ffa531c93838e885ba545176554dd7e3', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: 'e6d0322525bf9ae3d2d09d4110a5414c25ab211b', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
+        return (h(Host, { key: '58141a38cf9d43571dde4197bb54e247a3925968' }, this.allowPopover && (h("z-popover", { key: '58982b31d11c6d72df3259246c3947e7b6aeb65f', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: '300fd63d8d20f290772a60ac35a700743f1df4e0', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: 'cd9a2b638b278c57799afb5048e45d18e3976ed6', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: 'bd97f91a19c5c309bebeb5c0ebbc52a06dd53f41', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
     }
     static get is() { return "z-file"; }
     static get encapsulation() { return "scoped"; }