@sankhyalabs/ezui 0.0.0-bugfix-dev-59880.4 → 0.0.0-bugfix-dev-KB-59889.0

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

@@ -153,6 +153,12 @@ export class EzGrid {
   async getCustomValueFormatter(columnName) {
     return this._customFormatters.get(columnName);
   }
+  /**
+   * Atribui o foco para a grade.
+   */
+  async setFocus() {
+    this._gridController.setFocus();
+  }
   observeConfig(config) {
     this._gridController.setColumnsState(config === null || config === void 0 ? void 0 : config.columns);
   }
@@ -1150,6 +1156,22 @@ export class EzGrid {
           "text": "Retorna o formatador customizado da coluna caso exista.",
           "tags": []
         }
+      },
+      "setFocus": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Atribui o foco para a grade.",
+          "tags": []
+        }
       }
     };
   }

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

@@ -6,7 +6,6 @@ export class EzNumberInput {
     this._focused = false;
     this._changePending = false;
     this._valuePromiseCallbacks = [];
-    this._value = undefined;
     this.label = undefined;
     this.value = undefined;
     this.enabled = true;
@@ -65,14 +64,14 @@ export class EzNumberInput {
       const newValueValidated = this.validateValue(newValue);
       const oldValueValidated = this.validateValue(oldValue);
       if (newValueValidated === null) {
-        this._value = '';
+        this._textInput.value = '';
       }
       if (newValueValidated != oldValueValidated) {
         const textValue = this.getTextValue(newValueValidated) || '';
-        if ((this._value || '') !== textValue) {
+        if ((this._textInput.value || '') !== textValue) {
           const parsedNumber = this.getParsedNumber(textValue);
           if (parsedNumber !== undefined || !this._focused) {
-            this._value = textValue;
+            this._textInput.value = textValue;
             this._focused = false;
             this.errorMessage = "";
           }
@@ -93,7 +92,7 @@ export class EzNumberInput {
   }
   getTextValue(value) {
     if (value != undefined) {
-      return this.precision >= 0 ? NumberUtils.format(value.toString(), Number(this.precision), Number(this.prettyPrecision)) : value.toString();
+      return this.precision > 0 ? NumberUtils.format(value.toString(), Number(this.precision), Number(this.prettyPrecision)) : value.toString();
     }
     return undefined;
   }
@@ -146,13 +145,17 @@ export class EzNumberInput {
       this.ezStartChange.emit({ waitmessage: "", blocking: false });
     }
   }
-  getParsedNumber(value = this._value) {
+  getParsedNumber(value) {
+    var _a;
+    if (value === void 0) {
+      value = (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value;
+    }
     return (value === null || value === void 0 ? void 0 : value.trim()) ? NumberUtils.stringToNumber(value) : undefined;
   }
   setInputValue() {
     const textValue = this.getTextValue(this.value) || '';
-    if ((this._value || '') !== textValue) {
-      this._value = textValue;
+    if ((this._textInput.value || '') !== textValue) {
+      this._textInput.value = textValue;
     }
   }
   componentDidLoad() {
@@ -161,7 +164,7 @@ export class EzNumberInput {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value }));
+    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError }));
   }
   static get is() { return "ez-number-input"; }
   static get encapsulation() { return "shadow"; }
@@ -318,11 +321,6 @@ export class EzNumberInput {
       }
     };
   }
