@zanichelli/albe-web-components 19.3.0-RC4 → 19.3.0-RC6

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

@@ -1,9 +1,8 @@
-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.
  * @slot item - Single entry of the section. Can be slotted multiple times to insert items onto the menu. Use `z-menu-section` for submenus.
- * @cssprop --z-menu-label-color - Color of the label's text.
  */
 export class ZMenuDeprecated {
     toggle() {
@@ -11,7 +10,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 +35,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 +107,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: '2e51f6e5df94d3903783dcb20fe66abdf59a1549' }, this.renderMenuLabel(), this.hasContent && (h("div", { key: 'b9c3ba5e930a06834d4de361b6dc30a1db9c6ae6', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (h("header", { key: 'eaa017e5442ed56ebb70453e9717e737d3da1e1b', class: "header" }, h("slot", { key: 'bd28e8f9b2922f2839a6bdaa4794ca26c7b2b030', name: "header", onSlotchange: this.checkContent }))), h("div", { key: 'b948fbb21e94debc85b07a4d03c85628d4b23268', class: "items", role: "menu" }, h("slot", { key: '5299535cab84e8b4812401eff27951386ed16573', name: "item", onSlotchange: this.onItemsChange }))))));
+        return (h(Host, { key: 'dde3e828c6617646ed848e91c53dc624fc23bc2d' }, this.renderMenuLabel(), this.hasContent && (h("div", { key: '9888a27020733770e87e87f2ac6193dc0430e36b', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (h("header", { key: '09a21728b3cfc859dbdf59b2441326a610c2869f', class: "header" }, h("slot", { key: '72bbb4073b1e76569770dc7089526e9f9b055089', name: "header", onSlotchange: this.checkContent }))), h("div", { key: 'f53e86dea26861a62f3e924e67f14c97e42f7861', class: "items", role: "menu" }, h("slot", { key: '2b6e230e79f472828b85ba40281c9781a14dcef6', name: "item", onSlotchange: this.onItemsChange }))))));
     }
     static get is() { return "z-menu-deprecated"; }
     static get encapsulation() { return "shadow"; }
