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

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

@@ -14,19 +14,10 @@ import { randomId } from "../../../utils/utils";
  */
 export class ZBookCardDeprecated {
     constructor() {
-        this.variant = undefined;
-        this.cover = undefined;
-        this.operaTitle = undefined;
-        this.volumeTitle = undefined;
-        this.authors = undefined;
-        this.isbn = undefined;
+        /**
+         * [optional] ISBN label
+         */
         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;
@@ -124,7 +115,7 @@ export class ZBookCardDeprecated {
         return (h("div", { class: "action-container" }, h("slot", { name: "footer-cta" })));
     }
     render() {
-        return (h("article", { key: '46b384be19cd2de4a07ca7962f4559af73f3b2ef', class: {
+        return (h("article", { key: '09310ad4eac077f69d476ad5bcc941d96df9975d', class: {
                 [this.variant]: true,
                 borderless: !!this.borderless,
             } }, this.renderCard()));
@@ -153,7 +144,8 @@ export class ZBookCardDeprecated {
                         "BookCardDeprecatedVariant": {
                             "location": "import",
                             "path": "../../../beans",
-                            "id": "src/beans/index.tsx::BookCardDeprecatedVariant"
+                            "id": "src/beans/index.tsx::BookCardDeprecatedVariant",
+                            "referenceLocation": "BookCardDeprecatedVariant"
                         }
                     }
                 },
@@ -163,8 +155,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "Card variant: expanded, compact, search"
                 },
-                "attribute": "variant",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "variant"
             },
             "cover": {
                 "type": "string",
@@ -180,8 +174,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "Cover URL"
                 },
-                "attribute": "cover",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "cover"
             },
             "operaTitle": {
                 "type": "string",
@@ -197,8 +193,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "Card main title"
                 },
-                "attribute": "opera-title",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "opera-title"
             },
             "volumeTitle": {
                 "type": "string",
@@ -214,8 +212,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Card subtitle"
                 },
-                "attribute": "volume-title",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "volume-title"
             },
             "authors": {
                 "type": "string",
@@ -231,8 +231,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Authors"
                 },
-                "attribute": "authors",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "authors"
             },
             "isbn": {
                 "type": "string",
@@ -248,8 +250,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Main ISBN"
                 },
-                "attribute": "isbn",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "isbn"
             },
             "isbnLabel": {
                 "type": "string",
@@ -265,8 +269,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] ISBN label"
                 },
-                "attribute": "isbn-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "isbn-label",
                 "defaultValue": "\"\""
             },
             "ribbon": {
@@ -283,8 +289,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Ribbon label - expanded and search variant only"
                 },
-                "attribute": "ribbon",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "ribbon"
             },
             "ribbonIcon": {
                 "type": "string",
@@ -300,8 +308,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Ribbon icon - expanded and search variant only"
                 },
-                "attribute": "ribbon-icon",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "ribbon-icon"
             },
             "ribbonInteractive": {
                 "type": "boolean",
@@ -317,8 +327,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Ribbon interactive - expanded and search variant only"
                 },
-                "attribute": "ribbon-interactive",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "ribbon-interactive"
             },
             "borderless": {
                 "type": "boolean",
@@ -334,8 +346,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Borderless card - compact variant only"
                 },
-                "attribute": "borderless",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "borderless"
             },
             "fallbackCover": {
                 "type": "string",
@@ -351,8 +365,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] Fallback cover URL"
                 },
-                "attribute": "fallback-cover",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "fallback-cover"
             },
             "operaTitleTag": {
                 "type": "string",
@@ -368,8 +384,10 @@ export class ZBookCardDeprecated {
                     "tags": [],
                     "text": "[optional] [accessibility] Card title HTML tag"
                 },
-                "attribute": "opera-title-tag",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "opera-title-tag"
             }
         };
     }
@@ -400,4 +418,3 @@ export class ZBookCardDeprecated {
     }
     static get elementRef() { return "hostElement"; }
 }
-//# sourceMappingURL=index.js.map

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

