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

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) {
@@ -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: '9f2aeeeb12f48f34a732137c809c48c23d6a190e' }, this.mainTitle && (h("div", { key: '63924f49200a966ed3e7244c685ae9df6eeefbc1', 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: 'e3c015962d22df4c1d769d6177417bbf8d6bcc93', modalid: `file-upload-${this.type}-error-modal`, ref: (val) => (this.errorModal = val), modaltitle: this.errorModalTitle, onModalClose: () => this.resetErrors(), onModalBackgroundClick: () => this.resetErrors() }, h("div", { key: '0cc1b6a3a952e1e683a70b952af131b74e7021e0', slot: "modalContent" }, h("div", { key: '833875c9ffe28ad248a4cacd7249153c7230df0a', 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/file-upload/z-file-upload/index.stories.js

@@ -137,4 +137,3 @@ export const DragdropEnglish = {
         });
       </script>`,
 };
-//# sourceMappingURL=index.stories.js.map

package/dist/collection/components/index.js

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

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

@@ -2,8 +2,17 @@ import { Host, h } from "@stencil/core";
 import { ListSize, ListType } from "../../../beans";
 export class ZList {
     constructor() {
+        /**
+         * [optional] Sets size of inside elements.
+         */
         this.size = ListSize.MEDIUM;
+        /**
+         * [optional] type of the list marker for each element
+         */
         this.listType = ListType.NONE;
+        /**
+         * Sets role of the element.
+         */
         this.role = "list";
     }
     setChildrenSizeType() {
@@ -18,7 +27,7 @@ export class ZList {
         this.setChildrenSizeType();
     }
     render() {
-        return (h(Host, { key: '004f6ec917edd3b8a3f0f50809543a7cb357daba' }, h("slot", { key: '6f55271632a504df1e044da28be26cf2e5e7fb1b' })));
+        return (h(Host, { key: 'f34729eb14ef690bf0aeb7da4b406e955a66fbf7' }, h("slot", { key: '82b4a9c72937797bb8f7e4141f7a4c609908c702' })));
     }
     static get is() { return "z-list"; }
     static get encapsulation() { return "shadow"; }
@@ -44,7 +53,8 @@ export class ZList {
                         "ListSize": {
                             "location": "import",
                             "path": "../../../beans",
-                            "id": "src/beans/index.tsx::ListSize"
+                            "id": "src/beans/index.tsx::ListSize",
+                            "referenceLocation": "ListSize"
                         }
                     }
                 },
@@ -54,8 +64,10 @@ export class ZList {
                     "tags": [],
                     "text": "[optional] Sets size of inside elements."
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "size",
                 "defaultValue": "ListSize.MEDIUM"
             },
             "listType": {
@@ -68,7 +80,8 @@ export class ZList {
                         "ListType": {
                             "location": "import",
                             "path": "../../../beans",
-                            "id": "src/beans/index.tsx::ListType"
+                            "id": "src/beans/index.tsx::ListType",
+                            "referenceLocation": "ListType"
                         }
                     }
                 },
@@ -78,8 +91,10 @@ export class ZList {
                     "tags": [],
                     "text": "[optional] type of the list marker for each element"
                 },
-                "attribute": "list-type",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "list-type",
                 "defaultValue": "ListType.NONE"
             },
             "role": {
@@ -96,12 +111,13 @@ export class ZList {
                     "tags": [],
                     "text": "Sets role of the element."
                 },
-                "attribute": "role",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "role",
                 "defaultValue": "\"list\""
             }
         };
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=index.js.map

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

@@ -182,4 +182,3 @@ export const OrderedIndex = {
         listType: ListType.ORDERED,
     },
 };
-//# sourceMappingURL=index.stories.js.map