@sankhyalabs/ezui 1.1.141 → 1.1.144

package/dist/collection/components/ez-date-input/ez-date-input.js

@@ -16,11 +16,16 @@ export class EzDateInput {
     this._textInput.label = this.label;
   }
   observeErrorMessage() {
-    this._textInput.errorMessage = this.errorMessage;
-  }
-  observeValue() {
     if (this._textInput) {
-      this._textInput.value = this.getTextValue(this.value);
+      this._textInput.errorMessage = this.errorMessage;
+    }
+  }
+  observeValue(newValue, oldValue) {
+    if (newValue != oldValue) {
+      if (this._textInput) {
+        this.errorMessage = "";
+        this._textInput.value = this.getTextValue(this.value);
+      }
     }
   }
   /**
@@ -70,19 +75,23 @@ export class EzDateInput {
       }
     }
     else {
+      this.ezCancelWaitingChange.emit();
       this._textInput.errorMessage = "O valor digitado não é uma data válida";
     }
   }
   getTextValue(d) {
     return d ? new Intl.DateTimeFormat("pt-BR").format(d) : undefined;
   }
+  startChange() {
+    this.ezStartChange.emit({ waitmessage: "", blocking: false });
+  }
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
   }
   render() {
     return (h(Host, null,
       h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseDate(), onKeyDown: event => { if (event.key === "H" || event.key === "h")
-          this.changeValue(new Date()); }, label: this.label, value: this.getTextValue(this.value), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, slaveMode: true },
+          this.changeValue(new Date()); }, label: this.label, value: this.getTextValue(this.value), onInput: () => this.startChange(), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, slaveMode: true },
         h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => this.showCalendar(), slot: "leftIcon" })),
       h("ez-calendar", { onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); }, floating: true, ref: elem => this._calendar = elem })));
   }
@@ -204,6 +213,41 @@ export class EzDateInput {
           }
         }
       }
+    }, {
+      "method": "ezStartChange",
+      "name": "ezStartChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Evento 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": "Entre o evento ezStartChange e ezChange, se por algum motivo n\u00E3o foi poss\u00EDvel\ncompletar a altera\u00E7\u00E3o, esse evento \u00E9 disparado."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
     }]; }
   static get methods() { return {
     "setFocus": {

package/dist/collection/components/ez-date-time-input/ez-date-time-input.js

@@ -108,6 +108,7 @@ export class EzDateTimeInput {
       }
     }
     else {
+      this.ezCancelWaitingChange.emit();
       this._textInput.errorMessage = "O valor digitado não é uma data válida";
     }
   }
@@ -122,12 +123,15 @@ export class EzDateTimeInput {
     };
     return d ? (new Intl.DateTimeFormat('pt-BR', this.showSeconds ? optionsSecond : options).format(d)) : undefined;
   }
+  startChange() {
+    this.ezStartChange.emit({ waitmessage: "", blocking: false });
+  }
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
   }
   render() {
     return (h(Host, null,
-      h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseDate(), onKeyDown: event => { this.onChangeKeyDown(event); }, label: this.label, value: this.getTextValue(this.value), restrict: "0123456789/: ", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, onFocus: () => this.onFocused(), onClick: () => this.onClicked(), slaveMode: true },
+      h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseDate(), onKeyDown: event => { this.onChangeKeyDown(event); }, label: this.label, value: this.getTextValue(this.value), restrict: "0123456789/: ", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, onInput: () => this.startChange(), onFocus: () => this.onFocused(), onClick: () => this.onClicked(), slaveMode: true },
         h("button", { disabled: !this.enabled, tabindex: -1, class: "btn-open-cal", onClick: () => this.showCalendar(), slot: "leftIcon" })),
       h("ez-calendar", { onEzChange: (event) => { this.changeValue(this._calendar.value); event.stopPropagation(); }, floating: true, ref: elem => this._calendar = elem, time: true, showSeconds: this.showSeconds })));
   }
@@ -267,6 +271,41 @@ export class EzDateTimeInput {
           }
         }
       }
+    }, {
+      "method": "ezStartChange",
+      "name": "ezStartChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Evento 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": "Entre o evento ezStartChange e ezChange, se por algum motivo n\u00E3o foi poss\u00EDvel\ncompletar a altera\u00E7\u00E3o, esse evento \u00E9 disparado."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
     }]; }
   static get methods() { return {
     "setFocus": {

package/dist/collection/components/ez-form/DataBinder.js

@@ -1,4 +1,4 @@
-import { ApplicationContext, Action } from "@sankhyalabs/core";
+import { ApplicationContext, Action, WaitingChangeException } from "@sankhyalabs/core";
 export default class DataBinder {
   constructor(dataUnit) {
     this.onDataUnitEvent = (action) => {
@@ -36,11 +36,7 @@ export default class DataBinder {
     this._dataUnit.unsubscribe(this.onDataUnitEvent);
   }
   updateValue(fieldName, field) {
-    const oldValue = field["value"];
-    const newValue = this._dataUnit.getFieldValue(fieldName);
-    if (oldValue != newValue) {
-      field["value"] = newValue;
-    }
+    field["value"] = this._dataUnit.getFieldValue(fieldName);
   }
   updateBind(fieldName, field) {
     const oldBind = this._fields.get(fieldName);
@@ -48,21 +44,53 @@ export default class DataBinder {
       oldBind.destroy();
     }
     field["value"] = this._dataUnit.getFieldValue(fieldName);
-    this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, waitingChange) => this.changeStarted(fieldName, waitingChange), (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
+    this._fields.set(fieldName, Bind.create(fieldName, field, (fieldName, waitingChange) => this.changeStarted(fieldName, waitingChange), (fieldName) => this.cancelWaitingChange(fieldName), (fieldName, newValue) => this.setFieldValue(fieldName, newValue)));
     this.bindSearchOptionsLoader(fieldName, field);
     this.applyEzUploadContext(fieldName, field);
   }
   changeStarted(fieldName, waitingChange) {
+    /**
+     * se o waitingChange não é blocante, add um event listener pra
+     * fazer o accept da promise
+     *
+     * se não tiver promise no waitingChange, eu crio uma e resolvo no bind
+     *
+     *
+     */
     if (this._dataUnit.records.length === 0) {
       this._dataUnit.addRecord();
     }