@@ -381,4 +381,3 @@ export const CompactVariant = {
       </div>
     </z-book-card-deprecated>`,
 };
-//# sourceMappingURL=index.stories.js.map

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

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 /**
  * @slot - Menu label
  * @slot header - Header to display as the first entry of the open menu.
@@ -11,7 +11,12 @@ export class ZMenuDeprecated {
             return;
         }
         this.open = !this.open;
-        this.open ? this.opened.emit() : this.closed.emit();
+        if (this.open) {
+            this.opened.emit();
+        }
+        else {
+            this.closed.emit();
+        }
     }
     /** Close the floating list when a click is performed outside of this Element. */
     handleClick(ev) {
@@ -31,12 +36,19 @@ export class ZMenuDeprecated {
         }
     }
     constructor() {
-        this.active = undefined;
+        /**
+         * Flag to set the display mode of the list.
+         * If true, the list will be absolutely positioned under the menu label,
+         * stacked beneath it otherwise.
+         */
         this.floating = false;
+        /** The opening state of the menu. */
         this.open = false;
+        /**
+         * Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).
+         * A small border is placed under it as a separator from other elements.
+         */
         this.verticalContext = false;
-        this.hasHeader = undefined;
-        this.hasContent = undefined;
         this.toggle = this.toggle.bind(this);
         this.checkContent = this.checkContent.bind(this);
         this.onLabelSlotChange = this.onLabelSlotChange.bind(this);
@@ -96,7 +108,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: '7b64ae06d79dd727299f86cb7f9d50a851776b90' }, this.renderMenuLabel(), this.hasContent && (h("div", { key: '9922d654e0e78bef5763af1a89ff838c86a1fe30', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (h("header", { key: 'c08ed7a8634b0cdc71b0052f4327134bdc5c8736', class: "header" }, h("slot", { key: '0a107099ee3c2de8727e6ea4f863ba46c67c1859', name: "header", onSlotchange: this.checkContent }))), h("div", { key: 'fa85f72658bb7f7a710ddf4fd7891e9e379845a0', class: "items", role: "menu" }, h("slot", { key: 'cc8b6625acaad177c516cc415a841662ce654c28', name: "item", onSlotchange: this.onItemsChange }))))));
+        return (h(Host, { key: 'c0cc18338db770e7b369bce7e469445219326566' }, this.renderMenuLabel(), this.hasContent && (h("div", { key: 'c895c377c1cc572c18bbc56e9cb8c513346d1ae4', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (h("header", { key: '17df894168c27a4ec0599d10bb885761b5eded54', class: "header" }, h("slot", { key: 'd50f55ef51bdf388a75bc8739c29a58f32c6b316', name: "header", onSlotchange: this.checkContent }))), h("div", { key: '948157a99d60c696fa97b8b904366dc0992e87da', class: "items", role: "menu" }, h("slot", { key: 'e93150d2a5e7c1e33d7cfe8f297e9990e0d5c01e', name: "item", onSlotchange: this.onItemsChange }))))));
     }
     static get is() { return "z-menu-deprecated"; }
     static get encapsulation() { return "shadow"; }
@@ -126,8 +138,10 @@ export class ZMenuDeprecated {
                     "tags": [],
                     "text": "Flag to set the active status of the menu."
                 },
-                "attribute": "active",
-                "reflect": true
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "active"
             },
             "floating": {
                 "type": "boolean",
@@ -143,8 +157,10 @@ export class ZMenuDeprecated {
                     "tags": [],
                     "text": "Flag to set the display mode of the list.\nIf true, the list will be absolutely positioned under the menu label,\nstacked beneath it otherwise."
                 },
-                "attribute": "floating",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "floating",
                 "defaultValue": "false"
             },
             "open": {
@@ -161,8 +177,10 @@ export class ZMenuDeprecated {
                     "tags": [],
                     "text": "The opening state of the menu."
                 },
-                "attribute": "open",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "open",
                 "defaultValue": "false"
             },
             "verticalContext": {
@@ -179,8 +197,10 @@ export class ZMenuDeprecated {
                     "tags": [],
                     "text": "Tells the component that it's placed in a vertical context with other `ZMenu`s (e.g. in the ZAppHeader's offcanvas).\nA small border is placed under it as a separator from other elements."
                 },
-                "attribute": "vertical-context",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "vertical-context",
                 "defaultValue": "false"
             }
         };
@@ -241,4 +261,3 @@ export class ZMenuDeprecated {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -126,4 +126,3 @@ export const ActiveWithoutItems = {
     </z-menu-deprecated>
   `,
 };
-//# sourceMappingURL=index.stories.js.map

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