@@ -126,8 +137,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 +156,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 +176,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 +196,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 +260,3 @@ export class ZMenuDeprecated {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/deprecated/z-menu-deprecated/styles.css

@@ -5,11 +5,14 @@
 }
 
 :host {
+  /**
+   * @prop --z-menu-label-color: Color of the label's text.
+   */
+  --z-menu-label-color: var(--color-default-text);
+
   position: relative;
   display: inline-flex;
   flex-direction: column;
-
-  --z-menu-label-color: var(--color-default-text);
 }
 
 ::slotted(a) {

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: 'a692eb50b30a7cc66e08acf8259a9a7617c053c5', role: "menu", open: this.open }, h("button", { key: '7223a1fe109ea3a9c475ed673e9d3c05aa1dade8', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, h("slot", { key: '4415e7a61bde97fa0e89552fd464d4e9c6a6c77a', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && h("z-icon", { key: 'b9af6fa6ab900869a4f2681e05042ab9a6860c35', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (h("div", { key: '791812e95224a678f5481eb21af8b86e5aa46157', class: "items" }, h("slot", { key: '9ba3cbdfa55a6d8cd0ffc11c3520eb7b2cb8feb5', name: "item", onSlotchange: this.checkContent.bind(this) })))));
+        return (h(Host, { key: 'a65fd5af1f2b3b6c9d21c30336b806395624af59', role: "menu", open: this.open }, h("button", { key: '88460e785ca428d4a40f4dc9bdd56194a2b64d3e', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, h("slot", { key: 'b0198e42f9819b2e9c622d4672510d7a9584a1b1', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && h("z-icon", { key: '6b6f41288e53ef83b6817eda49e1a77135552345', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (h("div", { key: '7721c370a48044d60749f366a718ca266d9afc73', class: "items" }, h("slot", { key: '1738da8320d0931abaf8a7dd854456e28bba9781', 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-section-title/index.js

@@ -7,18 +7,24 @@ import { DividerSize, ZSectionTitleDividerPosition } from "../../../beans";
  * @slot secondary-title - Slot for the secondary title. When present, the divider is always displayed under it,
  * following its width and removing the one for the primary title.
  * @slot primary-title - Slot for the primary title.
- * @cssprop --z-section-title--divider-color - Color of the divider. Use a CSS prop string like `"--red500"`. Default is `"--red500"`.
  */
 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: '319435f7cf5d335b4ac938d240770e78531c72fd' }, h("slot", { key: '3262da9548071f73d371c99629dc9e736003ba9f', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { key: 'eeb1781902549bd32598cd94c11dbef32ee533f3', size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: 'da3ba374bf4da3f7e636d654f47f7a25c199304f', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { key: '71713119a14bf01ba4345ee10edbd7d79338f1af', size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
+        return (h(Host, { key: '020c1a41ff7fa0881464463322b54754e7664957' }, h("slot", { key: 'c6d7baf944465d1092749cf288636fcd502e659c', name: "secondary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.BEFORE && (h("z-divider", { key: 'ea70a8579ed61ba8b1d6488566473b90c47540d1', size: DividerSize.LARGE, color: "z-section-title--divider-color" })), h("slot", { key: '4cf602491394aaf97cead51bbc7f9b2da299bef3', name: "primary-title" }), !this.hasSecondaryTitle && this.dividerPosition === ZSectionTitleDividerPosition.AFTER && (h("z-divider", { key: '47275d6411b00769db2e244bad13032d43cc9144', size: DividerSize.LARGE, color: "z-section-title--divider-color" }))));
     }
     static get is() { return "z-section-title"; }
     static get encapsulation() { return "shadow"; }
@@ -44,7 +50,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 +61,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 +81,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/styles.css

@@ -1,4 +1,7 @@
 :host {
+  /**
+   * @prop --z-section-title--divider-color: Color of the divider. Use a CSS prop string like `"--red500"`. Default is `"--red500"`.
+   */
   --z-section-title--divider-color: var(--red500);
 
   display: flex;

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: 'd677d3db1ba9cca7c9da0d8a22d15ebb9ca44cf3', class: { dragover: this.dragging }, onDragOver: (e) => {
+        return (h(Host, { key: 'ec92afc8d6998ac3595b4c84121cc80204367bbb', class: { dragover: this.dragging }, onDragOver: (e) => {
                 e.preventDefault();
                 this.dragging = true;
             }, onDragLeave: () => {
                 this.dragging = false;
-            }, onDrop: this.onDrop.bind(this) }, h("div", { key: 'e50de993d72f95ddf69e2f3d0db01e9e2bca8178', class: "dragover-container" }, h("z-button", { key: 'c60de2e381f3efa94c1ece79ceae54ff2f59737a' }, this.dragAndDropLabel)), h("slot", { key: '6adbe7e35e326eb51a28421852f8320d73f5cc5f' })));
+            }, onDrop: this.onDrop.bind(this) }, h("div", { key: '6008c32e681b7c8f9f1063bba50c6106e12599de', class: "dragover-container" }, h("z-button", { key: 'ea4bfd5b7ee6d05241f5efb18844cd8beb10dde2' }, this.dragAndDropLabel)), h("slot", { key: '95aa7512bbbd0efcea3c3dbafecc4b33a1d24f87' })));
     }
     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: '4fd330617a5330591a1e9125bd162ae74456c863' }, this.allowPopover && (h("z-popover", { key: '7c37b77761185ac637c454b33345ec4d630b50b5', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: 'b802f0baae111a01c5e48c5bf2988ed715229e0b', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: '9ddf7af0eaa5ec260b1d3874e0950132e4529a4e', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: 'a99c6c085e214bad666cc949b358d8dbeebd0ecf', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
+        return (h(Host, { key: '12ffcf9cd4e06418f8ef0c0fe6f901519ea81578' }, this.allowPopover && (h("z-popover", { key: 'b77adda2c9f80584b3e74ab82d5c8b5198b50d88', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: '9d0bb9bbdb210ce143a129ca4f46a6409b85b393', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: '9d9c8f64f63c4723c2f6540be7d6c534650a847d', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: '959647e217388cad43c3bb3536a44ce22b548067', 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-upload/index.js

@@ -1,28 +1,36 @@
-import { Host, h } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { ZFileUploadType } from "../../../beans";
 export class ZFileUpload {
     constructor() {
+        /** Prop indicating the file upload type - can be default or dragdrop */
         this.type = ZFileUploadType.DEFAULT;
-        this.buttonVariant = undefined;
-        this.acceptedFormat = undefined;
-        this.fileMaxSize = undefined;
-        this.mainTitle = undefined;
-        this.description = undefined;
+        /** upoload button label */
         this.uploadBtnLabel = "allega";
+        /** drag & drop button label */
         this.dragAndDropLabel = "Rilascia i file in questa area per allegarli.";
-        this.allowedFilesMessage = undefined;
+        /** upload clickable message */
         this.uploadClickableMessage = "Carica";
+        /** upload message */
         this.uploadMessage = "o trascina dal tuo computer";
+        /** error modal title */
         this.errorModalTitle = "Errore di caricamento";
-        this.errorModalMessage = undefined;
+        /** loaded files label */
         this.uploadedFilesLabel = "File appena caricati";
+        /** uploaded files history rendering */
         this.hasFileSection = true;
+        /** Value to set on the file input's `name` attribute (for use with forms) */
         this.inputName = "z-file-upload";
+        /**
+         * Whether to show errors in the internal modal or leave the handling to the app.
+         * Errors will still be emitted.
+         */
         this.showErrors = true;
+        /** Internal store of the component type. It will change when viewport goes from desktop to tablet/mobile and vice versa */
         this._type = this.type;
+        /** Files added by the user */
         this.files = [];
+        /** Map of files whose upload caused an error and the relative errors, with the cause and a message */
         this.invalidFiles = new Map();
-        this.input = undefined;
     }
     /** Listen `removeFile` event sent from z-file component */
     onFileRemoved(e) {
@@ -125,7 +133,7 @@ export class ZFileUpload {
         return (h("section", { class: { "files-container": true, "hidden": !this.files.length } }, h("div", { class: "uploaded-files-label heading-3-sb" }, this.uploadedFilesLabel), h("div", { class: "files-wrapper" }, h("slot", { name: "files" }))));
     }
     renderInput() {
-        return (h("input", { type: "file", name: this.inputName, multiple: true, onChange: (e) => this.onFilesChange(e), accept: this.acceptedFormat, ref: (val) => (this.input = val) }));
+        return (h("input", { type: "file", name: this.inputName, multiple: true, onChange: (e) => this.onFilesChange(e), accept: this.acceptedFormat, "aria-labelledby": this.description ? "description" : undefined, ref: (val) => (this.input = val) }));
     }
     renderUploadButton() {
         return [
@@ -170,7 +178,7 @@ export class ZFileUpload {
         });
     }
     render() {
-        return (h(Host, { key: '13ada780c37ca16c2153f8c1177864932fe299dd' }, this.mainTitle && (h("div", { key: 'dcf55ac93e6959136262d0422272ab4902c3cbed', id: "title", class: "heading-3-sb" }, this.mainTitle)), this._type == ZFileUploadType.DEFAULT ? this.renderDefaultMode() : this.renderDragDropMode(), !!this.invalidFiles.size && this.showErrors && (h("z-modal", { key: 'e7d8c001c513ab498779c752dc195ab03ec81a80', modalid: `file-upload-${this.type}-error-modal`, ref: (val) => (this.errorModal = val), modaltitle: this.errorModalTitle, onModalClose: () => this.resetErrors(), onModalBackgroundClick: () => this.resetErrors() }, h("div", { key: 'e5262f2f8b42dfe38ad4b794b08b4bf6b83b4a7a', slot: "modalContent" }, h("div", { key: '5e50b460de47813678ea1e2d3a2a3e0e76d0a6d0', class: "modal-wrapper body-3" }, this.errorModalMessage ? this.errorModalMessage : this.renderFileErrors()))))));
+        return (h(Host, { key: '26a1a04ff6d1a9c9cf0e16311bb747b349c7ca67' }, this.mainTitle && (h("div", { key: 'cbce95e36bb7a1fe81c8c41e0723169e6b47442d', id: "title", class: "heading-3-sb" }, this.mainTitle)), this._type == ZFileUploadType.DEFAULT ? this.renderDefaultMode() : this.renderDragDropMode(), !!this.invalidFiles.size && this.showErrors && (h("z-modal", { key: '6a000d85f1f9b46a2872b4fa40b978a97427018c', modalid: `file-upload-${this.type}-error-modal`, ref: (val) => (this.errorModal = val), modaltitle: this.errorModalTitle, onModalClose: () => this.resetErrors(), onModalBackgroundClick: () => this.resetErrors() }, h("div", { key: 'caa8f6424a54d279ed2eca6c7514390324b40c59', slot: "modalContent" }, h("div", { key: 'b069c1fff610bcf4adbff57b0c5a9fa3e70e32ea', class: "modal-wrapper body-3" }, this.errorModalMessage ? this.errorModalMessage : this.renderFileErrors()))))));
     }
     static get is() { return "z-file-upload"; }
     static get encapsulation() { return "scoped"; }
@@ -196,7 +204,8 @@ export class ZFileUpload {
                         "ZFileUploadType": {
                             "location": "import",
                             "path": "../../../beans",
-                            "id": "src/beans/index.tsx::ZFileUploadType"
+                            "id": "src/beans/index.tsx::ZFileUploadType",
+                            "referenceLocation": "ZFileUploadType"
                         }
                     }
                 },
@@ -206,8 +215,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "Prop indicating the file upload type - can be default or dragdrop"
                 },
-                "attribute": "type",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "type",
                 "defaultValue": "ZFileUploadType.DEFAULT"
             },
             "buttonVariant": {
@@ -220,7 +231,8 @@ export class ZFileUpload {
                         "ButtonVariant": {
                             "location": "import",
                             "path": "../../../beans",
-                            "id": "src/beans/index.tsx::ButtonVariant"
+                            "id": "src/beans/index.tsx::ButtonVariant",
+                            "referenceLocation": "ButtonVariant"
                         }
                     }
                 },
@@ -230,8 +242,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "Prop indicating the button variant"
                 },
-                "attribute": "button-variant",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "button-variant"
             },
             "acceptedFormat": {
                 "type": "string",
@@ -247,8 +261,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "Prop indicating the accepted file type: ex \".pdf, .doc, .jpg\""
                 },
-                "attribute": "accepted-format",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "accepted-format"
             },
             "fileMaxSize": {
                 "type": "number",
@@ -264,8 +280,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "Max file dimension in Megabyte"
                 },
-                "attribute": "file-max-size",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "file-max-size"
             },
             "mainTitle": {
                 "type": "string",
@@ -281,8 +299,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "Title"
                 },
-                "attribute": "main-title",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "main-title"
             },
             "description": {
                 "type": "string",
@@ -298,8 +318,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "Description"
                 },
-                "attribute": "description",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "description"
             },
             "uploadBtnLabel": {
                 "type": "string",
@@ -315,8 +337,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "upoload button label"
                 },
-                "attribute": "upload-btn-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "upload-btn-label",
                 "defaultValue": "\"allega\""
             },
             "dragAndDropLabel": {
@@ -333,8 +357,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "drag & drop button label"
                 },
-                "attribute": "drag-and-drop-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "drag-and-drop-label",
                 "defaultValue": "\"Rilascia i file in questa area per allegarli.\""
             },
             "allowedFilesMessage": {
@@ -351,8 +377,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "allowed file message"
                 },
-                "attribute": "allowed-files-message",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "allowed-files-message"
             },
             "uploadClickableMessage": {
                 "type": "string",
@@ -368,8 +396,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "upload clickable message"
                 },
-                "attribute": "upload-clickable-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "upload-clickable-message",
                 "defaultValue": "\"Carica\""
             },
             "uploadMessage": {
@@ -386,8 +416,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "upload message"
                 },
-                "attribute": "upload-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "upload-message",
                 "defaultValue": "\"o trascina dal tuo computer\""
             },
             "errorModalTitle": {
@@ -404,8 +436,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "error modal title"
                 },
-                "attribute": "error-modal-title",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "error-modal-title",
                 "defaultValue": "\"Errore di caricamento\""
             },
             "errorModalMessage": {
@@ -422,8 +456,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "error modal message"
                 },
-                "attribute": "error-modal-message",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "error-modal-message"
             },
             "uploadedFilesLabel": {
                 "type": "string",
@@ -439,8 +475,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "loaded files label"
                 },
-                "attribute": "uploaded-files-label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "uploaded-files-label",
                 "defaultValue": "\"File appena caricati\""
             },
             "hasFileSection": {
@@ -457,8 +495,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "uploaded files history rendering"
                 },
-                "attribute": "has-file-section",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "has-file-section",
                 "defaultValue": "true"
             },
             "inputName": {
@@ -475,8 +515,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "Value to set on the file input's `name` attribute (for use with forms)"
                 },
-                "attribute": "input-name",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "input-name",
                 "defaultValue": "\"z-file-upload\""
             },
             "showErrors": {
@@ -493,8 +535,10 @@ export class ZFileUpload {
                     "tags": [],
                     "text": "Whether to show errors in the internal modal or leave the handling to the app.\nErrors will still be emitted."
                 },
-                "attribute": "show-errors",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "show-errors",
                 "defaultValue": "true"
             }
         };
@@ -614,4 +658,3 @@ export class ZFileUpload {
             }];
     }
 }
-//# sourceMappingURL=index.js.map

package/dist/collection/components/index.js

@@ -6,4 +6,3 @@
 //
 // Must be fixed
 //
-//# sourceMappingURL=index.js.map