@sankhyalabs/ezui 3.0.0 → 3.0.2

package/dist/collection/components/ez-upload/ez-upload.js

@@ -1,14 +1,18 @@
-import { Component, h, Prop, Element, Event, Method, Watch, forceUpdate } from "@stencil/core";
+import { h, forceUpdate } from "@stencil/core";
 import ApplicationUtils from "../../utils/ApplicationUtils";
 import { ElementIDUtils } from "@sankhyalabs/core";
 import RemoteFile from "./RemoteFile";
 export class EzUpload {
   constructor() {
     this._filePointers = new Map();
-    /**
-    * Se false o usuário não pode interagir com o campo.
-    */
+    this.label = undefined;
     this.enabled = true;
+    this.maxFileSize = undefined;
+    this.maxFiles = undefined;
+    this.requestHeaders = undefined;
+    this.urlUpload = undefined;
+    this.urlDelete = undefined;
+    this.value = undefined;
   }
   observeValue(newValue, oldValue) {
     //Observamos o mundo externo, se um novo valor foi atribuído,
@@ -242,15 +246,7 @@ export class EzUpload {
     }
   }
   render() {
-    return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") },
-      h("div", { class: "iu__container", onClick: () => this.openFilesDialog() },
-        h("div", { class: "iu_header" },
-          this.label ? h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null,
-          h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") },
-            h("button", { class: "iu__file-icon", disabled: !this.enabled }),
-            h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? "Arraste e solte ou clique para adicionar arquivos" : "Somente leitura"))),
-        this.buildFooter()),
-      h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, class: "appearanceNone" })));
+    return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") }, h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, h("div", { class: "iu_header" }, this.label ? h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null, h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") }, h("button", { class: "iu__file-icon", disabled: !this.enabled }), h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? "Arraste e solte ou clique para adicionar arquivos" : "Somente leitura"))), this.buildFooter()), h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, class: "appearanceNone" })));
   }
   buildFooter() {
     if (this._filePointers.size === 0) {
@@ -265,300 +261,306 @@ export class EzUpload {
     const progress = Number(item["progress"]);
     const downloadURL = item["downloadURL"];
     const label = `${fileName} (${this.formatBytes(item.size)})`;
-    return (h("div", { class: "iu__item", key: fileName, onClick: evt => evt.stopPropagation() },
-      h("div", { class: "iu__item-label modificador" },
-        h("div", { title: label, class: "col--stretch align--middle file__name text text--primary text--small text--ellipsis align--middle" }, downloadURL ? h("a", { href: downloadURL, download: true }, label) : label)),
-      isNaN(progress)
-        ?
-          null
-        :
-          h("div", { class: "col col--sd-4 col--stretch align--middle" },
-            h("progress", { id: this.buildProgressId(item), value: progress, max: "100" })),
-      this.enabled
-        ?
-          h("div", { class: "col col--stretch align--middle" },
-            h("button", { class: "btn-cancel ", onClick: () => this.removeFile(fileName) }))
-        :
-          null));
+    return (h("div", { class: "iu__item", key: fileName, onClick: evt => evt.stopPropagation() }, h("div", { class: "iu__item-label modificador" }, h("div", { title: label, class: "col--stretch align--middle file__name text text--primary text--small text--ellipsis align--middle" }, downloadURL ? h("a", { href: downloadURL, download: true }, label) : label)), isNaN(progress)
+      ?
+        null
+      :
+        h("div", { class: "col col--sd-4 col--stretch align--middle" }, h("progress", { id: this.buildProgressId(item), value: progress, max: "100" })), this.enabled
+      ?
+        h("div", { class: "col col--stretch align--middle" }, h("button", { class: "btn-cancel ", onClick: () => this.removeFile(fileName) }))
+      :
+        null));
   }
   evalDisabledClass(regularClasses, disabledClass) {
     return this.enabled ? regularClasses : `${regularClasses} ${disabledClass}`;
   }
   static get is() { return "ez-upload"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["ez-upload.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["ez-upload.css"]
-  }; }
-  static get properties() { return {
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Texto a ser apresentado como t\u00EDtulo do campo."
-      },
-      "attribute": "label",
-      "reflect": false
-    },
-    "enabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o campo."
-      },
-      "attribute": "enabled",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "maxFileSize": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o tamanho m\u00E1ximo (em bytes) de cada arquivo que pode ser transferido"
-      },
-      "attribute": "max-file-size",
-      "reflect": false
-    },
-    "maxFiles": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define um limite para a quantidade de arquivos"
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-upload.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-upload.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Texto a ser apresentado como t\u00EDtulo do campo."
+        },
+        "attribute": "label",
+        "reflect": false
       },
