@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-68936.0 → 0.0.0-bugfix-dev-KB-69235.0

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

@@ -2,67 +2,6 @@ import { Action, ObjectUtils } from '@sankhyalabs/core';
 import { EZ_GRID_LOADING_SOURCE } from "../../../../utils/constants";
 import { DataSourceInterceptor } from "./DataSourceInterceptor";
 export default class DataSource {
-  handleDataChanged(action) {
-    var _a, _b;
-    if (!this._options.enableGridInsert) {
-      this.handleRefresh(action);
-      return;
-    }
-    this.updateGridRowNodes((_b = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.records) !== null && _b !== void 0 ? _b : []);
-  }
-  /**
-   *  Nesse ponto, o registro já se encontra atualizado no DU,
-   *  basta então passar seu valor para que a garde possa atualizar sua linha.
-  */
-  updateGridRowNodes(recordIDList) {
-    const recordsToUpdate = recordIDList === null || recordIDList === void 0 ? void 0 : recordIDList.map(id => this.getRecordById(id));
-    this._controller.updateRows(recordsToUpdate);
-  }
-  getRecordById(recordId) {
-    return this._dataUnit.records.find(record => record['__record__id__'] === recordId);
-  }
-  /**
-   * Em caso de necessidade de reload (isWaitingToReload), eh preciso chamar o dataUnit.gotoPage, pois ele aplica tambem a ordenacao dos registros,
-   * enquanto que o _controller.refresh apenas recarrega os dados na ordem que atua.
-   */
-  handleRefreshOrReload(action) {
-    if (this._dataUnit.isWaitingToReload()) {
-      this.handleReload();
-      return;
-    }
-    this.handleRefresh(action);
-  }
-  handleReload() {
-    this._dataUnit.setWaitingToReload(false);
-    this._dataUnit.gotoPage(0);
-  }
-  handleRefresh(action) {
-    if (this.isSilentChange(action)) {
-      return;
-    }
-    this._controller.refresh();
-  }
-  handleRecordsAdded() {
-    if (this._options.enableGridInsert) {
-      this._controller.refresh();
-      this.focusOnNewRecord();
-    }
-  }
-  focusOnNewRecord() {
-    /**
-     * O SetTimeout eh utilizado pois é preciso aguardar que o novo registro seja renderizado na grade.
-     * Tentamos utilizar a api da grade para adicionar um event listener, porém na versão que utilizamos, não existe
-     * algo que resolva nosso cenário.
-     *
-     * Sugiro no futuro utilizar algo como o applyServerSideTransaction, porém será preciso lidar com os handlers
-     * e callbacks implementados no AgGridController e GridEditionManager.
-     */
-    setTimeout(() => {
-      var _a;
-      const newRowIndex = ((_a = this._dataUnit.records) === null || _a === void 0 ? void 0 : _a.length) - 1;
-      this._controller.startEditionOnRowByIndex(newRowIndex);
-    }, 500);
-  }
   updateLoadedRecords(action) {
     const records = action.payload;
     if ((records === null || records === void 0 ? void 0 : records.length) > 0) {
@@ -114,19 +53,15 @@ export default class DataSource {
             this._options.onPaginationUpdate(this._dataUnit.getPaginationInfo());
           }
           break;
-        case Action.RECORDS_ADDED:
-          this.handleRecordsAdded();
-          break;
+        case Action.RECORDS_REMOVED:
         case Action.DATA_SAVED:
         case Action.EDITION_CANCELED:
-          this.handleRefreshOrReload(action);
-          break;
         case Action.DATA_CHANGED:
         case Action.DATA_RESOLVED:
-          this.handleDataChanged(action);
-          break;
-        case Action.RECORDS_REMOVED:
-          this.handleRefresh(action);
+          if (this.isSilentChange(action)) {
+            return;
+          }
+          this._controller.refresh();
           break;
         case Action.SELECTION_CHANGED:
         case Action.NEXT_SELECTED:
@@ -157,9 +92,6 @@ export default class DataSource {
   setAutoFocus(autoFocus) {
     this._options.autoFocus = autoFocus;
   }
-  setEnableGridInsert(enable) {
-    this._options.enableGridInsert = enable;
-  }
   getRows(params) {
     if (this.needReload(params)) {
       this._lastLoadingParams = params;

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

@@ -33,7 +33,7 @@ export default class GridEditionManager {
       this.saveSuccess();
       return;
     }
-    if (!this._isGridEdition) {
+    if (!this._isGridEdition || this._dataUnit.hasNewRecord()) {
       return;
     }
     const currentRercord = this._dataUnit.getSelectedRecord();
@@ -115,7 +115,11 @@ export default class GridEditionManager {
     }).map(c => c.getColId());
   }
   saveSuccess() {
+    var _a;
     this.focusOnCell(this._targetEditionCell);
+    if (((_a = this._targetEditionCell) === null || _a === void 0 ? void 0 : _a.rowIndex) !== undefined) {
+      this._dataUnit.setSelectionByIndex([this._targetEditionCell.rowIndex]);
+    }
     this._lastCellEdited = undefined;
     this._targetEditionCell = undefined;
     this._isGridEdition = false;

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

@@ -36,7 +36,6 @@ export class EzGrid {
     this.recordsValidator = undefined;
     this.canEdit = true;
     this.autoFocus = true;
-    this.enableGridInsert = false;
   }
   /**
    * Aplica a definição de colunas.
@@ -363,7 +362,6 @@ export class EzGrid {
       editionIsDisabled: () => !this.canEdit,
       customFormatters: this._customFormatters,
       autoFocus: this.autoFocus,
-      enableGridInsert: this.enableGridInsert,
       onRefresh: () => {
         if (this.dataUnit) {
           this.setSelection(this.dataUnit.getSelectionInfo());
@@ -456,7 +454,6 @@ export class EzGrid {
   }
   componentDidUpdate() {
     this._gridController.setAutoFocus(this.autoFocus);
-    this._gridController.setEnableGridInsert(this.enableGridInsert);
   }
   getDataSource() {
     var _a;
@@ -697,24 +694,6 @@ export class EzGrid {
         "attribute": "auto-focus",
         "reflect": false,
         "defaultValue": "true"
-      },
-      "enableGridInsert": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Ativa inser\u00E7\u00E3o de registros no modo grade."
-        },
-        "attribute": "enable-grid-insert",
-        "reflect": false,
-        "defaultValue": "false"
       }
     };
   }

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

@@ -67,11 +67,17 @@ export class EzTabselector {
       this.processesTabs();
     }
   }
-  handleTabClick(tab) {
+  async goToTab(tabIndex, silent = false) {
+    const tab = this._processedTabs.find(tab => tab.index === tabIndex);
+    this.handleTabClick(tab, !silent);
+  }
+  handleTabClick(tab, emitChange = true) {
     this.selectedIndex = tab.index;
     this._focusedIndex = undefined;
     this.selectedTab = tab.tabKey;
-    this.ezChange.emit(tab);
+    if (emitChange) {
+      this.ezChange.emit(tab);
+    }
     this.setFocusedBtn(false, tab.index);
   }
   componentWillLoad() {
@@ -316,6 +322,32 @@ export class EzTabselector {
         }
       }];
   }
+  static get methods() {
+    return {
+      "goToTab": {
+        "complexType": {
+          "signature": "(tabIndex: number, silent?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "_hostElem"; }
   static get watchers() {
     return [{

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

@@ -1,4 +1,4 @@
-import { ApplicationContext, Action, WaitingChangeException, DataUnitAction } from "@sankhyalabs/core";
+import { ApplicationContext, Action, WaitingChangeException, DataUnitAction, StringUtils } from "@sankhyalabs/core";
 import { RecordValidationProcessor } from "../validators/recordvalidator/RecordValidationProcessor";
 export default class DataBinder {
   constructor(dataUnit) {
@@ -30,6 +30,7 @@ export default class DataBinder {
           break;
       }
     };
+    this._uuid = StringUtils.generateUUID();
     this._fields = new Map();
     this._dataUnit = dataUnit;
     this.applyDefaultValues();
@@ -37,6 +38,9 @@ export default class DataBinder {
     this._dataUnit.addInterceptor(this);
     this.setContextDataBinder(dataUnit);
   }
+  get dataBinderId() {
+    return this._uuid;
+  }
   setContextDataBinder(dataUnit) {
     const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
     const dataBinders = [...(dataBindersByDataUnit.get(dataUnit.dataUnitId) || []), this];
@@ -71,7 +75,7 @@ export default class DataBinder {
   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));
+    const dataBindersFiltered = dataBinders.filter((dataBinder) => dataBinder.dataBinderId !== this.dataBinderId);
     dataBindersByDataUnit.set(this._dataUnit.dataUnitId, dataBindersFiltered);
     ApplicationContext.setContextValue("__DATABINDER_BY_DATAUNIT__", dataBindersByDataUnit);
   }

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, 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 { UserInterface, DateUtils as DateUtils$1, Action, StringUtils as StringUtils$1, ApplicationContext, WaitingChangeException, DataUnitAction, FloatingManager, ElementIDUtils, ObjectUtils as ObjectUtils$1, JSUtils, 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
@@ -611,6 +611,7 @@ class DataBinder {
           break;
       }
     };
+    this._uuid = StringUtils$1.generateUUID();
     this._fields = new Map();
     this._dataUnit = dataUnit;
     this.applyDefaultValues();
@@ -618,6 +619,9 @@ class DataBinder {
     this._dataUnit.addInterceptor(this);
     this.setContextDataBinder(dataUnit);
   }
+  get dataBinderId() {
+    return this._uuid;
+  }
   setContextDataBinder(dataUnit) {
     const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
     const dataBinders = [...(dataBindersByDataUnit.get(dataUnit.dataUnitId) || []), this];
@@ -652,7 +656,7 @@ class DataBinder {
   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));
+    const dataBindersFiltered = dataBinders.filter((dataBinder) => dataBinder.dataBinderId !== this.dataBinderId);
     dataBindersByDataUnit.set(this._dataUnit.dataUnitId, dataBindersFiltered);
     ApplicationContext.setContextValue("__DATABINDER_BY_DATAUNIT__", dataBindersByDataUnit);
   }
@@ -2491,6 +2495,8 @@ const EzChart$1 = class extends HTMLElement$1 {
       subTitle: this.chartSubTitle,
       legendEnabled: this.legendEnabled,
       onClickSerie: this.ezSerieClick,
+      width: this.width,
+      height: this.height,
     });
   }
   componentWillLoad() {
@@ -124422,67 +124428,6 @@ class DataSourceInterceptor {
 }
 
 class DataSource {
-  handleDataChanged(action) {
-    var _a, _b;
-    if (!this._options.enableGridInsert) {
-      this.handleRefresh(action);
-      return;
-    }
-    this.updateGridRowNodes((_b = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.records) !== null && _b !== void 0 ? _b : []);
-  }
-  /**
-   *  Nesse ponto, o registro já se encontra atualizado no DU,
-   *  basta então passar seu valor para que a garde possa atualizar sua linha.
-  */
-  updateGridRowNodes(recordIDList) {
-    const recordsToUpdate = recordIDList === null || recordIDList === void 0 ? void 0 : recordIDList.map(id => this.getRecordById(id));
-    this._controller.updateRows(recordsToUpdate);
-  }
-  getRecordById(recordId) {
-    return this._dataUnit.records.find(record => record['__record__id__'] === recordId);
-  }
-  /**
-   * Em caso de necessidade de reload (isWaitingToReload), eh preciso chamar o dataUnit.gotoPage, pois ele aplica tambem a ordenacao dos registros,
-   * enquanto que o _controller.refresh apenas recarrega os dados na ordem que atua.
-   */
-  handleRefreshOrReload(action) {
-    if (this._dataUnit.isWaitingToReload()) {
-      this.handleReload();
-      return;
-    }
-    this.handleRefresh(action);
-  }
-  handleReload() {
-    this._dataUnit.setWaitingToReload(false);
-    this._dataUnit.gotoPage(0);
-  }
-  handleRefresh(action) {
-    if (this.isSilentChange(action)) {
-      return;
-    }
-    this._controller.refresh();
-  }
-  handleRecordsAdded() {
-    if (this._options.enableGridInsert) {
-      this._controller.refresh();
-      this.focusOnNewRecord();
-    }
-  }
-  focusOnNewRecord() {
-    /**
-     * O SetTimeout eh utilizado pois é preciso aguardar que o novo registro seja renderizado na grade.
-     * Tentamos utilizar a api da grade para adicionar um event listener, porém na versão que utilizamos, não existe
-     * algo que resolva nosso cenário.
-     *
-     * Sugiro no futuro utilizar algo como o applyServerSideTransaction, porém será preciso lidar com os handlers
-     * e callbacks implementados no AgGridController e GridEditionManager.
-     */
-    setTimeout(() => {
-      var _a;
-      const newRowIndex = ((_a = this._dataUnit.records) === null || _a === void 0 ? void 0 : _a.length) - 1;
-      this._controller.startEditionOnRowByIndex(newRowIndex);
-    }, 500);
-  }
   updateLoadedRecords(action) {
     const records = action.payload;
     if ((records === null || records === void 0 ? void 0 : records.length) > 0) {
@@ -124534,19 +124479,15 @@ class DataSource {
             this._options.onPaginationUpdate(this._dataUnit.getPaginationInfo());
           }
           break;
-        case Action.RECORDS_ADDED:
-          this.handleRecordsAdded();
-          break;
+        case Action.RECORDS_REMOVED:
         case Action.DATA_SAVED:
         case Action.EDITION_CANCELED:
-          this.handleRefreshOrReload(action);
-          break;
         case Action.DATA_CHANGED:
         case Action.DATA_RESOLVED:
-          this.handleDataChanged(action);
-          break;
-        case Action.RECORDS_REMOVED:
-          this.handleRefresh(action);
+          if (this.isSilentChange(action)) {
+            return;
+          }
+          this._controller.refresh();
           break;
         case Action.SELECTION_CHANGED:
         case Action.NEXT_SELECTED:
@@ -124577,9 +124518,6 @@ class DataSource {
   setAutoFocus(autoFocus) {
     this._options.autoFocus = autoFocus;
   }
-  setEnableGridInsert(enable) {
-    this._options.enableGridInsert = enable;
-  }
   getRows(params) {
     if (this.needReload(params)) {
       this._lastLoadingParams = params;
@@ -125261,7 +125199,7 @@ class GridEditionManager {
       this.saveSuccess();
       return;
     }
-    if (!this._isGridEdition) {
+    if (!this._isGridEdition || this._dataUnit.hasNewRecord()) {
       return;
     }
     const currentRercord = this._dataUnit.getSelectedRecord();
@@ -125343,7 +125281,11 @@ class GridEditionManager {
     }).map(c => c.getColId());
   }
   saveSuccess() {
+    var _a;
     this.focusOnCell(this._targetEditionCell);
+    if (((_a = this._targetEditionCell) === null || _a === void 0 ? void 0 : _a.rowIndex) !== undefined) {
+      this._dataUnit.setSelectionByIndex([this._targetEditionCell.rowIndex]);
+    }
     this._lastCellEdited = undefined;
     this._targetEditionCell = undefined;
     this._isGridEdition = false;
@@ -125862,15 +125804,10 @@ class AgGridController {
       throw new Error('Erro interno: Grid ainda não inicializado.');
     }
   }
-  updateRows(rows) {
+  updateRows() {
     if (this._grid === undefined) {
       throw new Error('Erro interno: Grid ainda não inicializado.');
     }
-    rows === null || rows === void 0 ? void 0 : rows.forEach(row => this.updateRowData(row));
-  }
-  updateRowData(row) {
-    const node = this._gridOptions.api.getRowNode(row[this._idAttribName]);
-    node.setData(Object.assign({}, row));
   }
   selectAll(quietly = false) {
     try {
@@ -125979,10 +125916,6 @@ class AgGridController {
     var _a;
     (_a = this._dataSource) === null || _a === void 0 ? void 0 : _a.setAutoFocus(autoFocus);
   }
-  setEnableGridInsert(enable) {
-    var _a;
-    (_a = this._dataSource) === null || _a === void 0 ? void 0 : _a.setEnableGridInsert(enable);
-  }
   setFocusFirstRow() {
     const firstRow = this._gridOptions.api.getDisplayedRowAtIndex(0);
     if (firstRow) {
@@ -125998,38 +125931,9 @@ class AgGridController {
       this.setFocusOnRow(lastRow.rowIndex);
     }
   }
-  startEditionOnRowByIndex(rowIndex) {
-    const firstCol = this.getFirstEditableColl(rowIndex);
-    this.focusByCollAndRow(firstCol, rowIndex);
-    this.startEdition(rowIndex, firstCol);
-  }
-  startEdition(rowIndex, firstCol) {
-    this._gridOptions.api.clearRangeSelection();
-    this._gridOptions.api.addCellRange({ rowStartIndex: rowIndex, rowEndIndex: rowIndex, columns: [firstCol] });
-    this._gridOptions.api.setFocusedCell(rowIndex, firstCol);
-    this._gridOptions.api.startEditingCell({ rowIndex, colKey: firstCol });
-    const cellEditor = this._gridOptions.api.getCellEditorInstances()[0];
-    if (cellEditor) {
-      cellEditor.focusIn();
-    }
-  }
-  getFirstEditableColl(rowIndex) {
-    const displayedColumns = this._gridOptions.columnApi.getAllDisplayedColumns();
-    return displayedColumns.find(column => this.isColumnEditable(rowIndex, column));
-  }
-  isColumnEditable(rowIndex, column) {
-    if (column.getColDef().headerName === '')
-      return false;
-    const rowId = this._dataUnit.records[rowIndex][this._idAttribName];
-    const rowNode = this._gridOptions.api.getRowNode(rowId);
-    return column.isCellEditable(rowNode);
-  }
   setFocusOnRow(rowIndex) {
     let displayedColumns = this._gridOptions.columnApi.getAllDisplayedColumns();
-    let firstColl = displayedColumns.find(column => column.getColDef().headerName !== '');
-    this.focusByCollAndRow(firstColl, rowIndex);
-  }
-  focusByCollAndRow(firstCell, rowIndex) {
+    let firstCell = displayedColumns.find(column => column.getColDef().headerName !== '');
     this._gridOptions.api.ensureColumnVisible(firstCell);
     this._gridOptions.api.ensureIndexVisible(rowIndex);
     this._gridOptions.api.setFocusedCell(rowIndex, firstCell);
@@ -126656,7 +126560,6 @@ const EzGrid$1 = class extends HTMLElement$1 {
     this.recordsValidator = undefined;
     this.canEdit = true;
     this.autoFocus = true;
-    this.enableGridInsert = false;
   }
   /**
    * Aplica a definição de colunas.
@@ -126983,7 +126886,6 @@ const EzGrid$1 = class extends HTMLElement$1 {
       editionIsDisabled: () => !this.canEdit,
       customFormatters: this._customFormatters,
       autoFocus: this.autoFocus,
-      enableGridInsert: this.enableGridInsert,
       onRefresh: () => {
         if (this.dataUnit) {
           this.setSelection(this.dataUnit.getSelectionInfo());
@@ -127076,7 +126978,6 @@ const EzGrid$1 = class extends HTMLElement$1 {
   }
   componentDidUpdate() {
     this._gridController.setAutoFocus(this.autoFocus);
-    this._gridController.setEnableGridInsert(this.enableGridInsert);
   }
   getDataSource() {
     var _a;
@@ -130722,11 +130623,17 @@ const EzTabselector$1 = class extends HTMLElement$1 {
       this.processesTabs();
     }
   }
-  handleTabClick(tab) {
+  async goToTab(tabIndex, silent = false) {
+    const tab = this._processedTabs.find(tab => tab.index === tabIndex);
+    this.handleTabClick(tab, !silent);
+  }
+  handleTabClick(tab, emitChange = true) {
     this.selectedIndex = tab.index;
     this._focusedIndex = undefined;
     this.selectedTab = tab.tabKey;
-    this.ezChange.emit(tab);
+    if (emitChange) {
+      this.ezChange.emit(tab);
+    }
     this.setFocusedBtn(false, tab.index);
   }
   componentWillLoad() {
@@ -132902,7 +132809,7 @@ const EzFileItem = /*@__PURE__*/proxyCustomElement(EzFileItem$1, [1,"ez-file-ite
 const EzFilterInput = /*@__PURE__*/proxyCustomElement(EzFilterInput$1, [1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"asyncSearch":[516,"async-search"],"canShowError":[516,"can-show-error"]}]);
 const EzForm = /*@__PURE__*/proxyCustomElement(EzForm$1, [2,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"fieldToFocus":[1,"field-to-focus"],"onlyStaticFields":[4,"only-static-fields"],"_fieldsProps":[32]}]);
 const EzFormView = /*@__PURE__*/proxyCustomElement(EzFormView$1, [2,"ez-form-view",{"fields":[16],"selectedRecord":[16],"_customEditors":[32]}]);
-const EzGrid = /*@__PURE__*/proxyCustomElement(EzGrid$1, [6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"selectionToastConfig":[16],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"columnfilterDataSource":[16],"useEnterLikeTab":[4,"use-enter-like-tab"],"recordsValidator":[16],"canEdit":[4,"can-edit"],"autoFocus":[4,"auto-focus"],"enableGridInsert":[4,"enable-grid-insert"],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"_showSelectionCounter":[32],"_isAllSelection":[32],"_currentPageSelected":[32],"_selectionCount":[32],"_hasLeftButtons":[32],"_customFormatters":[32]},[[0,"ezSelectionChange","onSelectionChange"]]]);
+const EzGrid = /*@__PURE__*/proxyCustomElement(EzGrid$1, [6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"selectionToastConfig":[16],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"columnfilterDataSource":[16],"useEnterLikeTab":[4,"use-enter-like-tab"],"recordsValidator":[16],"canEdit":[4,"can-edit"],"autoFocus":[4,"auto-focus"],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"_showSelectionCounter":[32],"_isAllSelection":[32],"_currentPageSelected":[32],"_selectionCount":[32],"_hasLeftButtons":[32],"_customFormatters":[32]},[[0,"ezSelectionChange","onSelectionChange"]]]);
 const EzGuideNavigator = /*@__PURE__*/proxyCustomElement(EzGuideNavigator$1, [1,"ez-guide-navigator",{"open":[1540],"selectedId":[1537,"selected-id"],"items":[16],"tooltipResolver":[16],"filterText":[32]}]);
 const EzIcon = /*@__PURE__*/proxyCustomElement(EzIcon$1, [1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]);
 const EzList = /*@__PURE__*/proxyCustomElement(EzList$1, [1,"ez-list",{"dataSource":[1040],"listMode":[1,"list-mode"],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"itemLeftSlotBuilder":[1040],"hoverFeedback":[1028,"hover-feedback"],"_listItems":[32],"_listGroupItems":[32]}]);

package/dist/esm/ez-chart.entry.js

@@ -392,6 +392,8 @@ const EzChart = class {
       subTitle: this.chartSubTitle,
       legendEnabled: this.legendEnabled,
       onClickSerie: this.ezSerieClick,
+      width: this.width,
+      height: this.height,
     });
   }
   componentWillLoad() {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, f as forceUpdate, H as Host, g as getElement } from './index-5a720e56.js';
-import { DateUtils, Action, ApplicationContext, WaitingChangeException, DataUnitAction, StringUtils, DataUnit, ElementIDUtils } from '@sankhyalabs/core';
+import { DateUtils, Action, StringUtils, ApplicationContext, WaitingChangeException, DataUnitAction, DataUnit, ElementIDUtils } from '@sankhyalabs/core';
 import { b as buildFieldMetadata, R as RecordValidationProcessor } from './RecordValidationProcessor-b00b8b77.js';
 import './ApplicationUtils-eaf91331.js';
 import './DialogType-54a62731.js';
@@ -209,6 +209,7 @@ class DataBinder {
           break;
       }
     };
+    this._uuid = StringUtils.generateUUID();
     this._fields = new Map();
     this._dataUnit = dataUnit;
     this.applyDefaultValues();
@@ -216,6 +217,9 @@ class DataBinder {
     this._dataUnit.addInterceptor(this);
     this.setContextDataBinder(dataUnit);
   }
+  get dataBinderId() {
+    return this._uuid;
+  }
   setContextDataBinder(dataUnit) {
     const dataBindersByDataUnit = ApplicationContext.getContextValue("__DATABINDER_BY_DATAUNIT__") || new Map();
     const dataBinders = [...(dataBindersByDataUnit.get(dataUnit.dataUnitId) || []), this];
@@ -250,7 +254,7 @@ class DataBinder {
   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));
+    const dataBindersFiltered = dataBinders.filter((dataBinder) => dataBinder.dataBinderId !== this.dataBinderId);
     dataBindersByDataUnit.set(this._dataUnit.dataUnitId, dataBindersFiltered);
     ApplicationContext.setContextValue("__DATABINDER_BY_DATAUNIT__", dataBindersByDataUnit);
   }