-  static get states() {
-    return {
-      "_value": {}
-    };
-  }
   static get events() {
     return [{
         "method": "ezChange",

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

@@ -58,9 +58,13 @@ export class EzTabselector {
     this.selectedTab = undefined;
     this.tabs = undefined;
   }
-  observeTabs(newValue) {
+  observeTabs(newValue, oldValue) {
     if (newValue && typeof newValue !== "string") {
       this._processedTabs = newValue;
+      return;
+    }
+    if (newValue !== oldValue) {
+      this.processesTabs();
     }
   }
   handleTabClick(tab) {
@@ -70,36 +74,37 @@ export class EzTabselector {
     this.ezChange.emit(tab);
     this.setFocusedBtn(false, tab.index);
   }
-  componentWillRender() {
-    if (!this._processedTabs) {
-      if (this.tabs) {
-        if (Array.isArray(this.tabs)) {
-          this._processedTabs = [...this.tabs];
-        }
-        else {
-          this._processedTabs = [];
-          this.tabs.split(",").forEach((label) => {
-            label = label.trim();
-            this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
-            this.buildElementIdTab(this._processedTabs);
-          });
-        }
+  componentWillLoad() {
+    this.processesTabs();
+  }
+  processesTabs() {
+    if (this.tabs) {
+      if (Array.isArray(this.tabs)) {
+        this._processedTabs = [...this.tabs];
+      }
+      else {
+        this._processedTabs = [];
+        this.tabs.split(",").forEach((label) => {
+          label = label.trim();
+          this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
+          this.buildElementIdTab(this._processedTabs);
+        });
       }
-      this._hostElem.querySelectorAll("ez-tab").forEach((elem) => {
-        const tabKey = elem.getAttribute("tabKey");
-        const label = elem.getAttribute("label");
-        const leftIcon = elem.getAttribute("leftIcon");
-        const rightIcon = elem.getAttribute("rightIcon");
-        const tab = { label, tabKey, leftIcon, rightIcon, index: this._processedTabs.length };
-        const content = elem.firstChild;
-        if (content) {
-          content.setAttribute("slot", "tab" + tab.index);
-          this._hostElem.appendChild(content);
-        }
-        this._processedTabs.push(tab);
-        this.buildElementIdTab(this._processedTabs);
-      });
     }
+    this._hostElem.querySelectorAll("ez-tab").forEach((elem) => {
+      const tabKey = elem.getAttribute("tabKey");
+      const label = elem.getAttribute("label");
+      const leftIcon = elem.getAttribute("leftIcon");
+      const rightIcon = elem.getAttribute("rightIcon");
+      const tab = { label, tabKey, leftIcon, rightIcon, index: this._processedTabs.length };
+      const content = elem.firstChild;
+      if (content) {
+        content.setAttribute("slot", "tab" + tab.index);
+        this._hostElem.appendChild(content);
+      }
+      this._processedTabs.push(tab);
+      this.buildElementIdTab(this._processedTabs);
+    });
   }
   componentDidRender() {
     this.updateScroll();

package/dist/collection/utils/form/DataBinder.js

@@ -35,6 +35,13 @@ export default class DataBinder {
     this.applyDefaultValues();
     this._dataUnit.subscribe(this.onDataUnitEvent);
     this._dataUnit.addInterceptor(this);
+    this.setContextDataBinder(dataUnit);
+  }
+  setContextDataBinder(dataUnit) {
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
+    const dataBinders = [...(dataBindersByDataUnit.get(dataUnit.dataUnitId) || []), this];
+    dataBindersByDataUnit.set(dataUnit.dataUnitId, dataBinders);
+    ApplicationContext.setContextValue("__DATABINDER_BY_DATAUNIT__", dataBindersByDataUnit);
   }
   applyDefaultValues() {
     const recordIds = (this._dataUnit.getAddedRecords() || []).map(r => r.__record__id__);
@@ -61,9 +68,17 @@ export default class DataBinder {
       getMessageForField: field => this.getErrorMessage(field)
     }, recordsValidator);
   }
+  disconnectDataUnit() {
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
+    const dataBinders = dataBindersByDataUnit.get(this._dataUnit.dataUnitId);
+    const dataBindersFiltered = dataBinders.filter((dataBinder) => JSON.stringify(dataBinder) !== JSON.stringify(this));
+    dataBindersByDataUnit.set(this._dataUnit.dataUnitId, dataBindersFiltered);
+    ApplicationContext.setContextValue("__DATABINDER_BY_DATAUNIT__", dataBindersByDataUnit);
+  }
   onDisconnectedCallback() {
     this._dataUnit.unsubscribe(this.onDataUnitEvent);
     this._dataUnit.removeInterceptor(this);
+    this.disconnectDataUnit();
   }
   getCurrentRecordId() {
     const record = this._dataUnit.getSelectedRecord();
@@ -110,6 +125,17 @@ export default class DataBinder {
   validate() {
     return this._recordValidatorProcessor.validate();
   }
+  static async validateByDataunit(dataUnit) {
+    try {
+      const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__");
+      const dataBinders = dataBindersByDataUnit.get(dataUnit.dataUnitId) || [];
+      await Promise.all(dataBinders.map((dataBinder) => dataBinder.validate()));
+      return true;
+    }
+    catch (_a) {
+      return false;
+    }
+  }
   updateErrorMessage(fieldName, field, message) {
     if (message == undefined) {
       message = this._dataUnit.getInvalidMessage(this.getCurrentRecordId(), fieldName);

package/dist/collection/utils/form/test/DataBinder.test.js

@@ -1,9 +1,46 @@
-import { DataUnit } from "@sankhyalabs/core";
+import { ApplicationContext, DataUnit } from "@sankhyalabs/core";
 import DataBinder from "../DataBinder";
+import { metadataTest } from "./resources/metadataTest";
 describe('DataBinder', () => {
+  let dataBinder;
+  let dataUnit;
+  beforeEach(() => {
+    dataUnit = new DataUnit();
+    dataUnit.metadata = metadataTest;
+    dataUnit.addRecord();
+    dataUnit.selectFirst();
+    dataBinder = new DataBinder(dataUnit);
+  });
   it('constructor', async () => {
-    const du = new DataUnit();
-    const db = new DataBinder(du);
-    expect(db).toBeTruthy();
+    expect(dataBinder).toBeTruthy();
+  });
+  it('ApplicationContext should be filled', () => {
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
+    expect(dataBindersByDataUnit.get(dataUnit.dataUnitId).length).toBeGreaterThan(0);
+  });
+  it('ApplicationContext should be filled with two binders', () => {
+    new DataBinder(dataUnit);
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
+    expect(dataBindersByDataUnit.get(dataUnit.dataUnitId).length).toBe(2);
+  });
+  it('should be invalid for empty fields', async () => {
+    const isValid = await DataBinder.validateByDataunit(dataUnit);
+    dataBinder['_recordValidatorProcessor'] = {
+      validate: () => Promise.reject(),
+    };
+    expect(isValid).toBe(false);
+  });
+  it('should be valid for filled fields', async () => {
+    await dataUnit.setFieldValue('NAME', 'João');
+    dataBinder['_recordValidatorProcessor'] = {
+      validate: () => Promise.resolve(),
+    };
+    const isValid = await DataBinder.validateByDataunit(dataUnit);
+    expect(isValid).toBe(true);
+  });
+  it('should be remove dataBinder on disconnected', async () => {
+    dataBinder.onDisconnectedCallback();
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
+    expect(dataBindersByDataUnit.get(dataUnit.dataUnitId).length).toBe(0);
   });
 });

package/dist/collection/utils/form/test/resources/metadataTest.js

@@ -0,0 +1,15 @@
+import { DataType, UserInterface } from "@sankhyalabs/core";
+export const metadataTest = {
+  "name": "clients",
+  "label": "clients",
+  "fields": [
+    {
+      "name": "NAME",
+      "label": "Nome",
+      "dataType": DataType.TEXT,
+      "userInterface": UserInterface.SHORTTEXT,
+      "readOnly": false,
+      "required": true
+    },
+  ]
+};

package/dist/custom-elements/index.js

@@ -1,6 +1,6 @@
 import { HTMLElement as HTMLElement$1, createEvent, h, Host, forceUpdate, Fragment, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-import { UserInterface, DateUtils as DateUtils$1, Action, WaitingChangeException, ApplicationContext, DataUnitAction, FloatingManager, ElementIDUtils, ObjectUtils as ObjectUtils$1, JSUtils, StringUtils as StringUtils$1, HTMLBuilder, TimeFormatter, DataUnit, NumberUtils as NumberUtils$1, MaskFormatter, DataType, SortMode, FieldComparator, ArrayUtils as ArrayUtils$1, OverflowWatcher, OVERFLOWED_CLASS_NAME, KeyboardManager } from '@sankhyalabs/core';
+import { UserInterface, DateUtils as DateUtils$1, Action, ApplicationContext, WaitingChangeException, DataUnitAction, FloatingManager, ElementIDUtils, ObjectUtils as ObjectUtils$1, JSUtils, StringUtils as StringUtils$1, HTMLBuilder, TimeFormatter, DataUnit, NumberUtils as NumberUtils$1, MaskFormatter, DataType, SortMode, FieldComparator, ArrayUtils as ArrayUtils$1, OverflowWatcher, OVERFLOWED_CLASS_NAME, KeyboardManager } from '@sankhyalabs/core';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
@@ -616,6 +616,13 @@ class DataBinder {
     this.applyDefaultValues();
     this._dataUnit.subscribe(this.onDataUnitEvent);
     this._dataUnit.addInterceptor(this);
+    this.setContextDataBinder(dataUnit);
+  }
+  setContextDataBinder(dataUnit) {
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
+    const dataBinders = [...(dataBindersByDataUnit.get(dataUnit.dataUnitId) || []), this];
+    dataBindersByDataUnit.set(dataUnit.dataUnitId, dataBinders);
+    ApplicationContext.setContextValue("__DATABINDER_BY_DATAUNIT__", dataBindersByDataUnit);
   }
   applyDefaultValues() {
     const recordIds = (this._dataUnit.getAddedRecords() || []).map(r => r.__record__id__);
@@ -642,9 +649,17 @@ class DataBinder {
       getMessageForField: field => this.getErrorMessage(field)
     }, recordsValidator);
   }
+  disconnectDataUnit() {
+    const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
+    const dataBinders = dataBindersByDataUnit.get(this._dataUnit.dataUnitId);
+    const dataBindersFiltered = dataBinders.filter((dataBinder) => JSON.stringify(dataBinder) !== JSON.stringify(this));
+    dataBindersByDataUnit.set(this._dataUnit.dataUnitId, dataBindersFiltered);
+    ApplicationContext.setContextValue("__DATABINDER_BY_DATAUNIT__", dataBindersByDataUnit);
+  }
   onDisconnectedCallback() {
     this._dataUnit.unsubscribe(this.onDataUnitEvent);
     this._dataUnit.removeInterceptor(this);
+    this.disconnectDataUnit();
   }
   getCurrentRecordId() {
     const record = this._dataUnit.getSelectedRecord();
@@ -691,6 +706,17 @@ class DataBinder {
   validate() {
     return this._recordValidatorProcessor.validate();
   }
+  static async validateByDataunit(dataUnit) {
+    try {
+      const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__");
+      const dataBinders = dataBindersByDataUnit.get(dataUnit.dataUnitId) || [];
+      await Promise.all(dataBinders.map((dataBinder) => dataBinder.validate()));
+      return true;
+    }
+    catch (_a) {
+      return false;
+    }
+  }
   updateErrorMessage(fieldName, field, message) {
     if (message == undefined) {
       message = this._dataUnit.getInvalidMessage(this.getCurrentRecordId(), fieldName);
@@ -4929,9 +4955,8 @@ const buildFile = ({ name, label, readOnly, contextName, props }) => {
 };
 
 const buildDecimal$1 = ({ name, label, readOnly, props, contextName, canShowError }) => {
-  var _a, _b;
-  const precision = Number((_a = props === null || props === void 0 ? void 0 : props.precision) !== null && _a !== void 0 ? _a : 2);
-  const prettyPrecision = Number((_b = props === null || props === void 0 ? void 0 : props.prettyPrecision) !== null && _b !== void 0 ? _b : precision);
+  const precision = Number((props === null || props === void 0 ? void 0 : props.precision) || 2);
+  const prettyPrecision = Number((props === null || props === void 0 ? void 0 : props.prettyPrecision) || precision);
   return buildNumeric$1(name, label, readOnly, precision, prettyPrecision, contextName, canShowError);
 };
 const buildInteger$1 = ({ name, label, readOnly, contextName, canShowError }) => {
@@ -5040,7 +5065,7 @@ const EzFormView$1 = class extends HTMLElement$1 {
    */
   async setFieldProp(fieldName, propName, value) {
     const fields = this.fields.map(field => {
-      if (field.name === fieldName && (value || value === 0)) {
+      if (field.name === fieldName) {
         field.props = field.props || {};
         field.props[propName] = value;
       }
@@ -124034,6 +124059,7 @@ class DataSource {
     else {
       this._controller.selectRows(selectionInfo.recordIds, true);
     }
+    this._controller.setFocusFirstRow();
   }
   getRows(params) {
     if (this.needReload(params)) {
@@ -124420,9 +124446,8 @@ const buildDateTime = ({ readOnly }) => {
 };
 
 const buildDecimal = ({ readOnly, props }) => {
-  var _a, _b;
-  const precision = Number((_a = props === null || props === void 0 ? void 0 : props.precision) !== null && _a !== void 0 ? _a : 2);
-  const prettyPrecision = Number((_b = props === null || props === void 0 ? void 0 : props.prettyPrecision) !== null && _b !== void 0 ? _b : precision);
+  const precision = Number((props === null || props === void 0 ? void 0 : props.precision) || 2);
+  const prettyPrecision = Number((props === null || props === void 0 ? void 0 : props.prettyPrecision) || precision);
   return buildNumeric(readOnly, precision, prettyPrecision);
 };
 const buildInteger = ({ readOnly }) => {
@@ -125052,6 +125077,7 @@ class AgGridController {
   }
   initDatagrid(container, options) {
     var _a;
+    this._container = container;
     if (this._grid === undefined) {
       LicenseManager.setLicenseKey(ApplicationContext.getContextValue('__EZUI__GRID_LICENSE__'));
       this._columnStateChangeCallback = options.onColumnStateChange;
@@ -125406,11 +125432,27 @@ class AgGridController {
     }
     this._gridOptions.api.refreshServerSide({ purge: true });
   }
+  focusOnGridContainer() {
+    this._container.setAttribute('tabindex', '-1');
+    this._container.focus();
+  }
+  setFocus() {
+    var _a, _b;
+    if ((_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b.length) {
+      this.setFocusFirstRow();
+    }
+    else {
+      this.focusOnGridContainer();
+    }
+  }
   setFocusFirstRow() {
     const firstRow = this._gridOptions.api.getDisplayedRowAtIndex(0);
     if (firstRow) {
       this.setFocusOnRow(firstRow.rowIndex);
     }
+    else {
+      this.focusOnGridContainer();
+    }
   }
   setFocusLastRow() {
     const lastRow = this._gridOptions.api.getDisplayedRowAtIndex(this._gridOptions.api.getLastDisplayedRow());
@@ -126014,7 +126056,7 @@ class InMemoryFilterColumnDataSource {
   }
 }
 
-const ezGridCss = ".sc-ez-grid-h{display:grid;grid-template-rows:auto 1fr auto;height:100%;width:100%;--ez-grid__header--background-color:var(--background--xlight, #FFF);--ez-grid__selection-counter--z-index:var(--visible, 1);--ez-grid__container--shadow:0 0 16px 0 rgb(0 38 111 / 12%);--ez-grid--min-height:300px;min-height:var(--ez-grid--min-height)}.grid-header.sc-ez-grid{display:grid;justify-content:space-between;align-items:center;grid-row-start:1;grid-template-columns:1fr;background-color:var(--ez-grid__header--background-color, #FFF)}.grid__container.sc-ez-grid{padding-top:15px;margin-top:-12px;box-shadow:var(--ez-grid__container--shadow);background-color:var(--ez-grid__header--background-color)}.grid-header__popover.sc-ez-grid{position:relative;top:var(--space--sm, 16px)}.grid-header__container.sc-ez-grid{display:flex;align-items:center}.grid-header__position.sc-ez-grid{display:flex;align-items:center;justify-content:space-between}.grid__selection-counter.sc-ez-grid{position:fixed;white-space:nowrap;transform:translate(-50%, 0px);left:50%;opacity:0;bottom:-100%;transition:opacity 0.1s, bottom 0.5s}.grid__selection-counter--opened.sc-ez-grid{opacity:1;bottom:0px}.grid__btn-close.sc-ez-grid{display:flex;align-items:center;justify-content:center;padding:0;outline:none;width:20px;height:20px;border:none;background-color:unset;cursor:pointer}.grid__btn-clear.sc-ez-grid{--ez-button--link-color:var(--color--alert-warning-900, #8C6B00);--ez-button--link--hover-color:var(--color--alert-warning-900, #8C6B00)}[no-header].sc-ez-grid-h .grid-header.sc-ez-grid{height:0;padding:0}.grid-header__pagination.sc-ez-grid{width:30%;min-width:100px;justify-content:flex-end;flex-wrap:wrap}.grid-header__left-container.sc-ez-grid{width:70%}.grid-header__pagination-label.sc-ez-grid{width:100%;white-space:nowrap}.overflowed.sc-ez-grid{display:none}";
+const ezGridCss = ".sc-ez-grid-h{display:grid;grid-template-rows:auto 1fr auto;height:100%;width:100%;--ez-grid__header--background-color:var(--background--xlight, #FFF);--ez-grid__selection-counter--z-index:var(--visible, 1);--ez-grid__container--shadow:0 0 16px 0 rgb(0 38 111 / 12%);--ez-grid--min-height:300px;min-height:var(--ez-grid--min-height)}.grid-header.sc-ez-grid{display:grid;justify-content:space-between;align-items:center;grid-row-start:1;grid-template-columns:1fr;background-color:var(--ez-grid__header--background-color, #FFF)}.grid__container.sc-ez-grid{padding-top:15px;margin-top:-12px;outline:none;box-shadow:var(--ez-grid__container--shadow);background-color:var(--ez-grid__header--background-color)}.grid-header__popover.sc-ez-grid{position:relative;top:var(--space--sm, 16px)}.grid-header__container.sc-ez-grid{display:flex;align-items:center}.grid-header__position.sc-ez-grid{display:flex;align-items:center;justify-content:space-between}.grid__selection-counter.sc-ez-grid{position:fixed;white-space:nowrap;transform:translate(-50%, 0px);left:50%;opacity:0;bottom:-100%;transition:opacity 0.1s, bottom 0.5s}.grid__selection-counter--opened.sc-ez-grid{opacity:1;bottom:0px}.grid__btn-close.sc-ez-grid{display:flex;align-items:center;justify-content:center;padding:0;outline:none;width:20px;height:20px;border:none;background-color:unset;cursor:pointer}.grid__btn-clear.sc-ez-grid{--ez-button--link-color:var(--color--alert-warning-900, #8C6B00);--ez-button--link--hover-color:var(--color--alert-warning-900, #8C6B00)}[no-header].sc-ez-grid-h .grid-header.sc-ez-grid{height:0;padding:0}.grid-header__pagination.sc-ez-grid{width:30%;min-width:100px;justify-content:flex-end;flex-wrap:wrap}.grid-header__left-container.sc-ez-grid{width:70%}.grid-header__pagination-label.sc-ez-grid{width:100%;white-space:nowrap}.overflowed.sc-ez-grid{display:none}";
 
 const windowInstace$1 = window;
 const matches = (text, filter) => {
@@ -126171,6 +126213,12 @@ const EzGrid$1 = class extends HTMLElement$1 {
   async getCustomValueFormatter(columnName) {
     return this._customFormatters.get(columnName);
   }
+  /**
+   * Atribui o foco para a grade.
+   */
+  async setFocus() {
+    this._gridController.setFocus();
+  }
   observeConfig(config) {
     this._gridController.setColumnsState(config === null || config === void 0 ? void 0 : config.columns);
   }
@@ -127532,7 +127580,6 @@ const EzNumberInput$1 = class extends HTMLElement$1 {
     this._focused = false;
     this._changePending = false;
     this._valuePromiseCallbacks = [];
-    this._value = undefined;
     this.label = undefined;
     this.value = undefined;
     this.enabled = true;
@@ -127591,14 +127638,14 @@ const EzNumberInput$1 = class extends HTMLElement$1 {
       const newValueValidated = this.validateValue(newValue);
       const oldValueValidated = this.validateValue(oldValue);
       if (newValueValidated === null) {
-        this._value = '';
+        this._textInput.value = '';
       }
       if (newValueValidated != oldValueValidated) {
         const textValue = this.getTextValue(newValueValidated) || '';
-        if ((this._value || '') !== textValue) {
+        if ((this._textInput.value || '') !== textValue) {
           const parsedNumber = this.getParsedNumber(textValue);
           if (parsedNumber !== undefined || !this._focused) {
-            this._value = textValue;
+            this._textInput.value = textValue;
             this._focused = false;
             this.errorMessage = "";
           }
@@ -127619,7 +127666,7 @@ const EzNumberInput$1 = class extends HTMLElement$1 {
   }
   getTextValue(value) {
     if (value != undefined) {
-      return this.precision >= 0 ? NumberUtils$1.format(value.toString(), Number(this.precision), Number(this.prettyPrecision)) : value.toString();
+      return this.precision > 0 ? NumberUtils$1.format(value.toString(), Number(this.precision), Number(this.prettyPrecision)) : value.toString();
     }
     return undefined;
   }
@@ -127672,13 +127719,17 @@ const EzNumberInput$1 = class extends HTMLElement$1 {
       this.ezStartChange.emit({ waitmessage: "", blocking: false });
     }
   }
-  getParsedNumber(value = this._value) {
+  getParsedNumber(value) {
+    var _a;
+    if (value === void 0) {
+      value = (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value;
+    }
     return (value === null || value === void 0 ? void 0 : value.trim()) ? NumberUtils$1.stringToNumber(value) : undefined;
   }
   setInputValue() {
     const textValue = this.getTextValue(this.value) || '';
-    if ((this._value || '') !== textValue) {
-      this._value = textValue;
+    if ((this._textInput.value || '') !== textValue) {
+      this._textInput.value = textValue;
     }
   }
   componentDidLoad() {
@@ -127687,7 +127738,7 @@ const EzNumberInput$1 = class extends HTMLElement$1 {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, value: this._value }));
+    return (h("ez-text-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), restrict: this.precision > 0 ? "0123456789-,." : "0123456789-", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError }));
   }
   get _elem() { return this; }
   static get watchers() { return {
@@ -129993,9 +130044,13 @@ const EzTabselector$1 = class extends HTMLElement$1 {
     this.selectedTab = undefined;
     this.tabs = undefined;
   }
-  observeTabs(newValue) {
+  observeTabs(newValue, oldValue) {
     if (newValue && typeof newValue !== "string") {
       this._processedTabs = newValue;
+      return;
+    }
+    if (newValue !== oldValue) {
+      this.processesTabs();
     }
   }
   handleTabClick(tab) {
@@ -130005,36 +130060,37 @@ const EzTabselector$1 = class extends HTMLElement$1 {
     this.ezChange.emit(tab);
     this.setFocusedBtn(false, tab.index);
   }
-  componentWillRender() {
-    if (!this._processedTabs) {
-      if (this.tabs) {
-        if (Array.isArray(this.tabs)) {
-          this._processedTabs = [...this.tabs];
-        }
-        else {
-          this._processedTabs = [];
-          this.tabs.split(",").forEach((label) => {
-            label = label.trim();
-            this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
-            this.buildElementIdTab(this._processedTabs);
-          });
-        }
+  componentWillLoad() {
+    this.processesTabs();
+  }
+  processesTabs() {
+    if (this.tabs) {
+      if (Array.isArray(this.tabs)) {
+        this._processedTabs = [...this.tabs];
+      }
+      else {
+        this._processedTabs = [];
+        this.tabs.split(",").forEach((label) => {
+          label = label.trim();
+          this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
+          this.buildElementIdTab(this._processedTabs);
+        });
       }
-      this._hostElem.querySelectorAll("ez-tab").forEach((elem) => {
-        const tabKey = elem.getAttribute("tabKey");
-        const label = elem.getAttribute("label");
-        const leftIcon = elem.getAttribute("leftIcon");
-        const rightIcon = elem.getAttribute("rightIcon");
-        const tab = { label, tabKey, leftIcon, rightIcon, index: this._processedTabs.length };
-        const content = elem.firstChild;
-        if (content) {
-          content.setAttribute("slot", "tab" + tab.index);
-          this._hostElem.appendChild(content);
-        }
-        this._processedTabs.push(tab);
-        this.buildElementIdTab(this._processedTabs);
-      });
     }
+    this._hostElem.querySelectorAll("ez-tab").forEach((elem) => {
+      const tabKey = elem.getAttribute("tabKey");
+      const label = elem.getAttribute("label");
+      const leftIcon = elem.getAttribute("leftIcon");
+      const rightIcon = elem.getAttribute("rightIcon");
+      const tab = { label, tabKey, leftIcon, rightIcon, index: this._processedTabs.length };
+      const content = elem.firstChild;
+      if (content) {
+        content.setAttribute("slot", "tab" + tab.index);
+        this._hostElem.appendChild(content);
+      }
+      this._processedTabs.push(tab);
+      this.buildElementIdTab(this._processedTabs);
+    });
   }
   componentDidRender() {
     this.updateScroll();
@@ -132184,7 +132240,7 @@ const EzLoadingBar = /*@__PURE__*/proxyCustomElement(EzLoadingBar$1, [1,"ez-load
 const EzModal = /*@__PURE__*/proxyCustomElement(EzModal$1, [1,"ez-modal",{"modalSize":[1,"modal-size"],"align":[1],"heightMode":[1,"height-mode"],"opened":[1028],"closeEsc":[4,"close-esc"],"closeOutsideClick":[4,"close-outside-click"],"scrim":[1]}]);
 const EzModalContainer = /*@__PURE__*/proxyCustomElement(EzModalContainer$1, [6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]},[[4,"ezCloseModal","handleEzModalAction"]]]);
 const EzMultiSelectionList = /*@__PURE__*/proxyCustomElement(EzMuiltiSelectionList, [2,"ez-multi-selection-list",{"columnName":[1,"column-name"],"dataSource":[16],"useOptions":[1028,"use-options"],"options":[1040],"isTextSearch":[4,"is-text-search"],"filteredOptions":[32],"displayOptions":[32],"viewScenario":[32],"displayOptionToCheckAllItems":[32]}]);
-const EzNumberInput = /*@__PURE__*/proxyCustomElement(EzNumberInput$1, [1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"canShowError":[516,"can-show-error"],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"_value":[32]}]);
+const EzNumberInput = /*@__PURE__*/proxyCustomElement(EzNumberInput$1, [1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"canShowError":[516,"can-show-error"],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513]}]);
 const EzPopover = /*@__PURE__*/proxyCustomElement(EzPopover$1, [1,"ez-popover",{"autoClose":[516,"auto-close"],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"],"overlayType":[513,"overlay-type"]}]);
 const EzPopup = /*@__PURE__*/proxyCustomElement(EzPopup$1, [1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]);
 const EzRadioButton = /*@__PURE__*/proxyCustomElement(EzRadioButton$1, [1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]);

package/dist/esm/ez-form-view.entry.js

@@ -55,9 +55,8 @@ const buildFile = ({ name, label, readOnly, contextName, props }) => {
 };
 
 const buildDecimal = ({ name, label, readOnly, props, contextName, canShowError }) => {
-  var _a, _b;
-  const precision = Number((_a = props === null || props === void 0 ? void 0 : props.precision) !== null && _a !== void 0 ? _a : 2);
-  const prettyPrecision = Number((_b = props === null || props === void 0 ? void 0 : props.prettyPrecision) !== null && _b !== void 0 ? _b : precision);
+  const precision = Number((props === null || props === void 0 ? void 0 : props.precision) || 2);
+  const prettyPrecision = Number((props === null || props === void 0 ? void 0 : props.prettyPrecision) || precision);
   return buildNumeric(name, label, readOnly, precision, prettyPrecision, contextName, canShowError);
 };
 const buildInteger = ({ name, label, readOnly, contextName, canShowError }) => {
@@ -165,7 +164,7 @@ const EzFormView = class {
    */
   async setFieldProp(fieldName, propName, value) {
     const fields = this.fields.map(field => {
-      if (field.name === fieldName && (value || value === 0)) {
+      if (field.name === fieldName) {
         field.props = field.props || {};
         field.props[propName] = value;
       }