@zanichelli/albe-web-components 19.2.2 → 19.2.3-RC1

package/dist/collection/components/z-anchor-navigation/index.js

@@ -17,10 +17,30 @@ import { ButtonVariant, ControlSize } from "../../beans";
  */
 export class ZAnchorNavigation {
     constructor() {
+        /**
+         * If enabled, the text of each anchor will be hidden unless
+         * for the current one or the one the user is hovering.
+         */
         this.hideUnselected = false;
+        /**
+         * Enables automatic inference of the current item, listening for hash change
+         * and checking the `href` of the slotted anchors.
+         * When disabled, the highlight of current item must be handled manually by setting the `data-current`
+         * attribute to the correct slotted items and the `aria-current` attribute to the anchors.
+         */
         this.autoCurrent = true;
+        /**
+         * Sets the label of the button displayed on mobile viewport when the anchor navigation is collapsed
+         */
         this.collapsedLabel = "salta a";
+        /**
+         * Explicitly collapse anchor navigation.
+         * If false will collapse automatically only on mobile.
+         */
         this.isCollapsed = false;
+        /**
+         * Whether the mobile list is collapsed.
+         */
         this.collapsed = false;
     }
     /**
@@ -51,7 +71,7 @@ export class ZAnchorNavigation {
         window.removeEventListener("hashchange", this.setCurrent);
     }
     render() {
-        return (h(Host, { key: 'd019c9a42fbdf7987ad2115fac3803e35e2c838a', collapsed: this.collapsed, class: "z-scrollbar" }, h("z-button", { key: 'cca133f6627d30ef523923dd288c351fe73a37d8', class: "toggle", size: ControlSize.SMALL, variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), h("nav", { key: 'ae497ef7b0c4a54445aadadf90c5e2e0119a2d11', ref: (el) => (this.nav = el) }, h("slot", { key: 'b0aad81924302ff9b73ac6a8fceaa07a7aefac13' }))));
+        return (h(Host, { key: '39d74e83a12d8fa3284190da2becd9fbe2f88211', collapsed: this.collapsed, class: "z-scrollbar" }, h("z-button", { key: 'b7a98b737dfd5d2499c9626a4e4ee626d92896da', class: "toggle", size: ControlSize.SMALL, variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, this.collapsedLabel), h("nav", { key: 'b28787b604e8e2ef9ae6a6f6d2e9b6e162ce37f3', ref: (el) => (this.nav = el) }, h("slot", { key: 'aaaa4ab016f1916fd6b4ee6723882862884538b0' }))));
     }
     static get is() { return "z-anchor-navigation"; }
     static get originalStyleUrls() {
@@ -80,8 +100,10 @@ export class ZAnchorNavigation {
                     "tags": [],
                     "text": "If enabled, the text of each anchor will be hidden unless\nfor the current one or the one the user is hovering."
                 },
-                "attribute": "hide-unselected",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "hide-unselected",
                 "defaultValue": "false"
             },
             "autoCurrent": {
@@ -98,8 +120,10 @@ export class ZAnchorNavigation {
                     "tags": [],
                     "text": "Enables automatic inference of the current item, listening for hash change\nand checking the `href` of the slotted anchors.\nWhen disabled, the highlight of current item must be handled manually by setting the `data-current`\nattribute to the correct slotted items and the `aria-current` attribute to the anchors."
                 },
-                "attribute": "auto-current",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "auto-current",
                 "defaultValue": "true"
             },
             "collapsedLabel": {
@@ -116,8 +140,10 @@ export class ZAnchorNavigation {
                     "tags": [],
                     "text": "Sets the label of the button displayed on mobile viewport when the anchor navigation is collapsed"
                 },
-                "attribute": "collapsed-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "collapsed-label",
                 "defaultValue": "\"salta a\""
             },
             "isCollapsed": {
@@ -134,8 +160,10 @@ export class ZAnchorNavigation {
                     "tags": [],
                     "text": "Explicitly collapse anchor navigation.\nIf false will collapse automatically only on mobile."
                 },
-                "attribute": "is-collapsed",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "is-collapsed",
                 "defaultValue": "false"
             }
         };
@@ -147,4 +175,3 @@ export class ZAnchorNavigation {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/z-anchor-navigation/index.stories.js

@@ -348,4 +348,3 @@ export const AutoCurrentDisabling = {
     </div>
   `,
 };
-//# sourceMappingURL=index.stories.js.map

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

@@ -1,4 +1,4 @@
-import { Fragment, Host, h } from "@stencil/core";
+import { Fragment, Host, h, } from "@stencil/core";
 import { ButtonVariant, ControlSize, KeyboardCode, OffCanvasVariant, TransitionDirection } from "../../beans";
 import { Breakpoints } from "../../constants/breakpoints";
 import { containsElement } from "../../utils/utils";
@@ -214,24 +214,47 @@ export class ZAppHeader {
         return (h("div", { class: "heading-stuck" }, h("div", { class: "heading-stuck-content" }, this.renderMenuButton(), h("div", { class: "heading-title" }, this.renderProductLogos(), h("div", { class: "stucked-title" }, h("slot", { name: "stucked-title" }, this.title))), this.enableSearch && this.renderSeachbar())));
     }
     constructor() {
-        this.menuElements = [];
-        this.stuckIntersecObserver = SUPPORT_INTERSECTION_OBSERVER
-            ? new IntersectionObserver(([entry]) => {
-                this._stuck = !entry.isIntersecting;
-            }, { threshold: 0.5 })
-            : undefined;
+        /**
+         * Stuck mode for the header.
+         * You can programmatically set it using an IntersectionObserver.
+         */
         this.stuck = false;
+        /**
+         * When enabled, the menu bar is not displayed and a burger icon appears to open the offcanvas menu. Automatically enabled on mobile and when the menu items overflow the container.
+         */
         this.enableOffcanvas = false;
+        /**
+         * Enable the search bar.
+         */
         this.enableSearch = false;
+        /**
+         * Placeholder text for the search bar.
+         */
         this.searchPlaceholder = "Cerca";
+        /**
+         * Search string for the search bar.
+         */
         this.searchString = "";
-        this.searchPageUrl = undefined;
+        /**
+         * Enable laZ logo.
+         */
         this.enableZLogo = true;
+        /**
+         * The opening state of the drawer.
+         */
         this.drawerOpen = false;
+        /**
+         * The stuck state of the bar.
+         */
         this._stuck = false;
-        this.menuLength = undefined;
         this.isMobile = true;
         this.isTablet = false;
+        this.menuElements = [];
+        this.stuckIntersecObserver = SUPPORT_INTERSECTION_OBSERVER
+            ? new IntersectionObserver(([entry]) => {
+                this._stuck = !entry.isIntersecting;
+            }, { threshold: 0.5 })
+            : undefined;
         this.openDrawer = this.openDrawer.bind(this);
         this.closeDrawer = this.closeDrawer.bind(this);
         this.collectMenuElements = this.collectMenuElements.bind(this);
@@ -257,7 +280,7 @@ export class ZAppHeader {
     }
     render() {
         const hasTopSubtitle = this.hasSlot("top-subtitle");
-        return (h(Host, { key: 'a823113610378e9d634bf1779f5be2f5dc0c39f1', "menu-length": this.menuLength }, h("div", { key: 'c93cc0d8ef6cfba9875b2a4be50f065a4c276329', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '5138c2f0828d182ca610696b341f7292a12dc29b', class: { "heading-container": true, "has-top-subtitle": hasTopSubtitle } }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: '3ccea8b1134d18c47e7736683090a5cff1f5805c', class: { "top-subtitle": true, "has-product-logo": hasTopSubtitle && this.hasSlot("product-logo") } }, h("slot", { key: '7f2e046036bb62644b4d20ebcea6879d146f7900', name: "top-subtitle" }))), h("div", { key: 'a6be051f516f7e23348c7e3781463048f49c4fb5', class: "heading-title" }, h("slot", { key: '561fab39ded745bfc44a3ed6b16df481771b71eb', name: "menu-button" }, this.renderMenuButton()), !this._stuck && this.renderProductLogos(), h("slot", { key: 'd0339b71194c5b61da665a3ccf38f9188a6b11c9', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: '016d2598ab5e436713dc70a100100ecc7490729e', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '8cef304ecced8d2f4f6ba454db5c7ef74fcaed87', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: '9bd29440ce257ab3b6f58567713823c2047d7b2c', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
+        return (h(Host, { key: 'dc030db81c271ed36850fb287d29ace79851d4a1', "menu-length": this.menuLength }, h("div", { key: '49d34b66c216a92c80eb9216fa52e48add4cee0a', class: { "heading-panel": true, "has-menubar": this.menuLength > 0 && !this.enableOffcanvas }, ref: (el) => (this.container = el) }, h("div", { key: '29639ab6d0620491c69651139ddf8311e2177122', class: { "heading-container": true, "has-top-subtitle": hasTopSubtitle } }, ((!this.enableSearch && this.isMobile) || !this.isMobile) && (h("div", { key: 'bc685fb828a89777bec6dcc5bc754534f83361cd', class: { "top-subtitle": true, "has-product-logo": hasTopSubtitle && this.hasSlot("product-logo") } }, h("slot", { key: 'cb2b1468f4b34d11dbf444f2cde0c7cce86cbd1e', name: "top-subtitle" }))), h("div", { key: '80036c45fcbd3d490b85f653efb35010b1639b6f', class: "heading-title" }, h("slot", { key: 'bc4a0397893534c0dac99e081ef0ba5d6db2ecd3', name: "menu-button" }, this.renderMenuButton()), !this._stuck && this.renderProductLogos(), h("slot", { key: 'a72c2c657ae430e0cc6b134e843fec1c983e7777', name: "title" }), this.enableSearch && !this.isMobile && this.renderSeachbar()), this.enableSearch && this.isMobile && this.renderSeachbar()), h("nav", { key: 'b620b02b62b99b13e6b4c0c1be0997d3af448aeb', class: "menu-container", "aria-label": this.title || undefined }, this.canShowMenu && (h("div", { key: '6c1887c703734a0e1ab4b77b821dad2e9bc0c3df', role: "menubar", "aria-label": this.title || undefined }, h("slot", { key: '2daaf3501852cab84cf2b3a85a770553dc70a101', name: "menu", onSlotchange: this.collectMenuElements }))))), this.renderOffcanvas(), this._stuck && this.renderStuck()));
     }
     static get is() { return "z-app-header"; }
     static get encapsulation() { return "shadow"; }
@@ -287,8 +310,10 @@ export class ZAppHeader {
                     "tags": [],
                     "text": "Stuck mode for the header.\nYou can programmatically set it using an IntersectionObserver."
                 },
-                "attribute": "stuck",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "stuck",
                 "defaultValue": "false"
             },
             "enableOffcanvas": {
@@ -305,8 +330,10 @@ export class ZAppHeader {
                     "tags": [],
                     "text": "When enabled, the menu bar is not displayed and a burger icon appears to open the offcanvas menu. Automatically enabled on mobile and when the menu items overflow the container."
                 },
-                "attribute": "enable-offcanvas",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "enable-offcanvas",
                 "defaultValue": "false"
             },
             "enableSearch": {
@@ -323,8 +350,10 @@ export class ZAppHeader {
                     "tags": [],
                     "text": "Enable the search bar."
                 },
-                "attribute": "enable-search",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "enable-search",
                 "defaultValue": "false"
             },
             "searchPlaceholder": {
@@ -341,8 +370,10 @@ export class ZAppHeader {
                     "tags": [],
                     "text": "Placeholder text for the search bar."
                 },
-                "attribute": "search-placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "search-placeholder",
                 "defaultValue": "\"Cerca\""
             },
             "searchString": {
@@ -359,8 +390,10 @@ export class ZAppHeader {
                     "tags": [],
                     "text": "Search string for the search bar."
                 },
-                "attribute": "search-string",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "search-string",
                 "defaultValue": "\"\""
             },
             "searchPageUrl": {
@@ -377,8 +410,10 @@ export class ZAppHeader {
                     "tags": [],
                     "text": "Url to the search page.\nSet this prop and `enableSearch` to show a link-button on mobile and tablet viewports, instead of the normal searchbar.\nThe link will also appear on the sticky header."
                 },
-                "attribute": "search-page-url",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "search-page-url"
             },
             "enableZLogo": {
                 "type": "boolean",
@@ -394,8 +429,10 @@ export class ZAppHeader {
                     "tags": [],
                     "text": "Enable laZ logo."
                 },
-                "attribute": "enable-z-logo",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "enable-z-logo",
                 "defaultValue": "true"
             },
             "drawerOpen": {
@@ -412,8 +449,10 @@ export class ZAppHeader {
                     "tags": [],
                     "text": "The opening state of the drawer."
                 },
-                "attribute": "drawer-open",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "drawer-open",
                 "defaultValue": "false"
             }
         };
@@ -479,4 +518,3 @@ export class ZAppHeader {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -300,4 +300,3 @@ export const SearchPageButton = {
       ${menuTemplate()}
     </z-app-header>`,
 };
-//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-aria-alert/index.js

@@ -2,10 +2,11 @@ import { Host, h } from "@stencil/core";
 import { ZAriaAlertMode } from "../../beans";
 export class ZAriaAlert {
     constructor() {
+        /** Aria live mode */
         this.mode = ZAriaAlertMode.POLITE;
     }
     render() {
-        return (h(Host, { key: '507fd85bea3bc6cdfa0915afaf57866e29cc36e3', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: 'b28a7129f907a00beb9e5aa186f2960d7d6c4d1d' })));
+        return (h(Host, { key: '13857c631b48af312fa399d224dd299d24ad7026', "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" }, h("slot", { key: 'b5f4501e8230e2d669eb24d431a39e58232eab20' })));
     }
     static get is() { return "z-aria-alert"; }
     static get properties() {
@@ -20,7 +21,8 @@ export class ZAriaAlert {
                         "ZAriaAlertMode": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::ZAriaAlertMode"
+                            "id": "src/beans/index.tsx::ZAriaAlertMode",
+                            "referenceLocation": "ZAriaAlertMode"
                         }
                     }
                 },
@@ -30,11 +32,12 @@ export class ZAriaAlert {
                     "tags": [],
                     "text": "Aria live mode"
                 },
-                "attribute": "mode",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "mode",
                 "defaultValue": "ZAriaAlertMode.POLITE"
             }
         };
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/z-aria-alert/index.stories.js

@@ -73,4 +73,3 @@ export const VisuallyHidden = {
         </z-visually-hidden>
       </div>`,
 };
-//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/z-avatar/index.js

@@ -3,11 +3,12 @@ import { AvatarSize } from "../../beans";
 export class ZAvatar {
     constructor() {
         var _a, _b;
+        /** [optional] Avatar size */
         this.size = AvatarSize.MEDIUM;
-        this.text = undefined;
+        /** [optional] Avatar text color */
         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");
         }
@@ -24,10 +25,10 @@ export class ZAvatar {
         }
     }
     render() {
-        return (h(Host, { key: '8ce8c6ffe56b55036f9f47146041fcb91051ad36', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
+        return (h(Host, { key: '0193c1b81b0b8770c8bd1f807d128a110e6bdce9', class: { [this.size]: true, [`body-${this.getTextSize()}-sb`]: true }, style: {
                 color: `var(--${this.textColor})`,
                 backgroundColor: `var(--${this.backgroundColor})`,
-            } }, this.text && !this.image && h("span", { key: 'b989378860518c05074dcf3cf445df062679f3c1' }, this.text.substring(0, 2)), this.image && (h("img", { key: '56a3a248fe3f88b2ed285f6a7c133b542ca21940', src: this.image, onError: () => (this.image = "") }))));
+            } }, this.text && !this.image && h("span", { key: 'c14637da56b4861d00a40d3b976293b3d9580dab' }, this.text.substring(0, 2)), this.image && (h("img", { key: 'bfda459b40de8ece37f6fb3457d9b90d2986b7f0', src: this.image, onError: () => (this.image = "") }))));
     }
     static get is() { return "z-avatar"; }
     static get encapsulation() { return "shadow"; }
@@ -53,7 +54,8 @@ export class ZAvatar {
                         "AvatarSize": {
                             "location": "import",
                             "path": "../../beans",
-                            "id": "src/beans/index.tsx::AvatarSize"
+                            "id": "src/beans/index.tsx::AvatarSize",
+                            "referenceLocation": "AvatarSize"
                         }
                     }
                 },
@@ -63,8 +65,10 @@ export class ZAvatar {
                     "tags": [],
                     "text": "[optional] Avatar size"
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "AvatarSize.MEDIUM"
             },
             "text": {
@@ -81,8 +85,10 @@ export class ZAvatar {
                     "tags": [],
                     "text": "[optional] Avatar text"
                 },
-                "attribute": "text",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "text"
             },
             "textColor": {
                 "type": "string",
@@ -98,8 +104,10 @@ export class ZAvatar {
                     "tags": [],
                     "text": "[optional] Avatar text color"
                 },
-                "attribute": "text-color",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "text-color",
                 "defaultValue": "\"color-white\""
             },
             "backgroundColor": {
@@ -116,8 +124,10 @@ export class ZAvatar {
                     "tags": [],
                     "text": "[optional] Avatar background color"
                 },
-                "attribute": "background-color",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "background-color",
                 "defaultValue": "\"gray700\""
             },
             "image": {
@@ -134,10 +144,11 @@ export class ZAvatar {
                     "tags": [],
                     "text": "[optional] Avatar image"
                 },
-                "attribute": "image",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "image"
             }
         };
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/z-avatar/index.stories.js