+    if (!waitingChange.blocking && waitingChange.promise == undefined) {
+      const bind = this._fields.get(fieldName);
+      if (bind) {
+        waitingChange.promise = new Promise((resolve, reject) => {
+          bind.waitingChangePromiseResolve = resolve;
+          bind.waitingChangePromiseReject = reject;
+        });
+      }
+    }
     this._dataUnit.startChange(fieldName, waitingChange);
   }
+  cancelWaitingChange(fieldName) {
+    if (this._dataUnit.waitingForChange(fieldName)) {
+      this._dataUnit.cancelWaitingChange(fieldName);
+      const bind = this._fields.get(fieldName);
+      if (bind) {
+        bind.rejectWaitingChange(new WaitingChangeException("Change canceled", fieldName));
+      }
+    }
+  }
   setFieldValue(fieldName, newValue) {
     if (this._dataUnit.records.length === 0) {
       this._dataUnit.addRecord();
     }
     this._dataUnit.setFieldValue(fieldName, newValue);
+    if (this._dataUnit.waitingForChange(fieldName)) {
+      const bind = this._fields.get(fieldName);
+      if (bind) {
+        bind.acceptWaitingChange();
+      }
+    }
   }
   bindSearchOptionsLoader(fieldName, field) {
     if (field.nodeName === "EZ-SEARCH" && field["optionLoader"] == undefined) {
@@ -91,18 +119,36 @@ export default class DataBinder {
 class Bind {
   constructor() {
     this.startChangeEventName = "ezStartChange";
+    this.cancelWaitingChangeEventName = "ezCancelWaitingChange";
     this.changeEventName = "ezChange";
   }
   destroy() {
     this.field.removeEventListener(this.startChangeEventName, this.startChangeListener);
+    this.field.removeEventListener(this.cancelWaitingChangeEventName, this.cancelWaitingChangeListener);
     this.field.removeEventListener(this.changeEventName, this.changeListener);
   }
-  static create(fieldName, field, startChangeCallback, changeCallback) {
+  acceptWaitingChange() {
+    if (this.waitingChangePromiseResolve) {
+      this.waitingChangePromiseResolve();
+      this.waitingChangePromiseReject = undefined;
+      this.waitingChangePromiseResolve = undefined;
+    }
+  }
+  rejectWaitingChange(reason) {
+    if (this.waitingChangePromiseReject) {
+      this.waitingChangePromiseReject(reason);
+      this.waitingChangePromiseReject = undefined;
+      this.waitingChangePromiseResolve = undefined;
+    }
+  }
+  static create(fieldName, field, startChangeCallback, cancelWaitingChangeCallback, changeCallback) {
     const b = new Bind();
     b.field = field;
     b.fieldName = fieldName;
     b.startChangeListener = (evt) => { startChangeCallback(fieldName, evt.detail); };
     b.field.addEventListener(b.startChangeEventName, b.startChangeListener);
+    b.cancelWaitingChangeListener = () => { cancelWaitingChangeCallback(fieldName); };
+    b.field.addEventListener(b.cancelWaitingChangeEventName, b.cancelWaitingChangeListener);
     b.changeListener = (evt) => { changeCallback(fieldName, evt.detail); };
     b.field.addEventListener(b.changeEventName, b.changeListener);
     return b;

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

@@ -45,12 +45,20 @@ export class EzForm {
     requiredFields.forEach(field => {
       const value = record[field];
       const fieldElem = this._element.querySelector(`[data-field-name=${field}]`);
-      if (value === null || value === undefined || value === "") {
-        invalidFields.push(field);
-        fieldElem["errorMessage"] = "Essa informação é obrigatória";
-      }
-      else {
-        fieldElem["errorMessage"] = "";
+      /**
+       * TODO: fieldElem vai ser vazio quando o campo está em uma aba que
+       * está escondida.
+       * Temos que tratar esse caso para apresentar a mensagem de erro
+       * na aba, isso será tratado no card: https://sankhya.atlassian.net/browse/SKA-44182
+       */
+      if (fieldElem) {
+        if (value === null || value === undefined || value === "") {
+          invalidFields.push(field);
+          fieldElem["errorMessage"] = "Essa informação é obrigatória";
+        }
+        else {
+          fieldElem["errorMessage"] = "";
+        }
       }
     });
     const isValid = invalidFields.length === 0;
@@ -100,7 +108,6 @@ export class EzForm {
       }
     }
     if (action.type === Action.RECORDS_ADDED) {
-      debugger;
       const metadata = selectFormMetadata(this._store.getState());
       const defaultValues = metadata.getDefaultValues();
       if (defaultValues) {

package/dist/collection/components/ez-form/structure/FormSheetMetadata.js

@@ -45,7 +45,7 @@ export const buildFromDataUnit = (dataUnit) => {
         .filter(descriptor => descriptor.required)
         .map(descriptor => descriptor.name),
       cleanOnCopyFields: visibleFields
-        .filter(descriptor => { var _a; return (_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy; })
+        .filter(descriptor => { var _a, _b; return ((_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy) || ((_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.autoNum); })
         .map(descriptor => descriptor.name),
       defaultValues
     });
@@ -57,7 +57,7 @@ function getTabConfig(tab, sheets) {
   return tabConfig || { label: tab, visible: true };
 }
 function sortTabs(a, b) {
-  return a[0].label == 'Geral' ? -1 : (a[0].order || 10000) - (b[0].order || 10000);
+  return a[0].label == '__main' ? -1 : (a[0].order || 10000) - (b[0].order || 10000);
 }
 export const buildFromConfig = (fields, dataUnit) => {
   const sheets = new Map();
@@ -65,9 +65,9 @@ export const buildFromConfig = (fields, dataUnit) => {
   const cleanOnCopyFields = [];
   const defaultValues = {};
   fields.forEach(config => {
-    var _a, _b;
+    var _a, _b, _c;
     if (config.visible !== false) {
-      const tabConfig = getTabConfig(config.tab || "Geral", sheets);
+      const tabConfig = getTabConfig(config.tab || "__main", sheets);
       const descriptor = dataUnit.getField(config.name);
       if (descriptor && tabConfig.visible) {
         if (!sheets.has(tabConfig)) {
@@ -78,11 +78,11 @@ export const buildFromConfig = (fields, dataUnit) => {
         if (isRequired) {
           requiredFields.push(config.name);
         }
-        const clearOnCopy = config.cleanOnCopy === undefined ? (_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy : config.cleanOnCopy;
+        const clearOnCopy = config.cleanOnCopy === undefined ? (((_a = descriptor.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy) || ((_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.autoNum)) : config.cleanOnCopy;
         if (clearOnCopy) {
           cleanOnCopyFields.push(config.name);
         }
-        const defaultValue = config.defaultValue === undefined ? (_b = descriptor.properties) === null || _b === void 0 ? void 0 : _b.defaultValue : config.defaultValue;
+        const defaultValue = config.defaultValue === undefined ? (_c = descriptor.properties) === null || _c === void 0 ? void 0 : _c.defaultValue : config.defaultValue;
         if (defaultValue) {
           defaultValues[config.name] = config.defaultValue;
         }
@@ -108,7 +108,7 @@ export const buildFromConfig = (fields, dataUnit) => {
     .sort(sortTabs)
     .forEach(([key, value]) => {
     metadata.addSheet({
-      label: key.label,
+      label: (key.label === "__main") ? "Principal" : key.label,
       name: key.label,
       items: Array.from(value.values()),
       requiredFields,

package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js

@@ -11,6 +11,7 @@ export default class AgGridController {
     this.DEFAULT_ROW_HEIGHT = 25;
     this.CHECK_BOX_COL_ID = "checkBoxColumn";
     this.RECORD_ARCHIVE_COL_ID = "__RECORD_ARCHIVE__";
+    this.BLOCK_LOAD_DEBOUNCE = 400;
     this._menuItems = [];
     this._idAttribName = "__record__id__";
     this._isFirstRecordOfPage = true;
@@ -54,6 +55,7 @@ export default class AgGridController {
         rowSelection: this._multipleSelection ? "multiple" : "single",
         serverSideDatasource: this._dataSource,
         sortingOrder: ['desc', 'asc', null],
+        blockLoadDebounceMillis: this.BLOCK_LOAD_DEBOUNCE,
         getRowNodeId: this._dataUnit ? (params) => typeof params === "string" ? params : params[this._idAttribName] : undefined,
         getMainMenuItems: (params) => {
           const column = params.column;

package/dist/collection/components/ez-number-input/ez-number-input.js

@@ -52,6 +52,7 @@ export class EzNumberInput {
   parseNumber() {
     const parsedNumber = this._textInput.value ? NumberUtils.stringToNumber(this._textInput.value) : undefined;
     if (parsedNumber !== undefined && isNaN(parsedNumber)) {
+      this.ezCancelWaitingChange.emit();
       this.errorMessage = "O valor digitado não é um número válido";
     }
     else {
@@ -59,6 +60,7 @@ export class EzNumberInput {
         this.changeValue(parsedNumber);
       }
       catch (e) {
+        this.ezCancelWaitingChange.emit();
         this.errorMessage = e.message;
         return;
       }
@@ -70,11 +72,14 @@ export class EzNumberInput {
     }
     return undefined;
   }
+  startChange() {
+    this.ezStartChange.emit({ waitmessage: "", blocking: false });
+  }
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
   }
   render() {
-    return (h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseNumber(), label: this.label, value: this.getTextValue(this.value), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, slaveMode: true }));
+    return (h("ez-text-input", { ref: elem => this._textInput = elem, onBlur: () => this.parseNumber(), label: this.label, onInput: () => this.startChange(), value: this.getTextValue(this.value), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, slaveMode: true }));
   }
   static get is() { return "ez-number-input"; }
   static get encapsulation() { return "shadow"; }
@@ -222,6 +227,41 @@ export class EzNumberInput {
         "resolved": "number",
         "references": {}
       }
+    }, {
+      "method": "ezStartChange",
+      "name": "ezStartChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Evento 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": "Entre o evento ezStartChange e ezChange, se por algum motivo n\u00E3o foi poss\u00EDvel\ncompletar a altera\u00E7\u00E3o, esse evento \u00E9 disparado."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
     }]; }
   static get methods() { return {
     "setFocus": {

package/dist/collection/components/ez-text-area/ez-text-area.js

@@ -30,11 +30,17 @@ export class EzTextArea {
       (_b = this._messageBoxElem) === null || _b === void 0 ? void 0 : _b.classList.remove('hasError');
     }
   }
-  observeValue() {
-    this._inputElem.value = this.value == undefined ? "" : this.value;
-    this.handleChange();
-    this.adjustFloatingLabel();
-    this.ezChange.emit(this.value);
+  observeValue(newValue, oldValue) {
+    if (this._inputElem) {
+      if (newValue != oldValue) {
+        if (this.canChangeValue()) {
+          this._inputElem.value = this.value || "";
+        }
+        this.adjustFloatingLabel();
+        this.errorMessage = "";
+        this.ezChange.emit(this.value);
+      }
+    }
   }
   observeMode() {
     if (this._initialRows == undefined) {
@@ -52,6 +58,27 @@ export class EzTextArea {
       this._initialRows = rows;
     }
   }
+  //---------------------------------------------
+  // Public methods
+  //---------------------------------------------
+  /**
+   * Faz o foco no componente de input
+   */
+  async setFocus() {
+    this._inputElem.focus();
+  }
+  /**
+   * Remove o foco no componente de input
+   */
+  async setBlur() {
+    this._inputElem.blur();
+  }
+  //---------------------------------------------
+  // Private methods
+  //---------------------------------------------
+  canChangeValue() {
+    return this._inputElem && (this.value || "") !== this._inputElem.value;
+  }
   adjustFloatingLabel() {
     if (this.label && this._labelElem) {
       const hasValue = this.value && this.value.toString().length > 0;
@@ -72,21 +99,6 @@ export class EzTextArea {
     return this._hostElement.shadowRoot.activeElement !== null;
   }
   //---------------------------------------------
-  // Public methods
-  //---------------------------------------------
-  /**
-   * Faz o foco no componente de input
-   */
-  async setFocus() {
-    this._inputElem.focus();
-  }
-  /**
-   * Remove o foco no componente de input
-   */
-  async setBlur() {
-    this._inputElem.blur();
-  }
-  //---------------------------------------------
   // Event handlers
   //---------------------------------------------
   handleFocusout() {
@@ -96,8 +108,9 @@ export class EzTextArea {
     }
   }
   handleChange() {
-    this.errorMessage = "";
-    this.value = this._inputElem.value;
+    if (this.canChangeValue()) {
+      this.value = this._inputElem.value;
+    }
   }
   handleFocus() {
     if (this.label && this._labelElem && !this._labelElem.classList.contains("textarea__label--floated")) {

package/dist/collection/components/ez-text-input/ez-text-input.js

@@ -43,17 +43,19 @@ export class EzTextInput {
       }
     }
   }
-  observeValue() {
+  observeValue(newValue, oldValue) {
     if (this._inputElem) {
-      this._inputElem.value = this.value || "";
-    }
-    this.handleChange();
-    this.adjustFloatingLabel();
-    if (this.slaveMode) {
-      return;
+      if (newValue != oldValue) {
+        this._inputElem.value = this.value || "";
+        this.handleChange();
+        this.adjustFloatingLabel();
+        if (this.slaveMode) {
+          return;
+        }
+        this.errorMessage = "";
+        this.ezChange.emit(this.value);
+      }
     }
-    this.errorMessage = "";
-    this.ezChange.emit(this.value);
   }
   adjustFloatingLabel() {
     if (this.label && this._labelElem) {

package/dist/collection/components/ez-time-input/ez-time-input.js

@@ -63,10 +63,12 @@ export class EzTimeInput {
     this.prepareValue(this.viewValue);
     if (this.viewValue && !TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
       this._oldViewValue = this.viewValue;
+      this.ezCancelWaitingChange.emit();
       this.errorMessage = "Favor inserir um horário válido.";
     }
     else {
       if (this.viewValue === this._oldViewValue) {
+        this.ezCancelWaitingChange.emit();
         return;
       }
       this._oldViewValue = this.viewValue;
@@ -85,6 +87,7 @@ export class EzTimeInput {
     }
   }
   handleChange() {
+    this.ezStartChange.emit({ waitmessage: "", blocking: false });
     this.viewValue = this._inputElem.value;
     this.value = NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
   }
@@ -257,6 +260,41 @@ export class EzTimeInput {
         "resolved": "number",
         "references": {}
       }
+    }, {
+      "method": "ezStartChange",
+      "name": "ezStartChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Evento 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": "Entre o evento ezStartChange e ezChange, se por algum motivo n\u00E3o foi poss\u00EDvel\ncompletar a altera\u00E7\u00E3o, esse evento \u00E9 disparado."
+      },
+      "complexType": {
+        "original": "void",
+        "resolved": "void",
+        "references": {}
+      }
     }]; }
   static get methods() { return {
     "setFocus": {

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

@@ -43,7 +43,12 @@ export default class RemoteFile {
           }
           const response = xhr.response;
           if (response) {
-            resolve(JSON.parse(response));
+            try {
+              resolve(JSON.parse(response));
+            }
+            catch (error) {
+              reject(`Servidor não retornou um objeto válido: ${response}.\n${error}`);
+            }
           }
         }
       };