@sankhyalabs/ezui 1.1.100 → 1.1.103

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

@@ -95,28 +95,28 @@ export class EzCalendar {
       }
     }
     this.value = newDate;
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   selectHours(hour) {
     if (!this.value) {
       this.value = new Date();
     }
     this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), hour, this.value.getMinutes(), this.value.getSeconds());
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   selectMinutes(minute) {
     if (!this.value) {
       this.value = new Date();
     }
     this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), this.value.getHours(), minute, this.value.getSeconds());
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   selectSeconds(second) {
     if (!this.value) {
       this.value = new Date();
     }
     this.value = new Date(this.value.getFullYear(), this.value.getMonth(), this.value.getDate(), this.value.getHours(), this.value.getMinutes(), second);
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   updateScroll(element) {
     if (element) {
@@ -330,9 +330,13 @@ export class EzCalendar {
         "text": "Quando o usu\u00E1rio escolhe uma data, esse evento \u00E9 emitido."
       },
       "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        "original": "Date",
+        "resolved": "Date",
+        "references": {
+          "Date": {
+            "location": "global"
+          }
+        }
       }
     }]; }
   static get methods() { return {

package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.js

@@ -15,7 +15,7 @@ export class EzCollapsibleBox {
     this.iconPlacement = "left";
   }
   observeValue() {
-    this.ezChange.emit();
+    this.ezChange.emit(this.value);
   }
   /**
    * Esconde ou revela o conteúdo do componente
@@ -127,8 +127,8 @@ export class EzCollapsibleBox {
         "text": "Evento disparado ao mudar o estado do componente (onEzChange)."
       },
       "complexType": {
-        "original": "string",
-        "resolved": "string",
+        "original": "boolean",
+        "resolved": "boolean",
         "references": {}
       }
     }]; }

package/dist/collection/components/ez-combo-box/ez-combo-box.js

@@ -1,5 +1,5 @@
 import { FloatingManager } from "@sankhyalabs/core";
-import { Component, h, Host, Prop, State, Event, Element, Watch } from "@stencil/core";
+import { Component, h, Host, Prop, State, Event, Element, Watch, Method } from "@stencil/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
 export class EzComboBox {
   constructor() {
@@ -33,6 +33,18 @@ export class EzComboBox {
     this._preSelection = undefined;
     this.updateVisibleOptions();
   }
+  /**
+   * Realiza o foco no componente de seleção
+   */
+  async setFocus() {
+    this._inputElement.setFocus();
+  }
+  /**
+   * Remove o foco no componente de seleção
+   */
+  async setBlur() {
+    this._inputElement.setBlur();
+  }
   getText() {
     let text = "";
     const selected = this.getSelectedOption();
@@ -489,6 +501,40 @@ export class EzComboBox {
         }
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de sele\u00E7\u00E3o",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de sele\u00E7\u00E3o",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "el"; }
   static get watchers() { return [{
       "propName": "value",

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

@@ -1,4 +1,4 @@
-import { Component, Element, Host, h, Prop, Watch, Event } from '@stencil/core';
+import { Component, Element, Host, h, Prop, Watch, Event, Method } from '@stencil/core';
 import { DateUtils } from '@sankhyalabs/core';
 import CSSVarsUtils from '../../utils/CSSVarsUtils';
 export class EzDateInput {
@@ -19,12 +19,26 @@ export class EzDateInput {
       this._textInput.value = this.getTextValue(this.value);
     }
   }
+  /**
+   * Realiza o foco no componente de data
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco no componente de data
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
   changeValue(newValue) {
-    newValue = newValue == null ? null : DateUtils.clearTime(newValue);
+    var _a;
+    newValue = newValue instanceof Date ? DateUtils.clearTime(newValue) : null;
+    this.value = this.value instanceof Date ? DateUtils.clearTime(this.value) : null;
     this._textInput.errorMessage = "";
-    if (newValue !== this.value) {
+    if ((newValue === null || newValue === void 0 ? void 0 : newValue.toString()) !== ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString())) {
       this.value = newValue;
-      this.ezChange.emit();
+      this.ezChange.emit(this.value);
     }
   }
   showCalendar() {
@@ -160,11 +174,49 @@ export class EzDateInput {
         "text": "Evento disparado ao mudar o estado do componente(onEzChange)."
       },
       "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        "original": "Date",
+        "resolved": "Date",
+        "references": {
+          "Date": {
+            "location": "global"
+          }
+        }
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de data",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de data",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "label",

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

@@ -1,4 +1,4 @@
-import { Component, Element, Host, h, Prop, Watch, Event } from '@stencil/core';
+import { Component, Element, Host, h, Prop, Watch, Event, Method } from '@stencil/core';
 import { DateUtils, TimeFormatter } from '@sankhyalabs/core';
 import CSSVarsUtils from '../../utils/CSSVarsUtils';
 export class EzDateTimeInput {
@@ -23,6 +23,18 @@ export class EzDateTimeInput {
       this._textInput.value = this.getTextValue(this.value);
     }
   }
+  /**
+   * Realiza o foco no componente de datetime
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco no componente de datetime
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
   onChangeKeyDown(ev) {
     const input = this._textInput.shadowRoot.querySelector('input');
     if (ev.key === "H" || ev.key === "h") {
@@ -63,10 +75,11 @@ export class EzDateTimeInput {
     input.setSelectionRange(selectIni, selectFin);
   }
   changeValue(newValue) {
+    var _a;
     this._textInput.errorMessage = "";
-    if (newValue !== this.value) {
+    if ((newValue === null || newValue === void 0 ? void 0 : newValue.toString()) !== ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toString())) {
       this.value = newValue;
-      this.ezChange.emit();
+      this.ezChange.emit(this.value);
     }
   }
   showCalendar() {
@@ -224,11 +237,49 @@ export class EzDateTimeInput {
         "text": "Evento disparado ao mudar o estado do componente(onEzChange)."
       },
       "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        "original": "Date",
+        "resolved": "Date",
+        "references": {
+          "Date": {
+            "location": "global"
+          }
+        }
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de datetime",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de datetime",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "label",

package/dist/collection/components/ez-grid/controller/DataUnitBridge.js

@@ -10,6 +10,13 @@ export default class DataUnitBridge {
       case Action.METADATA_LOADED:
         this._gridController.setColumnsDef(this.buildColumnDefs(), true);
         break;
+      case Action.RECORDS_REMOVED:
+      case Action.EDITION_CANCELED:
+      case Action.RECORDS_ADDED:
+      case Action.RECORDS_COPIED:
+      case Action.DATA_SAVED:
+        this._gridController.refresh();
+        break;
     }
   }
   buildColumnDefs() {

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

@@ -87,6 +87,12 @@ export default class AgGridController {
     }
     this._gridOptions.api.setRowData(data);
   }
+  refresh() {
+    if (this._grid === undefined) {
+      throw new Error("Erro interno: Grid ainda não inicializado.");
+    }
+    this._gridOptions.api.refreshServerSideStore({ purge: false });
+  }
   setColumnsDef(cols, showCheckSelection) {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");

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

@@ -1,5 +1,5 @@
 import { NumberUtils } from "@sankhyalabs/core";
-import { Component, h, Event, Prop, Watch, Element } from "@stencil/core";
+import { Component, h, Event, Prop, Watch, Element, Method } from "@stencil/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
 export class EzNumberInput {
   constructor() {
@@ -19,6 +19,18 @@ export class EzNumberInput {
       this._textInput.value = this.getTextValue(this.value);
     }
   }
+  /**
+   * Realiza o foco no componente de input
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco no componente de input
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
   changeValue(newValue) {
     this.errorMessage = "";
     if (newValue && newValue !== this.value) {
@@ -182,6 +194,40 @@ export class EzNumberInput {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de input",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de input",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "label",

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

@@ -1,4 +1,4 @@
-import { Component, Event, h, Prop, Watch, Element } from "@stencil/core";
+import { Component, Event, h, Prop, Watch, Element, Method } from "@stencil/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
 export class EzSearch {
   constructor() {
@@ -20,6 +20,18 @@ export class EzSearch {
       this._comboElement.value = this.value;
     }
   }
+  /**
+   * Realiza o foco no componente de pesquisa
+   */
+  async setFocus() {
+    this._comboElement.setFocus();
+  }
+  /**
+   * Remove o foco no componente de pesquisa
+   */
+  async setBlur() {
+    this._comboElement.setBlur();
+  }
   onComboChange(evt) {
     evt.stopPropagation();
     this.value = evt.detail;
@@ -207,6 +219,40 @@ export class EzSearch {
         "references": {}
       }
     }]; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de pesquisa",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de pesquisa",
+        "tags": []
+      }
+    }
+  }; }
   static get elementRef() { return "_elem"; }
   static get watchers() { return [{
       "propName": "value",

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

@@ -284,6 +284,11 @@ progress[value]::-webkit-progress-value {
   cursor: unset;
 }
 
+.appearanceNone{
+  width: 0px;
+  height: 0px;
+}
+
 
 /* //////// GRID SYSTEM //////// */
 

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

@@ -58,6 +58,18 @@ export class EzUpload {
     }
     Array.prototype.forEach.call(files, this.addFile.bind(this));
   }
+  /**
+   * Realiza o foco no componente de upload
+   */
+  async setFocus() {
+    this._fileInput.focus();
+  }
+  /**
+   * Remove o foco no componente de upload
+   */
+  async setBlur() {
+    this._fileInput.blur();
+  }
   async addFile(file) {
     const oldFile = this._filePointers.get(file.name);
     if (oldFile) {
@@ -215,7 +227,7 @@ export class EzUpload {
             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 })));
+      h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, class: "appearanceNone" })));
   }
   buildFooter() {
     if (this._filePointers.size === 0) {
@@ -449,6 +461,38 @@ export class EzUpload {
         "text": "M\u00E9todo respons\u00E1vel por adicionar um ou mais arquivos ao componente.",
         "tags": []
       }
+    },
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Realiza o foco no componente de upload",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de upload",
+        "tags": []
+      }
     }
   }; }
   static get elementRef() { return "_host"; }

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

@@ -1,6 +1,13 @@
 import { Component, h } from '@stencil/core';
 import { DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
 export class TestDu {
+  /*private _ezButton// : HTMLEzButton;
+  private _ezComboBox// : HTMLEzComboBox;
+  private _ezDateInput// : HTMLEzDateInput;
+  private _ezDateTimeInput// : HTMLEzDateTimeInput;
+  private _ezNumberInput// : HTMLEzNumberInput
+  private _ezSearch// : HTMLEzSearch
+  private _ezUpload// : HTMLEzUpload*/
   componentWillLoad() {
     this.dataUnit = new DataUnit("testes_com_formulario");
     this.dataUnit.metadata = {