@@ -48,4 +48,3 @@ export const Default = {
       image="${args.image}"
     ></z-avatar>`,
 };
-//# sourceMappingURL=index.stories.js.map

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

@@ -14,14 +14,14 @@ import defaultFallbackCover from "../../assets/images/png/placeholder-cover.png"
  */
 export class ZBookCover {
     constructor() {
-        this.cover = undefined;
-        this.fallbackCover = undefined;
+        /** Whether to show a stack of covers to represent multiple books. */
         this.multiple = false;
+        /** Whether to apply a border around the cover image (always applied when `multiple` is enabled). */
         this.bordered = false;
     }
     render() {
         var _a;
-        return (h(Host, { key: 'a39c5ae748e87831c5032997d7b98ec3884bce13' }, this.multiple && (h(Fragment, { key: 'ffbce1953710801b0967cef86d3f3d525a08e83a' }, h("div", { key: '29fa36521978e853ae6518cf39c62479f83fe876', class: "shifted-stack-cover stack-cover-2" }), h("div", { key: 'a3922017b9e6d1492bb0a4d3f29ee3438a674f11', class: "shifted-stack-cover stack-cover-1" }))), h("div", { key: '73141066121f7d8a66319962294af2f368fe4523', class: "cover-container" }, h("img", { key: '41de1cbfe5faae14c4e6c52e25e0f64a80792555', src: (_a = this.cover) !== null && _a !== void 0 ? _a : defaultFallbackCover, "aria-hidden": "true", alt: "", onError: () => (this.cover = this.fallbackCover || defaultFallbackCover) }), h("slot", { key: '9c49173fd6a0234c960aa8ae612f026a24521231', name: "coverOverlay" }))));
+        return (h(Host, { key: '2d26511d2f6c57adf2b20c0a98b86b5c18ca3b55' }, this.multiple && (h(Fragment, { key: '79279147bd5526ec381ee54681e70f2601f7d606' }, h("div", { key: 'a58d293a70ae353b24deda1917ba06b46cd6cb69', class: "shifted-stack-cover stack-cover-2" }), h("div", { key: '34496473686299a655126cd1222d1ae88eadada8', class: "shifted-stack-cover stack-cover-1" }))), h("div", { key: 'd3ffeff92bfcb9a4cfc8a1d250e03bcbb8de8aa1', class: "cover-container" }, h("img", { key: '9e05370d50d32cdcf7c0ffed6f0c9db11219b393', src: (_a = this.cover) !== null && _a !== void 0 ? _a : defaultFallbackCover, "aria-hidden": "true", alt: "", onError: () => (this.cover = this.fallbackCover || defaultFallbackCover) }), h("slot", { key: 'dc7b2f10a9762234f43cd0857bbd6471f1d061e8', name: "coverOverlay" }))));
     }
     static get is() { return "z-book-cover"; }
     static get encapsulation() { return "shadow"; }
@@ -51,8 +51,10 @@ export class ZBookCover {
                     "tags": [],
                     "text": "URL of the cover image."
                 },
-                "attribute": "cover",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "cover"
             },
             "fallbackCover": {
                 "type": "string",
@@ -68,8 +70,10 @@ export class ZBookCover {
                     "tags": [],
                     "text": "URL of the fallback cover image."
                 },
-                "attribute": "fallback-cover",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "fallback-cover"
             },
             "multiple": {
                 "type": "boolean",
@@ -85,8 +89,10 @@ export class ZBookCover {
                     "tags": [],
                     "text": "Whether to show a stack of covers to represent multiple books."
                 },
-                "attribute": "multiple",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "multiple",
                 "defaultValue": "false"
             },
             "bordered": {
@@ -103,11 +109,12 @@ export class ZBookCover {
                     "tags": [],
                     "text": "Whether to apply a border around the cover image (always applied when `multiple` is enabled)."
                 },
-                "attribute": "bordered",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "bordered",
                 "defaultValue": "false"
             }
         };
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/z-book-cover/index.stories.js

@@ -28,4 +28,3 @@ export const Default = {
     })}
     ></z-book-cover>`,
 };
-//# sourceMappingURL=index.stories.js.map