@sankhyalabs/ezui 1.1.136 → 1.1.137

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

@@ -1,4 +1,4 @@
-import { Element, Component, Prop, h, Watch, Host, Method } from "@stencil/core";
+import { Element, Component, Prop, h, Watch, Host, Method, Event } from "@stencil/core";
 import { TimeFormatter, MaskFormatter, NumberUtils } from "@sankhyalabs/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
 export class EzTimeInput {
@@ -16,28 +16,28 @@ export class EzTimeInput {
      */
     this.mode = "regular";
   }
-  prepareMask() {
+  observeShowSeconds() {
     if (this.showSeconds) {
-      if (this._maskFormatter == undefined) {
-        this._maskFormatter = new MaskFormatter("##:##:##");
-      }
-      else {
-        this._maskFormatter.mask = "##:##:##";
-      }
+      this.prepareMask("##:##:##");
     }
     else {
-      if (this._maskFormatter == undefined) {
-        this._maskFormatter = new MaskFormatter("##:##");
-      }
-      else {
-        this._maskFormatter.mask = "##:##";
-      }
+      this.prepareMask("##:##");
     }
   }
-  onValueChanged() {
-    if (this.value === NaN) {
+  observeValue() {
+    if (isNaN(this.value)) {
       this.value = undefined;
-      this.handleFocusout();
+    }
+  }
+  //---------------------------------------------
+  // Private methods
+  //---------------------------------------------
+  prepareMask(mask) {
+    if (this._maskFormatter == undefined) {
+      this._maskFormatter = new MaskFormatter(mask);
+    }
+    else {
+      this._maskFormatter.mask = mask;
     }
   }
   //---------------------------------------------
@@ -47,13 +47,13 @@ export class EzTimeInput {
    * Faz o foco no componente de input
    */
   async setFocus() {
-    this._inputElem.focus();
+    this._inputElem.setFocus();
   }
   /**
    * Remove o foco no componente de input
    */
   async setBlur() {
-    this._inputElem.blur();
+    this._inputElem.setBlur();
   }
   //---------------------------------------------
   // Event handlers
@@ -61,24 +61,29 @@ export class EzTimeInput {
   handleFocusout() {
     this.errorMessage = "";
     this.prepareValue(this.viewValue);
-    if (!TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
-      this.clearField();
+    if (this.viewValue && !TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
+      this._oldViewValue = this.viewValue;
       this.errorMessage = "Favor inserir um horário válido.";
     }
+    else {
+      if (this.viewValue === this._oldViewValue) {
+        return;
+      }
+      this._oldViewValue = this.viewValue;
+      if (this.viewValue === "00:00" && this.value == undefined) {
+        this.value = 0;
+      }
+      this.ezChange.emit(this.value);
+    }
   }
   prepareValue(value) {
     try {
       this.viewValue = TimeFormatter.prepareValue(value, this.showSeconds);
     }
     catch (e) {
-      this.clearField();
       this.errorMessage = e.message;
     }
   }
-  clearField() {
-    this.viewValue = '';
-    this.value = undefined;
-  }
   handleChange() {
     this.viewValue = this._inputElem.value;
     this.value = NumberUtils.stringToNumber(this.viewValue.replace(/\D/g, ""));
@@ -87,11 +92,11 @@ export class EzTimeInput {
   // Lifecycle web component
   //---------------------------------------------
   componentDidLoad() {
-    this.onValueChanged();
+    this.observeValue();
     CSSVarsUtils.applyVarsTextInput(this._elem, this._inputElem);
   }
   componentWillLoad() {
-    this.prepareMask();
+    this.observeShowSeconds();
     if (this.value) {
       this.prepareValue(this.value.toString());
     }
@@ -101,7 +106,7 @@ export class EzTimeInput {
   }
   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, mode: this.mode },
+      h("ez-text-input", { ref: (el) => this._inputElem = el, value: this.viewValue, enabled: this.enabled, label: this.label, restrict: "0123456789:", onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, errorMessage: this.errorMessage, mode: this.mode, slaveMode: true },
         h("ez-icon", { slot: "leftIcon", iconName: "timer-outline" }))));
   }
   static get is() { return "ez-time-input"; }
@@ -237,6 +242,22 @@ export class EzTimeInput {
       "defaultValue": "\"regular\""
     }
   }; }
+  static get events() { return [{
+      "method": "ezChange",
+      "name": "ezChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
+      },
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      }
+    }]; }
   static get methods() { return {
     "setFocus": {
       "complexType": {
@@ -274,9 +295,9 @@ export class EzTimeInput {
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "showSeconds",
-      "methodName": "prepareMask"
+      "methodName": "observeShowSeconds"
     }, {
       "propName": "value",
-      "methodName": "onValueChanged"
+      "methodName": "observeValue"
     }]; }
 }

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

@@ -9,7 +9,7 @@ export class EzUpload {
     */
     this.enabled = true;
   }
-  changeValue(newValue) {
+  observeValue(newValue) {
     //Observamos o mundo externo, se um novo valor foi atribuído,
     //precisamos cancelar a alteração anterior, isso envolve, percorrer
     //a lista de ponteiros e cancelar todos os uploads em andamento.
@@ -29,7 +29,7 @@ export class EzUpload {
       this.value.forEach(ezFile => this._filePointers.set(ezFile.name, ezFile));
     }
   }
-  normalizeRequestHeaders() {
+  observeRequestHeaders() {
     this._requestHeaders = new Map();
     if (typeof this.requestHeaders == "string") {
       try {
@@ -524,9 +524,9 @@ export class EzUpload {
   static get elementRef() { return "_host"; }
   static get watchers() { return [{
       "propName": "value",
-      "methodName": "changeValue"
+      "methodName": "observeValue"
     }, {
       "propName": "requestHeaders",
-      "methodName": "normalizeRequestHeaders"
+      "methodName": "observeRequestHeaders"
     }]; }
 }

package/dist/collection/components/test-du/test-du.js

@@ -11,17 +11,50 @@ export class TestDu {
       label: "Parceiro",
       fields: [
         {
-          name: "ANEXO",
-          label: "Anexo",
-          dataType: DataType.OBJECT,
-          userInterface: UserInterface.FILE,
-          properties: {
-            DESTINATION: "MULTIFILE",
-            MAX_FILES: "2"
-          }
-        }
+          name: "CODPARC",
+          label: "Parceiro",
+          dataType: DataType.NUMBER,
+          userInterface: UserInterface.INTEGERNUMBER,
+          defaultValue: 666,
+          required: false,
+          properties: {}
+        },
+        {
+          name: "RECDESP",
+          label: "Receita/Despesa",
+          dataType: DataType.TEXT,
+          userInterface: UserInterface.OPTIONSELECTOR,
+          required: true,
+          properties: { options: `{"-1": "Despesa", "1": "Receita"}` }
+        },
+        {
+          name: "P",
+          label: "pera",
+          dataType: DataType.TEXT,
+          userInterface: UserInterface.OPTIONSELECTOR,
+          properties: { options: `{"M": "Madura", "V": "Verde", "P": "Passada"}` }
+        },
       ]
     };
+    this.formConfig = [
+      {
+        name: "CODPARC",
+        label: "Parceiro",
+        dataType: DataType.NUMBER,
+        userInterface: UserInterface.INTEGERNUMBER,
+        defaultValue: 666,
+        required: false,
+        properties: {}
+      },
+      {
+        name: "RECDESP",
+        label: "Receita/Despesa",
+        dataType: DataType.TEXT,
+        userInterface: UserInterface.OPTIONSELECTOR,
+        required: true,
+        properties: { options: `{"-1": "Despesa", "1": "Receita"}` }
+      }
+    ];
     this.dataUnit.dataLoader = () => new Promise(accept => accept({
       records: [{
           __record__id__: "1321321321321321",
@@ -53,9 +86,10 @@ export class TestDu {
   }
   render() {
     return (h("div", null,
+      h("button", { onClick: () => this.dataUnit.addRecord() }, "Novo"),
       h("button", { onClick: () => this.dataUnit.loadData() }, "Carregar"),
       h("button", { onClick: () => this.save(), disabled: !this.isDirty }, "Salvar"),
-      h("ez-form", { dataUnit: this.dataUnit })));
+      h("ez-form", { dataUnit: this.dataUnit, config: this.formConfig })));
   }
   static get is() { return "test-du"; }
   static get originalStyleUrls() { return {