@sankhyalabs/ezui 1.1.74 → 1.1.75

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

@@ -1,6 +1,6 @@
-import { Component, h, Prop, Element, Event, Method, Watch, forceUpdate } from '@stencil/core';
-import Application from '../../utils/Application';
-import RemoteFile from './RemoteFile';
+import { Component, h, Prop, Element, Event, Method, Watch, forceUpdate } from "@stencil/core";
+import Application from "../../utils/Application";
+import RemoteFile from "./RemoteFile";
 export class EzUpload {
   constructor() {
     this._filePointers = new Map();
@@ -28,28 +28,31 @@ export class EzUpload {
   }
   normalizeRequestHeaders() {
     this._requestHeaders = new Map();
-    if (typeof this.requestheaders == 'string') {
+    if (typeof this.requestHeaders == "string") {
       try {
-        this.requestheaders = JSON.parse(this.requestheaders);
+        this.requestHeaders = JSON.parse(this.requestHeaders);
       }
       catch (e) {
-        this.requestheaders = undefined;
+        this.requestHeaders = undefined;
       }
     }
-    for (var key in this.requestheaders) {
-      this._requestHeaders.set(key, this.requestheaders[key]);
+    for (var key in this.requestHeaders) {
+      this._requestHeaders.set(key, this.requestHeaders[key]);
     }
   }
+  /**
+  * Método responsável por adicionar um ou mais arquivos ao componente.
+  */
   async addFiles(files) {
-    if (this.maxfiles > 0) {
+    if (this.maxFiles > 0) {
       let countDistinctFiles = this._filePointers.size;
       files.forEach(file => {
         if (!this._filePointers.has(file.name)) {
           countDistinctFiles++;
         }
       });
-      if (countDistinctFiles > this.maxfiles) {
-        this.showError(`A quantidade máxima de arquivos é ${this.maxfiles}.`);
+      if (countDistinctFiles > this.maxFiles) {
+        this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
         return;
       }
     }
@@ -76,7 +79,7 @@ export class EzUpload {
     if (this.validateFile(file)) {
       const uploadingFile = new RemoteFile(file);
       this._filePointers.set(file.name, uploadingFile);
-      uploadingFile.upload(this.urlupload, this._requestHeaders, (file) => this.updateFeedback(file))
+      uploadingFile.upload(this.urlUpload, this._requestHeaders, (file) => this.updateFeedback(file))
         .then((files) => files.forEach(ezFile => this.finishUpload(ezFile)))
         .catch(msg => this.showError(msg));
       forceUpdate(this);
@@ -97,13 +100,13 @@ export class EzUpload {
     this.ezChange.emit(this.value);
   }
   buildProgressId(uploading) {
-    let sanitizedName = uploading.name.replace(/[^a-z0-9_]/gi, '_');
+    let sanitizedName = uploading.name.replace(/[^a-z0-9_]/gi, "_");
     return `PROGRESS_${sanitizedName}_${uploading.file.lastModified}`;
   }
   updateFeedback(uf) {
     window.requestAnimationFrame(() => {
       if (this._host) {
-        const progress = this._host.shadowRoot.querySelector('#' + this.buildProgressId(uf));
+        const progress = this._host.shadowRoot.querySelector("#" + this.buildProgressId(uf));
         if (progress) {
           progress.value = uf.progress;
         }
@@ -111,20 +114,20 @@ export class EzUpload {
     });
   }
   validateFile(file) {
-    if (!this._filePointers.has(file.name) && this.maxfiles > 0 && this._filePointers.size >= this.maxfiles) {
-      this.showError(`A quantidade máxima de arquivos é ${this.maxfiles}.`);
+    if (!this._filePointers.has(file.name) && this.maxFiles > 0 && this._filePointers.size >= this.maxFiles) {
+      this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
       return false;
     }
     if (file.size === 0) {
       this.showError(`Erro de permissão: O arquivo "${file.name}" não pode ser enviado.`);
       return false;
     }
-    if (!this.urlupload) {
+    if (!this.urlUpload) {
       this.showError("Endereço de upload não informado");
       return false;
     }
-    if (this.maxfilesize >= 0 && file.size > this.maxfilesize) {
-      this.showError("O tamanho máximo dos arquivos é de " + this.formatBytes(this.maxfilesize));
+    if (this.maxFileSize >= 0 && file.size > this.maxFileSize) {
+      this.showError("O tamanho máximo dos arquivos é de " + this.formatBytes(this.maxFileSize));
       return false;
     }
     return true;
@@ -134,17 +137,17 @@ export class EzUpload {
   }
   formatBytes(bytes, decimals = 1) {
     if (bytes === 0)
-      return '0 Bytes';
+      return "0 Bytes";
     const k = 1024;
     const dm = decimals < 0 ? 0 : decimals;
-    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+    const sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
     const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
   }
   onFileInputChange(event) {
     const input = event.target;
     this.addFiles(Array.from(input.files));
-    this._fileInput.value = '';
+    this._fileInput.value = "";
   }
   isRemoteFile(item) {
     return "file" in item;
@@ -160,10 +163,10 @@ export class EzUpload {
       this.removeFromList(name);
     }
     else {
-      if (this.urldelete) {
+      if (this.urlDelete) {
         const uploadingFile = new RemoteFile(null);
         this._filePointers.set(item.name, uploadingFile);
-        uploadingFile.delete(item, this.urldelete, null)
+        uploadingFile.delete(item, this.urlDelete, null)
           .then(_ok => this.removeFromList(name))
           .catch(msg => this.showError(msg));
       }
@@ -179,20 +182,20 @@ export class EzUpload {
   }
   componentDidLoad() {
     if (this.enabled && this._dropZone && window.FileList && window.File) {
-      this._dropZone.addEventListener('dragover', event => {
+      this._dropZone.addEventListener("dragover", event => {
         event.stopPropagation();
         event.preventDefault();
-        event.dataTransfer.dropEffect = 'copy';
-        this._dropZone.style.background = '#c2dbff';
+        event.dataTransfer.dropEffect = "copy";
+        this._dropZone.style.background = "#c2dbff";
       });
-      this._dropZone.addEventListener('drop', event => {
+      this._dropZone.addEventListener("drop", event => {
         event.stopPropagation();
         event.preventDefault();
         this.addFiles(Array.from(event.dataTransfer.files));
-        this._dropZone.style.background = '';
+        this._dropZone.style.background = "";
       });
-      this._dropZone.addEventListener('dragleave', _event => {
-        this._dropZone.style.background = '';
+      this._dropZone.addEventListener("dragleave", _event => {
+        this._dropZone.style.background = "";
       });
     }
   }
@@ -204,13 +207,13 @@ export class EzUpload {
     }
   }
   render() {
-    return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass('iu', 'background--disabled') },
+    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') },
+          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'))),
+            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, hidden: true })));
   }
@@ -224,8 +227,8 @@ export class EzUpload {
   }
   buildFileItem(item) {
     const fileName = item.name;
-    const progress = Number(item['progress']);
-    const downloadURL = item['downloadURL'];
+    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" },
@@ -290,7 +293,7 @@ export class EzUpload {
       "reflect": false,
       "defaultValue": "true"
     },
-    "maxfilesize": {
+    "maxFileSize": {
       "type": "number",
       "mutable": false,
       "complexType": {
@@ -304,10 +307,10 @@ export class EzUpload {
         "tags": [],
         "text": "Define o tamanho m\u00E1ximo (em bytes) de cada arquivo que pode ser transferido"
       },
-      "attribute": "maxfilesize",
+      "attribute": "max-file-size",
       "reflect": false
     },
-    "maxfiles": {
+    "maxFiles": {
       "type": "number",
       "mutable": false,
       "complexType": {
@@ -321,10 +324,10 @@ export class EzUpload {
         "tags": [],
         "text": "Define um limite para a quantidade de arquivos"
       },
-      "attribute": "maxfiles",
+      "attribute": "max-files",
       "reflect": false
     },
-    "requestheaders": {
+    "requestHeaders": {
       "type": "any",
       "mutable": false,
       "complexType": {
@@ -338,10 +341,10 @@ export class EzUpload {
         "tags": [],
         "text": "Headers para a requisi\u00E7\u00E3o Http"
       },
-      "attribute": "requestheaders",
+      "attribute": "request-headers",
       "reflect": false
     },
-    "urlupload": {
+    "urlUpload": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -355,10 +358,10 @@ export class EzUpload {
         "tags": [],
         "text": "Define a URL de upload"
       },
-      "attribute": "urlupload",
+      "attribute": "url-upload",
       "reflect": false
     },
-    "urldelete": {
+    "urlDelete": {
       "type": "string",
       "mutable": false,
       "complexType": {
@@ -372,7 +375,7 @@ export class EzUpload {
         "tags": [],
         "text": "Define a URL de dele\u00E7\u00E3o"
       },
-      "attribute": "urldelete",
+      "attribute": "url-delete",
       "reflect": false
     },
     "value": {
@@ -443,7 +446,7 @@ export class EzUpload {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "",
+        "text": "M\u00E9todo respons\u00E1vel por adicionar um ou mais arquivos ao componente.",
         "tags": []
       }
     }
@@ -453,7 +456,7 @@ export class EzUpload {
       "propName": "value",
       "methodName": "changeValue"
     }, {
-      "propName": "requestheaders",
+      "propName": "requestHeaders",
       "methodName": "normalizeRequestHeaders"
     }]; }
 }

package/dist/custom-elements/index.js

@@ -764,7 +764,7 @@ var Method;
     Method[Method["DELETE"] = 3] = "DELETE";
 })(Method || (Method = {}));
 
-const ezCalendarCss = ":host{--cal--font-family:var(--font-pattern, Arial);--cal--color:var(--title--primary, #626e82);--cal--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--cal__body--background-color:var(--background--xlight, #FFF);--cal__body--padding:var(--space--medium, 12px);--cal__body--border-radius:var(--border--radius-medium, 12px);--cal__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--cal__header-line--stroke:2px;--cal__header-line--color:var(--color--strokes, #C0C0C0);--cal__nav-btn--fill:var(--text--primary, #008561);--cal__nav-btn--hover--fill:var(--color--primary, #350404);--cal__nav-btn--width:10px;--cal__nav-btn--height:16px;--cal__nav-btn--previous-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--cal__nav-btn--next-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--cal__cell--margin:0px var(--space--small, 12px);--cal__cell--width:var(--space--large, 24px);--cal__cell--padding:var(--space--extra-small, 3px) 0px;--cal__cell--border-radius:var(--border--radius-small, 6px);--cal__cell--over--background-color:var(--color--strokes, #C0C0C0);--cal__cell--outset--color:var(--color--strokes, #C0C0C0);--cal__cell--selected--background-color:var(--color--primary, #008561);--cal__cell--selected--color:var(--color--inverted, #FFF);--cal__btn-today--color:var(--color--primary);--cal__btn-today--hover--background-color:var(--color--strokes, #C0C0C0);--cal__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.calendar{z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--cal__body--background-color);padding:var(--cal__body--padding);border-radius:var(--cal__body--border-radius);box-shadow:var(--cal__body--shadow)}.calendar__header{display:flex;justify-content:space-between;padding-bottom:var(--space--medium, 12px);margin:var(--space--small, 6px) var(--space--, 12px);font-family:var(--cal--font-family);color:var(--cal--color);text-shadow:var(--cal--text-shadow);border-bottom:solid var(--cal__header-line--stroke) var(--cal__header-line--color)}.calendar__btn-next,.calendar__btn-previous{outline:none;border:none;background-color:unset;cursor:pointer;padding:0px}.calendar__btn-next::after,.calendar__btn-previous::after{content:'';display:flex;background-color:var(--cal__nav-btn--fill);width:var(--cal__nav-btn--width);height:var(--cal__nav-btn--height)}.calendar__btn-previous::after{-webkit-mask-image:var(--cal__nav-btn--previous-image);mask-image:var(--cal__nav-btn--previous-image)}.calendar__btn-next::after{-webkit-mask-image:var(--cal__nav-btn--next-image);mask-image:var(--cal__nav-btn--next-image)}.calendar__btn-next:hover::after,.calendar__btn-previous:hover::after{background-color:var(--cal__nav-btn--hover--fill)}.calendar__lbl-month{font-weight:var(--text-weight--large, 600);font-size:var(--title--medium, 16px);font-family:var(--cal--font-family);color:var(--cal--color);text-shadow:var(--cal--text-shadow)}.calendar__line{display:flex;padding:0px;margin:0px}.calendar__cell{display:flex;justify-content:center;align-content:center;cursor:pointer;font-size:var(--text--small, 12px);font-family:var(--cal--font-family);color:var(--cal--color);text-shadow:var(--cal--text-shadow);padding:var(--cal__cell--padding);margin:var(--cal__cell--margin);min-width:var(--cal__cell--width);border-radius:var(--cal__cell--border-radius)}.calendar__cell:hover{background-color:var(--cal__cell--over--background-color)}.calendar__cell--secondary{color:var(--cal__cell--outset--color)}.calendar__cell--unselectable:hover{background-color:unset;border-radius:unset;cursor:unset}.calendar__cell--unselectable{font-weight:var(--text-weight--large, 600);font-family:var(--cal--font-family);color:var(--cal--color);text-shadow:var(--cal--text-shadow)}.calendar__cell--selected,.calendar__cell--selected:hover{background-color:var(--cal__cell--selected--background-color);color:var(--cal__cell--selected--color)}.calendar__body{padding:var(--space--small, 6px) 0px}.calendar__footer{display:flex;flex-direction:column}.calendar__btn-today{border:none;background-color:unset;cursor:pointer;font-weight:var(--text-weight--large, 600);font-size:var(--title--small);padding:var(--space--extra-small, 6px);font-family:var(--cal--font-family);text-shadow:var(--cal--text-shadow);color:var(--cal__btn-today--color);border-radius:var(--cal__btn-today--border-radius)}.calendar__btn-today:hover{background-color:var(--cal__btn-today--hover--background-color)}";
+const ezCalendarCss = ":host{--ez-calendar--font-family:var(--font-pattern, Arial);--ez-calendar--color:var(--title--primary, #626e82);--ez-calendar--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-calendar__body--background-color:var(--background--xlight, #FFF);--ez-calendar__body--padding:var(--space--medium, 12px);--ez-calendar__body--border-radius:var(--border--radius-medium, 12px);--ez-calendar__body--shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-calendar__header-line--stroke:2px;--ez-calendar__header-line--color:var(--color--strokes, #C0C0C0);--ez-calendar__nav-btn--fill:var(--text--primary, #008561);--ez-calendar__nav-btn--hover--fill:var(--color--primary, #350404);--ez-calendar__nav-btn--width:10px;--ez-calendar__nav-btn--height:16px;--ez-calendar__nav-btn--previous-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--ez-calendar__nav-btn--next-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');--ez-calendar__cell--margin:0px var(--space--small, 12px);--ez-calendar__cell--width:var(--space--large, 24px);--ez-calendar__cell--padding:var(--space--extra-small, 3px) 0px;--ez-calendar__cell--border-radius:var(--border--radius-small, 6px);--ez-calendar__cell--over--background-color:var(--color--strokes, #C0C0C0);--ez-calendar__cell--outset--color:var(--color--strokes, #C0C0C0);--ez-calendar__cell--selected--background-color:var(--color--primary, #008561);--ez-calendar__cell--selected--color:var(--color--inverted, #FFF);--ez-calendar__btn-today--color:var(--color--primary);--ez-calendar__btn-today--hover--background-color:var(--color--strokes, #C0C0C0);--ez-calendar__btn-today--border-radius:var(--border--radius-small, 6px);position:relative;display:flex;user-select:none}.calendar{z-index:var(--more-visible, 2);display:flex;flex-direction:column;background-color:var(--ez-calendar__body--background-color);padding:var(--ez-calendar__body--padding);border-radius:var(--ez-calendar__body--border-radius);box-shadow:var(--ez-calendar__body--shadow)}.calendar__header{display:flex;justify-content:space-between;padding-bottom:var(--space--medium, 12px);margin:var(--space--small, 6px) var(--space--, 12px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);border-bottom:solid var(--ez-calendar__header-line--stroke) var(--ez-calendar__header-line--color)}.calendar__btn-next,.calendar__btn-previous{outline:none;border:none;background-color:unset;cursor:pointer;padding:0px}.calendar__btn-next::after,.calendar__btn-previous::after{content:'';display:flex;background-color:var(--ez-calendar__nav-btn--fill);width:var(--ez-calendar__nav-btn--width);height:var(--ez-calendar__nav-btn--height)}.calendar__btn-previous::after{-webkit-mask-image:var(--ez-calendar__nav-btn--previous-image);mask-image:var(--ez-calendar__nav-btn--previous-image)}.calendar__btn-next::after{-webkit-mask-image:var(--ez-calendar__nav-btn--next-image);mask-image:var(--ez-calendar__nav-btn--next-image)}.calendar__btn-next:hover::after,.calendar__btn-previous:hover::after{background-color:var(--ez-calendar__nav-btn--hover--fill)}.calendar__lbl-month{font-weight:var(--text-weight--large, 600);font-size:var(--title--medium, 16px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__line{display:flex;padding:0px;margin:0px}.calendar__cell{display:flex;justify-content:center;align-content:center;cursor:pointer;font-size:var(--text--small, 12px);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow);padding:var(--ez-calendar__cell--padding);margin:var(--ez-calendar__cell--margin);min-width:var(--ez-calendar__cell--width);border-radius:var(--ez-calendar__cell--border-radius)}.calendar__cell:hover{background-color:var(--ez-calendar__cell--over--background-color)}.calendar__cell--secondary{color:var(--ez-calendar__cell--outset--color)}.calendar__cell--unselectable:hover{background-color:unset;border-radius:unset;cursor:unset}.calendar__cell--unselectable{font-weight:var(--text-weight--large, 600);font-family:var(--ez-calendar--font-family);color:var(--ez-calendar--color);text-shadow:var(--ez-calendar--text-shadow)}.calendar__cell--selected,.calendar__cell--selected:hover{background-color:var(--ez-calendar__cell--selected--background-color);color:var(--ez-calendar__cell--selected--color)}.calendar__body{padding:var(--space--small, 6px) 0px}.calendar__footer{display:flex;flex-direction:column}.calendar__btn-today{border:none;background-color:unset;cursor:pointer;font-weight:var(--text-weight--large, 600);font-size:var(--title--small);padding:var(--space--extra-small, 6px);font-family:var(--ez-calendar--font-family);text-shadow:var(--ez-calendar--text-shadow);color:var(--ez-calendar__btn-today--color);border-radius:var(--ez-calendar__btn-today--border-radius)}.calendar__btn-today:hover{background-color:var(--ez-calendar__btn-today--hover--background-color)}";
 
 let EzCalendar$1 = class extends HTMLElement {
   constructor() {
@@ -773,9 +773,9 @@ let EzCalendar$1 = class extends HTMLElement {
     this.__attachShadow();
     this.ezChange = createEvent(this, "ezChange", 7);
     this._firstRender = true;
-    this._todayLabel = 'Hoje';
-    this._weekDayLabels = ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'];
-    this._monthLabels = ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'];
+    this._todayLabel = "Hoje";
+    this._weekDayLabels = ["D", "S", "T", "Q", "Q", "S", "S"];
+    this._monthLabels = ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"];
     /**
      * A data selecionada no calendário
      */
@@ -796,18 +796,21 @@ let EzCalendar$1 = class extends HTMLElement {
     if (this.floating) {
       this._floatingID = FloatingManager.float(this._box, this._container, { autoClose: true, top, left, bottom, right });
       window.requestAnimationFrame(() => {
-        this._box.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
+        this._box.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
       });
     }
   }
+  /**
+  * Método necessário para ajustar o posicionamento do calendar acima ou abaixo do ez-date-input conforme a disponibilidade de espaço.
+  */
   async fitVertical(topOffset, bottomOffset) {
     const neededHeight = this._container.getBoundingClientRect().bottom + this._calendarHeight;
     const availableBottom = (window.innerHeight || document.documentElement.clientHeight) > neededHeight;
     if (availableBottom) {
-      this.show(topOffset + 'px', undefined, 'unset');
+      this.show(topOffset + "px", undefined, "unset");
     }
     else {
-      this.show('unset', undefined, bottomOffset + 'px');
+      this.show("unset", undefined, bottomOffset + "px");
     }
   }
   /**
@@ -3409,7 +3412,7 @@ const Field = ({ dataUnit, field, forceScroll, enabled }) => {
       const headers = strHeaders ? JSON.parse(strHeaders) : {};
       const maxfiles = Number(getProp(properties, "maxfiles") || 0);
       return (h("div", { class: "col col--sd-12 padding--small" }, loadingData ? h("place-holder", null) :
-        h("ez-upload", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.detail), urlupload: target, requestheaders: headers, maxfiles: maxfiles })));
+        h("ez-upload", { value: value, label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.detail), urlUpload: target, requestHeaders: headers, maxFiles: maxfiles })));
     case 'DATE':
       return h("div", { class: "col col--sd-12 col--tb-3 padding--small" }, loadingData ? h("place-holder", null) :
         h("ez-date-input", { value: !value ? null : DateUtils.clearTime(value), label: formattedLabel, enabled: isEnabled, onEzChange: (event) => changeFieldHandler(event.target['value']), errorMessage: errorMessage, ref: elem => scrollToView(forceScroll, elem), key: key }));
@@ -5199,7 +5202,7 @@ let EzTimeInput$1 = class extends HTMLElement {
     }
   }
   render() {
-    return (h(Host, null, h("ez-text-input", { ref: (el) => this._inputElem = el, value: this.viewValue, enabled: this.enabled, label: this.label, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, errorMessage: this.errorMessage }, h("ez-icon", { slot: "leftIcon", href: getAssetPath("./assets/actions-sprite.svg") + "#timer-outline" }))));
+    return (h(Host, null, h("ez-text-input", { ref: (el) => this._inputElem = el, value: this.viewValue, enabled: this.enabled, label: this.label, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, errorMessage: this.errorMessage }, h("ez-icon", { slot: "leftIcon", href: getAssetPath("../assets/actions-sprite.svg") + "#timer-outline" }))));
   }
   static get assetsDirs() { return ["../assets"]; }
   get _elem() { return this; }
@@ -5335,7 +5338,7 @@ class RemoteFile {
   }
 }
 
-const ezUploadCss = ":host{--iu--height:42px;--iu--width:100%;--iu__icon--width:48px;--iu__container--background-color:var(--background--medium, #d2dce9);--iu__color--primary:var(--color--primary, #008561);--iu--padding--extra-small:var(--space--extra-small, 3px);--iu--padding--small:var(--space--small, 6px);--iu--padding--medium:var(--space--medium, 12px);--iu--padding--large:var(--space--large, 24px);--iu__border--color:var(--color-strokes, #DCE0E8);--iu--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--iu--text--primary:var(--text-primary, #626e82);--iu--font-size:var(--text--medium, 14px);--iu--font-family:var(--font-pattern, Arial);--iu--font-weight:var(--text-weight--large, 500);--iu__btn__cancel-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"8x\" width=\"8px\"><path d=\"M 8,0.8 7.2,0 4,3.2 0.8,0 0,0.8 3.2,4 0,7.2 0.8,8 4,4.8 7.2,8 8,7.2 4.8,4 Z\"/></svg>');--iu__file-icon-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"11x\" width=\"9px\"><path d=\"M 1.2272719,8.4999999 V 2.75 c 0,-1.1045695 1.4652499,-2 3.2727273,-2 1.8074777,0 3.2727281,0.8954305 3.2727281,2 V 8.9999999 C 7.7727273,9.690356 6.8569456,10.25 5.7272719,10.25 4.5975985,10.25 3.6818174,9.690356 3.6818174,8.9999999 V 3.75 c 0,-0.2761425 0.3663125,-0.5 0.8181818,-0.5 0.4518694,0 0.8181818,0.2238575 0.8181818,0.5 V 8.4999999 H 6.5454537 V 3.75 C 6.5454537,3.059644 5.6296725,2.5 4.4999992,2.5 3.3703258,2.5 2.4545446,3.059644 2.4545446,3.75 V 8.9999999 C 2.4545446,10.10457 3.9197945,11 5.7272719,11 7.5347496,11 9,10.10457 9,8.9999999 V 2.75 C 9,1.231217 6.9852809,0 4.4999992,0 2.0147181,5e-7 0,1.231217 0,2.75 v 5.7499999 z\"/></svg>');display:flex;flex-wrap:wrap;position:relative;font-family:var(--iu--font-family);font-size:var(--iu--font-size);width:var(--iu--width);font-weight:var(--iu--font-weight)}.iu{display:flex;flex-wrap:wrap;background-color:var(--iu__container--background-color);padding:var(--iu--padding--small);width:100%;border-radius:12px;box-sizing:border-box}.iu__container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed var(--iu__border--color);border-radius:6px;box-sizing:border-box}.iu__footer{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;padding:0 var(--iu--padding--medium) var(--iu--padding--medium) var(--iu--padding--medium);box-sizing:border-box}.iu__item{display:flex;width:100%;justify-content:flex-start;align-items:center;align-self:center;padding-bottom:var(--iu--padding--extra-small);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iu__item-label{display:flex;max-width:80%;align-self:stretch;align-items:center}.file__name{font-weight:200}.box__content{width:100%;justify-content:center;align-items:center;height:100%;border:1px dashed var(--iu__border--color);border-radius:6px;box-sizing:border-box}.box__container{display:flex;flex-wrap:wrap;background-color:var(--iu__container--background-color);padding:6px;width:100%;border-radius:12px}a:-webkit-any-link{color:#008561;fill:#008561;cursor:pointer;text-decoration:none}progress[value]{display:flex;width:100%;appearance:none;border:1px solid var(--iu__border--color);height:12px;justify-content:flex-start;align-items:center;border-radius:3px;position:relative}progress[value]::-webkit-progress-bar{display:flex;-webkit-appearance:none;width:100%;background-color:rgb(255, 255, 255);border-radius:2px;padding:2px}progress[value]::-webkit-progress-value{display:flex;width:100%;background-color:var(--iu__color--primary)}.text--center{text-align:center}.align--middle{align-self:center;align-items:center}.text{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent}.text--primary{color:var(--iu--text--primary);text-shadow:var(--iu--text-shadow)}.text--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text--medium{font-size:14px}.text--small{font-size:12px}.btn-cancel{outline:none;border:none;background-color:unset;cursor:pointer}.btn-cancel::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:8px;height:8px;-webkit-mask-image:var(--iu__btn__cancel-image);mask-image:var(--iu__btn__cancel-image)}.iu_header{display:flex;flex-direction:column;width:100%}.iu__label{padding:var(--space--small);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--iu--font-family);font-size:var(--text--extra-small);font-weight:var(--iu--font-weight);color:var(--iu--text--primary);text-shadow:var(--iu--text-shadow)}.iu__file-icon{outline:none;border:none;background-color:unset;cursor:pointer}.iu__file-icon:disabled{cursor:unset}.iu__file-icon::after{content:'';display:flex;background-color:var(--text--primary, #626e82);width:9px;height:11px;-webkit-mask-image:var(--iu__file-icon-image);mask-image:var(--iu__file-icon-image)}.iu__file-icon:disabled::after{background-color:var(--text--disable, #AFB6C0)}.iu__icon-label{justify-content:center;display:flex;cursor:pointer;padding:var(--iu--padding--large) 0px;box-sizing:border-box}.background--disabled{background-color:var(--color--disable-secondary, #F2F5F8)}.text--disabled{color:var(--text--disable, #AFB6C0)}.mouse-pointer--disabled{cursor:unset}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";
+const ezUploadCss = ":host{--ez-upload--height:42px;--ez-upload--width:100%;--ez-upload__icon--width:48px;--ez-upload__container--background-color:var(--background--medium, #d2dce9);--ez-upload__color--primary:var(--color--primary, #008561);--ez-upload--padding--extra-small:var(--space--extra-small, 3px);--ez-upload--padding--small:var(--space--small, 6px);--ez-upload--padding--medium:var(--space--medium, 12px);--ez-upload--padding--large:var(--space--large, 24px);--ez-upload__border--color:var(--color-strokes, #DCE0E8);--ez-upload--text-shadow:var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);--ez-upload--text--primary:var(--text-primary, #626e82);--ez-upload--font-size:var(--text--medium, 14px);--ez-upload--font-family:var(--font-pattern, Arial);--ez-upload--font-weight:var(--text-weight--large, 500);--ez-upload__btn__cancel-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"8x\" width=\"8px\"><path d=\"M 8,0.8 7.2,0 4,3.2 0.8,0 0,0.8 3.2,4 0,7.2 0.8,8 4,4.8 7.2,8 8,7.2 4.8,4 Z\"/></svg>');--ez-upload__file-icon-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"11x\" width=\"9px\"><path d=\"M 1.2272719,8.4999999 V 2.75 c 0,-1.1045695 1.4652499,-2 3.2727273,-2 1.8074777,0 3.2727281,0.8954305 3.2727281,2 V 8.9999999 C 7.7727273,9.690356 6.8569456,10.25 5.7272719,10.25 4.5975985,10.25 3.6818174,9.690356 3.6818174,8.9999999 V 3.75 c 0,-0.2761425 0.3663125,-0.5 0.8181818,-0.5 0.4518694,0 0.8181818,0.2238575 0.8181818,0.5 V 8.4999999 H 6.5454537 V 3.75 C 6.5454537,3.059644 5.6296725,2.5 4.4999992,2.5 3.3703258,2.5 2.4545446,3.059644 2.4545446,3.75 V 8.9999999 C 2.4545446,10.10457 3.9197945,11 5.7272719,11 7.5347496,11 9,10.10457 9,8.9999999 V 2.75 C 9,1.231217 6.9852809,0 4.4999992,0 2.0147181,5e-7 0,1.231217 0,2.75 v 5.7499999 z\"/></svg>');display:flex;flex-wrap:wrap;position:relative;font-family:var(--ez-upload--font-family);font-size:var(--ez-upload--font-size);width:var(--ez-upload--width);font-weight:var(--ez-upload--font-weight)}.iu{display:flex;flex-wrap:wrap;background-color:var(--ez-upload__container--background-color);padding:var(--ez-upload--padding--small);width:100%;border-radius:12px;box-sizing:border-box}.iu__container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;border:2px dashed var(--ez-upload__border--color);border-radius:6px;box-sizing:border-box}.iu__footer{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%;padding:0 var(--ez-upload--padding--medium) var(--ez-upload--padding--medium) var(--ez-upload--padding--medium);box-sizing:border-box}.iu__item{display:flex;width:100%;justify-content:flex-start;align-items:center;align-self:center;padding-bottom:var(--ez-upload--padding--extra-small);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iu__item-label{display:flex;max-width:80%;align-self:stretch;align-items:center}.file__name{font-weight:200}.box__content{width:100%;justify-content:center;align-items:center;height:100%;border:1px dashed var(--ez-upload__border--color);border-radius:6px;box-sizing:border-box}.box__container{display:flex;flex-wrap:wrap;background-color:var(--ez-upload__container--background-color);padding:6px;width:100%;border-radius:12px}a:-webkit-any-link{color:#008561;fill:#008561;cursor:pointer;text-decoration:none}progress[value]{display:flex;width:100%;appearance:none;border:1px solid var(--ez-upload__border--color);height:12px;justify-content:flex-start;align-items:center;border-radius:3px;position:relative}progress[value]::-webkit-progress-bar{display:flex;-webkit-appearance:none;width:100%;background-color:rgb(255, 255, 255);border-radius:2px;padding:2px}progress[value]::-webkit-progress-value{display:flex;width:100%;background-color:var(--ez-upload__color--primary)}.text--center{text-align:center}.align--middle{align-self:center;align-items:center}.text{font-family:\"Sora\", \"Algerian\";text-shadow:0 0 0 #353535, 0 0 1px transparent}.text--primary{color:var(--ez-upload--text--primary);text-shadow:var(--ez-upload--text-shadow)}.text--ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text--medium{font-size:14px}.text--small{font-size:12px}.btn-cancel{outline:none;border:none;background-color:unset;cursor:pointer}.btn-cancel::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:8px;height:8px;-webkit-mask-image:var(--ez-upload__btn__cancel-image);mask-image:var(--ez-upload__btn__cancel-image)}.iu_header{display:flex;flex-direction:column;width:100%}.iu__label{padding:var(--space--small);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--ez-upload--font-family);font-size:var(--text--extra-small);font-weight:var(--ez-upload--font-weight);color:var(--ez-upload--text--primary);text-shadow:var(--ez-upload--text-shadow)}.iu__file-icon{outline:none;border:none;background-color:unset;cursor:pointer}.iu__file-icon:disabled{cursor:unset}.iu__file-icon::after{content:'';display:flex;background-color:var(--text--primary, #626e82);width:9px;height:11px;-webkit-mask-image:var(--ez-upload__file-icon-image);mask-image:var(--ez-upload__file-icon-image)}.iu__file-icon:disabled::after{background-color:var(--text--disable, #AFB6C0)}.iu__icon-label{justify-content:center;display:flex;cursor:pointer;padding:var(--ez-upload--padding--large) 0px;box-sizing:border-box}.background--disabled{background-color:var(--color--disable-secondary, #F2F5F8)}.text--disabled{color:var(--text--disable, #AFB6C0)}.mouse-pointer--disabled{cursor:unset}.row{width:100%;display:flex;flex-wrap:wrap}.col{display:flex;flex-wrap:wrap;align-self:flex-start;box-sizing:border-box}.col--stretch{align-self:stretch}.col--undefined{width:unset}.col--nowrap{flex-wrap:nowrap}@media screen and (min-width: 320px){.col--sd-1{width:8.33333%}.col--sd-2{width:16.66667%}.col--sd-3{width:25%}.col--sd-4{width:33.33333%}.col--sd-5{width:41.66667%}.col--sd-6{width:50%}.col--sd-7{width:58.33333%}.col--sd-8{width:66.66667%}.col--sd-9{width:75%}.col--sd-10{width:83.33333%}.col--sd-11{width:91.66667%}.col--sd-12{width:100%}}@media screen and (min-width: 480px){.col--pn-1{width:8.33333%}.col--pn-2{width:16.66667%}.col--pn-3{width:25%}.col--pn-4{width:33.33333%}.col--pn-5{width:41.66667%}.col--pn-6{width:50%}.col--pn-7{width:58.33333%}.col--pn-8{width:66.66667%}.col--pn-9{width:75%}.col--pn-10{width:83.33333%}.col--pn-11{width:91.66667%}.col--pn-12{width:100%}}@media screen and (min-width: 768px){.col--tb-1{width:8.33333%}.col--tb-2{width:16.66667%}.col--tb-3{width:25%}.col--tb-4{width:33.33333%}.col--tb-5{width:41.66667%}.col--tb-6{width:50%}.col--tb-7{width:58.33333%}.col--tb-8{width:66.66667%}.col--tb-9{width:75%}.col--tb-10{width:83.33333%}.col--tb-11{width:91.66667%}.col--tb-12{width:100%}}@media screen and (min-width: 992px){.col--md-1{width:8.33333%}.col--md-2{width:16.66667%}.col--md-3{width:25%}.col--md-4{width:33.33333%}.col--md-5{width:41.66667%}.col--md-6{width:50%}.col--md-7{width:58.33333%}.col--md-8{width:66.66667%}.col--md-9{width:75%}.col--md-10{width:83.33333%}.col--md-11{width:91.66667%}.col--md-12{width:100%}}@media screen and (min-width: 1200px){.col--ld-1{width:8.33333%}.col--ld-2{width:16.66667%}.col--ld-3{width:25%}.col--ld-4{width:33.33333%}.col--ld-5{width:41.66667%}.col--ld-6{width:50%}.col--ld-7{width:58.33333%}.col--ld-8{width:66.66667%}.col--ld-9{width:75%}.col--ld-10{width:83.33333%}.col--ld-11{width:91.66667%}.col--ld-12{width:100%}}";
 
 let EzUpload$1 = class extends HTMLElement {
   constructor() {
@@ -5368,28 +5371,31 @@ let EzUpload$1 = class extends HTMLElement {
   }
   normalizeRequestHeaders() {
     this._requestHeaders = new Map();
-    if (typeof this.requestheaders == 'string') {
+    if (typeof this.requestHeaders == "string") {
       try {
-        this.requestheaders = JSON.parse(this.requestheaders);
+        this.requestHeaders = JSON.parse(this.requestHeaders);
       }
       catch (e) {
-        this.requestheaders = undefined;
+        this.requestHeaders = undefined;
       }
     }
-    for (var key in this.requestheaders) {
-      this._requestHeaders.set(key, this.requestheaders[key]);
+    for (var key in this.requestHeaders) {
+      this._requestHeaders.set(key, this.requestHeaders[key]);
     }
   }
+  /**
+  * Método responsável por adicionar um ou mais arquivos ao componente.
+  */
   async addFiles(files) {
-    if (this.maxfiles > 0) {
+    if (this.maxFiles > 0) {
       let countDistinctFiles = this._filePointers.size;
       files.forEach(file => {
         if (!this._filePointers.has(file.name)) {
           countDistinctFiles++;
         }
       });
-      if (countDistinctFiles > this.maxfiles) {
-        this.showError(`A quantidade máxima de arquivos é ${this.maxfiles}.`);
+      if (countDistinctFiles > this.maxFiles) {
+        this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
         return;
       }
     }
@@ -5416,7 +5422,7 @@ let EzUpload$1 = class extends HTMLElement {
     if (this.validateFile(file)) {
       const uploadingFile = new RemoteFile(file);
       this._filePointers.set(file.name, uploadingFile);
-      uploadingFile.upload(this.urlupload, this._requestHeaders, (file) => this.updateFeedback(file))
+      uploadingFile.upload(this.urlUpload, this._requestHeaders, (file) => this.updateFeedback(file))
         .then((files) => files.forEach(ezFile => this.finishUpload(ezFile)))
         .catch(msg => this.showError(msg));
       forceUpdate(this);
@@ -5437,13 +5443,13 @@ let EzUpload$1 = class extends HTMLElement {
     this.ezChange.emit(this.value);
   }
   buildProgressId(uploading) {
-    let sanitizedName = uploading.name.replace(/[^a-z0-9_]/gi, '_');
+    let sanitizedName = uploading.name.replace(/[^a-z0-9_]/gi, "_");
     return `PROGRESS_${sanitizedName}_${uploading.file.lastModified}`;
   }
   updateFeedback(uf) {
     window.requestAnimationFrame(() => {
       if (this._host) {
-        const progress = this._host.shadowRoot.querySelector('#' + this.buildProgressId(uf));
+        const progress = this._host.shadowRoot.querySelector("#" + this.buildProgressId(uf));
         if (progress) {
           progress.value = uf.progress;
         }
@@ -5451,20 +5457,20 @@ let EzUpload$1 = class extends HTMLElement {
     });
   }
   validateFile(file) {
-    if (!this._filePointers.has(file.name) && this.maxfiles > 0 && this._filePointers.size >= this.maxfiles) {
-      this.showError(`A quantidade máxima de arquivos é ${this.maxfiles}.`);
+    if (!this._filePointers.has(file.name) && this.maxFiles > 0 && this._filePointers.size >= this.maxFiles) {
+      this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
       return false;
     }
     if (file.size === 0) {
       this.showError(`Erro de permissão: O arquivo "${file.name}" não pode ser enviado.`);
       return false;
     }
-    if (!this.urlupload) {
+    if (!this.urlUpload) {
       this.showError("Endereço de upload não informado");
       return false;
     }
-    if (this.maxfilesize >= 0 && file.size > this.maxfilesize) {
-      this.showError("O tamanho máximo dos arquivos é de " + this.formatBytes(this.maxfilesize));
+    if (this.maxFileSize >= 0 && file.size > this.maxFileSize) {
+      this.showError("O tamanho máximo dos arquivos é de " + this.formatBytes(this.maxFileSize));
       return false;
     }
     return true;
@@ -5474,17 +5480,17 @@ let EzUpload$1 = class extends HTMLElement {
   }
   formatBytes(bytes, decimals = 1) {
     if (bytes === 0)
-      return '0 Bytes';
+      return "0 Bytes";
     const k = 1024;
     const dm = decimals < 0 ? 0 : decimals;
-    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
+    const sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
     const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
+    return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
   }
   onFileInputChange(event) {
     const input = event.target;
     this.addFiles(Array.from(input.files));
-    this._fileInput.value = '';
+    this._fileInput.value = "";
   }
   isRemoteFile(item) {
     return "file" in item;
@@ -5500,10 +5506,10 @@ let EzUpload$1 = class extends HTMLElement {
       this.removeFromList(name);
     }
     else {
-      if (this.urldelete) {
+      if (this.urlDelete) {
         const uploadingFile = new RemoteFile(null);
         this._filePointers.set(item.name, uploadingFile);
-        uploadingFile.delete(item, this.urldelete, null)
+        uploadingFile.delete(item, this.urlDelete, null)
           .then(_ok => this.removeFromList(name))
           .catch(msg => this.showError(msg));
       }
@@ -5519,20 +5525,20 @@ let EzUpload$1 = class extends HTMLElement {
   }
   componentDidLoad() {
     if (this.enabled && this._dropZone && window.FileList && window.File) {
-      this._dropZone.addEventListener('dragover', event => {
+      this._dropZone.addEventListener("dragover", event => {
         event.stopPropagation();
         event.preventDefault();
-        event.dataTransfer.dropEffect = 'copy';
-        this._dropZone.style.background = '#c2dbff';
+        event.dataTransfer.dropEffect = "copy";
+        this._dropZone.style.background = "#c2dbff";
       });
-      this._dropZone.addEventListener('drop', event => {
+      this._dropZone.addEventListener("drop", event => {
         event.stopPropagation();
         event.preventDefault();
         this.addFiles(Array.from(event.dataTransfer.files));
-        this._dropZone.style.background = '';
+        this._dropZone.style.background = "";
       });
-      this._dropZone.addEventListener('dragleave', _event => {
-        this._dropZone.style.background = '';
+      this._dropZone.addEventListener("dragleave", _event => {
+        this._dropZone.style.background = "";
       });
     }
   }
@@ -5544,7 +5550,7 @@ let EzUpload$1 = class extends HTMLElement {
     }
   }
   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, hidden: true })));
+    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, hidden: true })));
   }
   buildFooter() {
     if (this._filePointers.size === 0) {
@@ -5556,8 +5562,8 @@ let EzUpload$1 = class extends HTMLElement {
   }
   buildFileItem(item) {
     const fileName = item.name;
-    const progress = Number(item['progress']);
-    const downloadURL = item['downloadURL'];
+    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)
       ?
@@ -5575,7 +5581,7 @@ let EzUpload$1 = class extends HTMLElement {
   get _host() { return this; }
   static get watchers() { return {
     "value": ["changeValue"],
-    "requestheaders": ["normalizeRequestHeaders"]
+    "requestHeaders": ["normalizeRequestHeaders"]
   }; }
   static get style() { return ezUploadCss; }
 };
@@ -5739,7 +5745,7 @@ const EzTextArea = /*@__PURE__*/proxyCustomElement(EzTextArea$1, [1,"ez-text-are
 const EzTextInput = /*@__PURE__*/proxyCustomElement(EzTextInput$1, [1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"restrict":[1]}]);
 const EzTimeInput = /*@__PURE__*/proxyCustomElement(EzTimeInput$1, [1,"ez-time-input",{"label":[513],"viewValue":[1537,"view-value"],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"]}]);
 const EzToast = /*@__PURE__*/proxyCustomElement(EzToast$1, [1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"]}]);
-const EzUpload = /*@__PURE__*/proxyCustomElement(EzUpload$1, [1,"ez-upload",{"label":[1],"enabled":[4],"maxfilesize":[2],"maxfiles":[2],"requestheaders":[8],"urlupload":[1],"urldelete":[1],"value":[1040]}]);
+const EzUpload = /*@__PURE__*/proxyCustomElement(EzUpload$1, [1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040]}]);
 const FormMetadata = /*@__PURE__*/proxyCustomElement(FormMetadata$1, [1,"form-metadata",{"name":[1],"label":[1],"dataunit":[1025],"many":[4],"autoload":[4],"metadata":[1040]}]);
 const PlaceHolder = /*@__PURE__*/proxyCustomElement(PlaceHolder$1, [1,"place-holder"]);
 const defineCustomElements = (opts) => {