-      "attribute": "max-files",
-      "reflect": false
-    },
-    "requestHeaders": {
-      "type": "any",
-      "mutable": false,
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "enabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o campo."
+        },
+        "attribute": "enabled",
+        "reflect": false,
+        "defaultValue": "true"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Headers para a requisi\u00E7\u00E3o Http"
+      "maxFileSize": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o tamanho m\u00E1ximo (em bytes) de cada arquivo que pode ser transferido"
+        },
+        "attribute": "max-file-size",
+        "reflect": false
       },
-      "attribute": "request-headers",
-      "reflect": false
-    },
-    "urlUpload": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "maxFiles": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define um limite para a quantidade de arquivos"
+        },
+        "attribute": "max-files",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a URL de upload"
+      "requestHeaders": {
+        "type": "any",
+        "mutable": false,
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Headers para a requisi\u00E7\u00E3o Http"
+        },
+        "attribute": "request-headers",
+        "reflect": false
       },
-      "attribute": "url-upload",
-      "reflect": false
-    },
-    "urlDelete": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "urlUpload": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a URL de upload"
+        },
+        "attribute": "url-upload",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define a URL de dele\u00E7\u00E3o"
+      "urlDelete": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a URL de dele\u00E7\u00E3o"
+        },
+        "attribute": "url-delete",
+        "reflect": false
       },
-      "attribute": "url-delete",
-      "reflect": false
-    },
-    "value": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "Array<EzFile>",
-        "resolved": "EzFile[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "EzFile": {
-            "location": "local"
+      "value": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "Array<EzFile>",
+          "resolved": "EzFile[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "EzFile": {
+              "location": "local"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o valor do campo."
         }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Define o valor do campo."
       }
-    }
-  }; }
-  static get events() { return [{
-      "method": "ezChange",
-      "name": "ezChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
-      },
-      "complexType": {
-        "original": "Array<EzFile>",
-        "resolved": "EzFile[]",
-        "references": {
-          "Array": {
-            "location": "global"
-          },
-          "EzFile": {
-            "location": "local"
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezChange",
+        "name": "ezChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
+        },
+        "complexType": {
+          "original": "Array<EzFile>",
+          "resolved": "EzFile[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "EzFile": {
+              "location": "local"
+            }
           }
         }
-      }
-    }, {
-      "method": "ezStartChange",
-      "name": "ezStartChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido ao iniciar a altera\u00E7\u00E3o (remover ou adicionar um arquivo)."
-      },
-      "complexType": {
-        "original": "WaitingChange",
-        "resolved": "WaitingChange",
-        "references": {
-          "WaitingChange": {
-            "location": "import",
-            "path": "@sankhyalabs/core"
+      }, {
+        "method": "ezStartChange",
+        "name": "ezStartChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido ao iniciar a altera\u00E7\u00E3o (remover ou adicionar um arquivo)."
+        },
+        "complexType": {
+          "original": "WaitingChange",
+          "resolved": "WaitingChange",
+          "references": {
+            "WaitingChange": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
           }
         }
-      }
-    }, {
-      "method": "ezCancelWaitingChange",
-      "name": "ezCancelWaitingChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Emitido quando n\u00E3o foi poss\u00EDvel completar a altera\u00E7\u00E3o entre o evento ezStartChange e ezChange."
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "addFiles": {
-      "complexType": {
-        "signature": "(files: Array<File>) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "Array": {
-            "location": "global"
+      }, {
+        "method": "ezCancelWaitingChange",
+        "name": "ezCancelWaitingChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando n\u00E3o foi poss\u00EDvel completar a altera\u00E7\u00E3o entre o evento ezStartChange e ezChange."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "addFiles": {
+        "complexType": {
+          "signature": "(files: Array<File>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "File": {
+              "location": "global"
+            }
           },
-          "File": {
-            "location": "global"
-          }
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Adiciona arquivos.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Adiciona arquivos.",
-        "tags": []
-      }
-    },
-    "setFocus": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "Aplica o foco no campo.",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "Aplica o foco no campo.",
-        "tags": []
-      }
-    },
-    "setBlur": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "setBlur": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Remove o foco do campo.",
-        "tags": []
+        "docs": {
+          "text": "Remove o foco do campo.",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "_host"; }
-  static get watchers() { return [{
-      "propName": "value",
-      "methodName": "observeValue"
-    }, {
-      "propName": "requestHeaders",
-      "methodName": "observeRequestHeaders"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "value",
+        "methodName": "observeValue"
+      }, {
+        "propName": "requestHeaders",
+        "methodName": "observeRequestHeaders"
+      }];
+  }
 }