@@ -5,17 +5,17 @@ import { Host, h } from "@stencil/core";
  * @slot item - Single entry of the section. Set the same slot name to different items to put many of them. Add the `active` attribute to a slotted item to highlight it.
  */
 export class ZMenuSectionDeprecated {
-    constructor() {
-        this.active = undefined;
-        this.open = undefined;
-        this.hasContent = undefined;
-    }
     toggle() {
         if (!this.hasContent) {
             return;
         }
         this.open = !this.open;
-        this.open ? this.opened.emit() : this.closed.emit();
+        if (this.open) {
+            this.opened.emit();
+        }
+        else {
+            this.closed.emit();
+        }
     }
     /** Close the list when a click is performed outside of this Element. */
     handleClick(ev) {
@@ -43,7 +43,7 @@ export class ZMenuSectionDeprecated {
         this.checkContent();
     }
     render() {
-        return (h(Host, { key: '6cc06eccce2d2c9611936c2b804f3c7744774aad', role: "menu", open: this.open }, h("button", { key: '2cc287717a677392b5084f61b6eca0fd88dc13c0', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, h("slot", { key: '2b3d76700bea806f8b0db6a9d3fd915885b275c2', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && h("z-icon", { key: '16162d96f5d3d3fb475db88525ce9e23e34a08c6', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (h("div", { key: '801f6e8e3f54fc7a64e3b6388f4c4d7297a3e757', class: "items" }, h("slot", { key: '875889ac362c006c632db4eb04f32e228f7cb13c', name: "item", onSlotchange: this.checkContent.bind(this) })))));
+        return (h(Host, { key: '9c0afdf0decad8a1eb51ba90c1fa1cb3bcbfa321', role: "menu", open: this.open }, h("button", { key: '79ddfb8c44ef6a47fad56cf2f2a1c5ea6ee4bd5a', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, h("slot", { key: '3027b6975681544c8e2fef1c6f59be689664e26e', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && h("z-icon", { key: '9de3a8659409445f8bf781498ecc1dd2d2691d6c', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (h("div", { key: 'd5aa04822af0e9e9c07b6ee72bde0b875d2bafbb', class: "items" }, h("slot", { key: 'ca7eaac55e80903beb3d49373bbb28ca24f4e034', name: "item", onSlotchange: this.checkContent.bind(this) })))));
     }
     static get is() { return "z-menu-section-deprecated"; }
     static get encapsulation() { return "shadow"; }
@@ -73,8 +73,10 @@ export class ZMenuSectionDeprecated {
                     "tags": [],
                     "text": "Active state"
                 },
-                "attribute": "active",
-                "reflect": true
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "active"
             }
         };
     }
@@ -128,4 +130,3 @@ export class ZMenuSectionDeprecated {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -38,4 +38,3 @@ export const WithoutItems = {
     </z-menu-section-deprecated>
   `,
 };
-//# sourceMappingURL=index.stories.js.map

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

@@ -11,14 +11,21 @@ import { DividerSize, ZSectionTitleDividerPosition } from "../../../beans";
  */
 export class ZSectionTitle {
     constructor() {
+        /**
+         * Divider position for the primary title.
+         * This prop only works if the secondary title is not set.
+         */
         this.dividerPosition = ZSectionTitleDividerPosition.BEFORE;
+        /**
+         * Whether the primary title text is uppercase.
+         */
         this.uppercase = true;
     }
     componentWillRender() {
         this.hasSecondaryTitle = !!this.host.querySelector("[slot=secondary-title]");
     }
     render() {
-        return (h(Host, { key: 'b42238fc6f9ecdd6b773746c1d97d2ac2d3d5c31' }, h("slot", { key: 'da33aa876ed2469b5cddf5f1dc34914afb87110f', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { key: 'e8c76d87a57c34b802e467cd9e5b4212a3464350', size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: 'd65a8312c2b71b0976c63c2de93d7a35bf675736', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { key: '9e70bb6279e893957314eda5344ffc1a7289315a', size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
+        return (h(Host, { key: 'b2a5c1767c66f1b993f95c4907e5b6ac4555a7a5' }, h("slot", { key: 'dd96a1b84d003243f6a48a074c3ebe92c5b3c3e3', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { key: '8de1932f1eee5210277e73ba1a25359570a2ab06', size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: 'd0f29c94936e5ab2a7491b3b6273ce51a1c8a626', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { key: '13f04775afe18fc3f76bb09f48c415486896b421', size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
     }
     static get is() { return "z-section-title"; }
     static get encapsulation() { return "shadow"; }
@@ -44,7 +51,8 @@ export class ZSectionTitle {
                         "ZSectionTitleDividerPosition": {
                             "location": "import",
                             "path": "../../../beans",
-                            "id": "src/beans/index.tsx::ZSectionTitleDividerPosition"
+                            "id": "src/beans/index.tsx::ZSectionTitleDividerPosition",
+                            "referenceLocation": "ZSectionTitleDividerPosition"
                         }
                     }
                 },
@@ -54,8 +62,10 @@ export class ZSectionTitle {
                     "tags": [],
                     "text": "Divider position for the primary title.\nThis prop only works if the secondary title is not set."
                 },
-                "attribute": "divider-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "divider-position",
                 "defaultValue": "ZSectionTitleDividerPosition.BEFORE"
             },
             "uppercase": {
@@ -72,12 +82,13 @@ export class ZSectionTitle {
                     "tags": [],
                     "text": "Whether the primary title text is uppercase."
                 },
-                "attribute": "uppercase",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "uppercase",
                 "defaultValue": "true"
             }
         };
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=index.js.map

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

@@ -54,4 +54,3 @@ export const SecondaryTitle = {
     </z-section-title>
   `,
 };
-//# sourceMappingURL=index.stories.js.map

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class ZDragdropArea {
     constructor() {
-        this.dragAndDropLabel = undefined;
+        /** State that indicates if the user is dragging a file over the drag & drop area */
         this.dragging = false;
     }
     onDrop(e) {
@@ -12,12 +12,12 @@ export class ZDragdropArea {
         }
     }
     render() {
-        return (h(Host, { key: '32b072c1d8a73bfe406e587c2e9e0c7d43424615', class: { dragover: this.dragging }, onDragOver: (e) => {
+        return (h(Host, { key: '042a22ebd47c1bee49ca08121fa3ef23c99daa97', class: { dragover: this.dragging }, onDragOver: (e) => {
                 e.preventDefault();
                 this.dragging = true;
             }, onDragLeave: () => {
                 this.dragging = false;
-            }, onDrop: this.onDrop.bind(this) }, h("div", { key: '8312cab9a38f7c4258ef705945717fb8b8ef4b92', class: "dragover-container" }, h("z-button", { key: '36bdf4d0361043294b29c5e7a7102344f74c2b67' }, this.dragAndDropLabel)), h("slot", { key: '8e60d77a01a662095594b085656492e96ac3b445' })));
+            }, onDrop: this.onDrop.bind(this) }, h("div", { key: '9f4cb47d47b9976a86f5eedba956aa3cf0939f81', class: "dragover-container" }, h("z-button", { key: 'fc12e55894affd3273bffa56f1508b0d1d23e92d' }, this.dragAndDropLabel)), h("slot", { key: '0f99ee53ef49d5792772b9993bade7d5b46e6c58' })));
     }
     static get is() { return "z-dragdrop-area"; }
     static get encapsulation() { return "shadow"; }
@@ -47,8 +47,10 @@ export class ZDragdropArea {
                     "tags": [],
                     "text": "drag & drop button label"
                 },
-                "attribute": "drag-and-drop-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "drag-and-drop-label"
             }
         };
     }
@@ -76,4 +78,3 @@ export class ZDragdropArea {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

@@ -3,8 +3,6 @@ import { PopoverPosition, ZChipType } from "../../../beans";
 import { Breakpoints } from "../../../constants/breakpoints";
 export class ZFile {
     constructor() {
-        this.fileNumber = undefined;
-        this.fileName = undefined;
         this.allowPopover = false;
         this.popoverVisible = false;
     }
@@ -32,7 +30,7 @@ export class ZFile {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (h(Host, { key: '7f9738fc5ab5714736fc9ce5f83cb31f41b0e099' }, this.allowPopover && (h("z-popover", { key: 'd5baa113aa7e90938197d6cbd4d90b6a952e4cc7', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: 'f4fc4a0a02c3475713b76ad1ece29dff2d514369', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: '301e251425be64a0484dc397e3222d3790e14a80', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: '5d3f8d4bdf1550b72e44aeed32a4cb59da15f5e8', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
+        return (h(Host, { key: 'b14de221b558a20b6a73755f4a299743fa5a7d23' }, this.allowPopover && (h("z-popover", { key: 'fc3a7c327d89a7a9ea6b9660d17d78de1922729c', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: '7f33d40074ba639bd8da65132dad5b2fa1cf349e', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: 'ae8746950f0ee745c77a1b5602c4f6ecb0278afd', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: '6ef36d2bebe82fbcb9919cce4c2a4c8d657ba255', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
     }
     static get is() { return "z-file"; }
     static get encapsulation() { return "scoped"; }
@@ -62,8 +60,10 @@ export class ZFile {
                     "tags": [],
                     "text": "File chip id"
                 },
-                "attribute": "file-number",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "file-number"
             },
             "fileName": {
                 "type": "string",
@@ -79,8 +79,10 @@ export class ZFile {
                     "tags": [],
                     "text": "File name"
                 },
-                "attribute": "file-name",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "file-name"
             }
         };
     }
@@ -131,4 +133,3 @@ export class ZFile {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

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

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