@sankhyalabs/ezui 5.22.0-dev.37 → 5.22.0-dev.39

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

@@ -1,12 +1,13 @@
-import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-baa5e267.js';
-import { Action, ObjectUtils as ObjectUtils$1, HTMLBuilder, ApplicationContext, UserInterface, StringUtils as StringUtils$1, NumberUtils as NumberUtils$1, MaskFormatter, DataType, SortMode, ElementIDUtils, FieldComparator, DateUtils as DateUtils$1, ArrayUtils as ArrayUtils$1, JSUtils, OverflowWatcher, OVERFLOWED_CLASS_NAME } from '@sankhyalabs/core';
+import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-5a720e56.js';
+import { Action, ObjectUtils as ObjectUtils$1, HTMLBuilder, ApplicationContext, UserInterface, LockManager, LockManagerOperation, StringUtils as StringUtils$1, NumberUtils as NumberUtils$1, MaskFormatter, DataType, SortMode, ElementIDUtils, FieldComparator, DateUtils as DateUtils$1, ArrayUtils as ArrayUtils$1, JSUtils, OverflowWatcher, OVERFLOWED_CLASS_NAME } from '@sankhyalabs/core';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { A as ApplicationUtils } from './ApplicationUtils-eaf91331.js';
 import './DialogType-54a62731.js';
 import './CheckMode-bdb2ec19.js';
 import { C as CustomEditorSource, a as CustomRenderSource } from './ICustomRender-875b5a40.js';
 import { D as DISTINCT_FILTER_NAME_PREFIX, E as EZ_GRID_LOADING_SOURCE } from './constants-4e0d35b7.js';
-import { b as buildFieldMetadata, R as RecordValidationProcessor } from './RecordValidationProcessor-9c6cc267.js';
+import { b as buildFieldMetadata, R as RecordValidationProcessor, D as DataBinder } from './DataBinder-bd240826.js';
+import { F as FocusResolver } from './FocusResolver-1ccbf850.js';
 
 /**
           * @ag-grid-community/all-modules - Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue * @version v28.2.1
@@ -118853,12 +118854,14 @@ class DataSource {
     this._controller.clearInvalidCells();
     this.handleRefreshOrReload(action);
     this._controller.processContinuousInsert();
+    this._controller.showSelectionColumn();
   }
   handleEditionCanceled(action) {
     if (this._options.enableGridInsert) {
       this._controller.processEditionCanceled();
     }
     this.handleRefreshOrReload(action);
+    this._controller.showSelectionColumn();
   }
   handleSavingCanceled(action) {
     var _a, _b, _c, _d;
@@ -118913,6 +118916,7 @@ class DataSource {
   }
   handleRecordsAdded() {
     if (this._options.enableGridInsert) {
+      this._controller.hideSelectionColumn();
       this._controller.refresh();
       this.focusOnNewRecord();
     }
@@ -119339,12 +119343,14 @@ const buildEditorMetadata = (descriptor, eGridCell, dataUnit, editionManager) =>
 const MINIMIUM_WIDTH_TEXTAREA = 210;
 const PADDING_VALUE_TEXTAREA = 12;
 const buildTextInput = ({ name, contextName }) => {
-  return HTMLBuilder.parseElement(`<ez-text-input
+  const textInput = HTMLBuilder.parseElement(`<ez-text-input
         class="ez-grid grid_editor"
         data-field-name=${name}
         data-context-name=${contextName}
         mode="slim"
     />`);
+  textInput.autoFocus = true;
+  return textInput;
 };
 const buildTextAreaInput = ({ eGridCell, editionManager }) => {
   const element = HTMLBuilder.parseElement(`<ez-text-area
@@ -119354,6 +119360,7 @@ const buildTextAreaInput = ({ eGridCell, editionManager }) => {
   element.addEventListener('keydown', event => handlePressEnterEvent(event, element, editionManager));
   setElementInitialWidth(eGridCell, element);
   element.isPopUp = true;
+  element.autoFocus = true;
   return element;
 };
 function setElementInitialWidth(eGridCell, element) {
@@ -119385,6 +119392,7 @@ const buildDate = () => {
             data-is-fixed="true"
         />`);
   dateInput.valueGetter = () => dateInput.getValueAsync();
+  dateInput.autoFocus = true;
   return dateInput;
 };
 const buildTime = ({ readOnly }) => {
@@ -119435,6 +119443,7 @@ function buildNumeric(readOnly, precision, prettyPrecision) {
         mode="slim"
     />`);
   input.valueGetter = () => input.getValueAsync();
+  input.autoFocus = true;
   return input;
 }
 
@@ -119468,6 +119477,7 @@ const buildComboBox = ({ required, props, eGridCell }) => {
   combo.options = options;
   combo.stopPropagateEnterKeyEvent = true;
   combo.listOptionsPosition = { verticalPosition: 29, bottomLimit: getViewPortHeight(eGridCell), hardPosition: true };
+  combo.autoFocus = true;
   return combo;
 };
 const buildSwitch = (fieldMetadata) => {
@@ -119500,6 +119510,7 @@ const buildSearch = ({ name, required, readOnly, eGridCell, dataUnit }) => {
   ezSearch.suppressPreLoad = true;
   ezSearch.listOptionsPosition = { verticalPosition: 29, bottomLimit: getViewPortHeight(eGridCell), hardPosition: true };
   ezSearch.stopPropagateEnterKeyEvent = true;
+  ezSearch.autoFocus = true;
   ezSearch.valueGetter = () => ezSearch.getValueAsync();
   return ezSearch;
 };
@@ -119625,6 +119636,12 @@ class EzGridCustomCellEditor extends EzCellEditor {
       return this._customGui.value;
     return this._value;
   }
+  afterGuiAttached() {
+    this.focusIn();
+  }
+  focusIn() {
+    FocusResolver.resolveFocus(this._customGui);
+  }
 }
 
 class EzCellRender {
@@ -119706,11 +119723,11 @@ class EzGridCustomCellRender extends EzCellRender {
 }
 
 class GridEditionManager {
-  constructor(dataUnit, useEnterLikeTab, recordsValidator, editionIsDisabled, customEditors, customRenders, enableContinuousInsert, enableGridInsert) {
+  constructor(dataUnit, useEnterLikeTab, recordsValidator, editionIsDisabled, customEditors, customRenders, enableContinuousInsert, enableGridInsert, lockerId) {
     this._dataUnit = dataUnit;
     this._recordValidationProcessor = new RecordValidationProcessor(this._dataUnit, {
       getRequiredFields: () => this.getRequiredFields(),
-      markAsInvalid: (invalidField, recordId) => { this.setInvalidCell(invalidField, recordId); },
+      markAsInvalid: (invalidField, recordId) => { this.pushInvalidCell(invalidField, recordId); },
       getMessageForField: () => null,
     }, recordsValidator);
     this._useEnterLikeTab = useEnterLikeTab;
@@ -119719,16 +119736,34 @@ class GridEditionManager {
     this._enableGridInsert = enableGridInsert;
     this._customEditors = customEditors;
     this._customRenders = customRenders;
+    this._lockerId = lockerId;
   }
   configureGrid(options) {
     this._gridOptions = options;
     options.readOnlyEdit = true;
     options.onCellEditRequest = evt => this.onCellEditRequest(evt);
+    options.onCellEditingStarted = async (evt) => {
+      var _a;
+      if (this._dataUnit.hasNewRecord()) {
+        this.handleCellEditingStartedRowAdd(evt);
+      }
+      else {
+        this._lastCellOpened = this._lastCellEdited = { rowIndex: evt.rowIndex, column: evt.column, rowPinned: undefined };
+      }
+      (_a = this._currentEditLock) === null || _a === void 0 ? void 0 : _a.call(this);
+      this._currentEditLock = LockManager.lock(this._lockerId, LockManagerOperation.TASKBAR_CLICK);
+    };
+    options.onCellEditingStopped = () => {
+      var _a;
+      (_a = this._currentEditLock) === null || _a === void 0 ? void 0 : _a.call(this);
+    };
     options.onCellKeyDown = evt => {
       if (evt.event && evt["column"]) {
         this.onCellKeyDown(evt);
       }
     };
+    options.isRowSelectable = (node) => this.isSelectableRow(node);
+    options.onCellFocused = () => this.lockFocusWhenAddRow();
     return options;
   }
   updateCurrentEditorGuiValue(updatedRowValue) {
@@ -119741,37 +119776,82 @@ class GridEditionManager {
     const value = updatedRowValue[fieldName];
     currentEditor.setGuiValue(value);
   }
+  lockFocusWhenAddRow() {
+    var _a, _b, _c, _d;
+    const api = this._gridOptions.api;
+    const newFocusCell = api.getFocusedCell();
+    const rowIndex = newFocusCell === null || newFocusCell === void 0 ? void 0 : newFocusCell.rowIndex;
+    const recordId = (_b = (_a = this._dataUnit.getAddedRecords()) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.__record__id__;
+    const rowNode = api.getRowNode(recordId);
+    if (!this._dataUnit.hasNewRecord() || rowIndex == (rowNode === null || rowNode === void 0 ? void 0 : rowNode.rowIndex)) {
+      return;
+    }
+    const lastCell = (_d = (_c = this._lastCellOpened) !== null && _c !== void 0 ? _c : this._lastCellEdited) !== null && _d !== void 0 ? _d : this._lastCellClicked;
+    if ((lastCell === null || lastCell === void 0 ? void 0 : lastCell.rowIndex) < (rowNode === null || rowNode === void 0 ? void 0 : rowNode.rowIndex)) {
+      return;
+    }
+    api.clearFocusedCell();
+    if (!lastCell || (rowNode === null || rowNode === void 0 ? void 0 : rowNode.rowIndex) == undefined) {
+      return;
+    }
+    lastCell.rowIndex = rowNode === null || rowNode === void 0 ? void 0 : rowNode.rowIndex;
+    this.focusOnCell(lastCell);
+  }
+  handleCellEditingStartedRowAdd(evt) {
+    var _a, _b, _c, _d, _e;
+    const nodeId = (_a = evt.node) === null || _a === void 0 ? void 0 : _a.id;
+    const addedRecordId = (_c = (_b = this._dataUnit.getAddedRecords()) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.__record__id__;
+    if (nodeId == addedRecordId) {
+      this._lastCellOpened = this._lastCellEdited = { rowIndex: evt.rowIndex, column: evt === null || evt === void 0 ? void 0 : evt.column, rowPinned: undefined };
+      return;
+    }
+    evt.api.stopEditing();
+    const rowIndex = (_d = evt.api.getRowNode(addedRecordId)) === null || _d === void 0 ? void 0 : _d.rowIndex;
+    this._lastCellOpened = this._lastCellEdited = { rowIndex: rowIndex, column: (_e = this._lastCellEdited) === null || _e === void 0 ? void 0 : _e.column, rowPinned: undefined };
+  }
+  isSelectableRow(node) {
+    if (!this._dataUnit.hasNewRecord()) {
+      return true;
+    }
+    if (!this._dataUnit.isNewRecord(node.id)) {
+      return false;
+    }
+    return true;
+  }
   canContinuousInsert() {
     var _a;
     return this._enableContinuousInsert && (this._dataUnit.records.length - 1) === ((_a = this._lastCellEdited) === null || _a === void 0 ? void 0 : _a.rowIndex);
   }
-  proceedAutoSave() {
+  async proceedAutoSave() {
     if (!this._dataUnit.isDirty()) {
       this.saveSuccess();
-      return;
+      return true;
     }
-    if (!this._isGridEdition) {
-      return;
+    const currentRecord = this._dataUnit.getSelectedRecord();
+    if (currentRecord == undefined) {
+      return true;
     }
-    const currentRercord = this._dataUnit.getSelectedRecord();
-    if (currentRercord == undefined) {
-      return;
+    this.clearInvalidCells(false);
+    try {
+      await this._recordValidationProcessor.validate(true);
+      await this.saveDataUnit();
+      this.saveSuccess();
+      return true;
+    }
+    catch (reason) {
+      this.saveFail(reason);
+      return false;
     }
-    this._invalidCell = undefined;
-    this._recordValidationProcessor
-      .validate(true)
-      .then(() => {
-      this._dataUnit.saveData()
-        .then(() => this.saveSuccess())
-        .catch(reason => this.saveFail(reason));
-    })
-      .catch(reason => this.saveFail(reason));
+  }
+  async saveDataUnit() {
+    await this._dataUnit.saveData();
+    return true;
   }
   async recordValidate() {
     if (!this._dataUnit.isDirty())
       return;
     try {
-      this._invalidCell = undefined;
+      this.clearInvalidCells(false);
       await this._recordValidationProcessor.validate(false);
     }
     catch (error) { }
@@ -119799,6 +119879,13 @@ class GridEditionManager {
     return { ezCellEditor: EzCellEditor };
   }
   verifyClickToEdition(api, cellClicked) {
+    var _a, _b;
+    const selectedRecordID = (_a = this._dataUnit.getSelectedRecord()) === null || _a === void 0 ? void 0 : _a.__record__id__;
+    if (this._dataUnit.hasNewRecord() && selectedRecordID) {
+      const dataUnitRecordIndex = (_b = api.getRowNode(selectedRecordID)) === null || _b === void 0 ? void 0 : _b.rowIndex;
+      if (dataUnitRecordIndex != cellClicked.rowIndex)
+        return;
+    }
     if (this.isSecondClick(cellClicked)) {
       api.startEditingCell({ rowIndex: cellClicked.rowIndex, colKey: cellClicked.column.getColId() });
     }
@@ -119808,6 +119895,9 @@ class GridEditionManager {
     col.cellEditor = 'ezCellEditor';
     col.editable = params => this.canEdit(params);
     col.suppressKeyboardEvent = (params) => {
+      if (params.event.key === KeyCode.ESCAPE && params.editing) {
+        return this._dataUnit.isDirty();
+      }
       return params.event.key === KeyCode.ENTER;
     };
     col.cellEditorSelector = (params) => {
@@ -119837,10 +119927,21 @@ class GridEditionManager {
     return col;
   }
   getRequiredFields() {
-    return this._gridOptions.columnApi.getAllDisplayedColumns().filter(c => {
-      const fieldDefinition = this._dataUnit.getField(c.getColId());
-      return fieldDefinition && fieldDefinition.required;
-    }).map(c => c.getColId());
+    const formRequiredFields = this.getFormRequiredFields();
+    return this._gridOptions.columnApi.getAllDisplayedColumns()
+      .filter(column => {
+      const fieldDefinition = this._dataUnit.getField(column.getColId());
+      return (fieldDefinition && fieldDefinition.required) || formRequiredFields.includes(column.getColId());
+    })
+      .map(column => column.getColId());
+  }
+  getFormRequiredFields() {
+    const formRequiredFields = [];
+    const dataBinders = DataBinder.getDataBindersByDataUnit(this._dataUnit);
+    dataBinders.forEach(dataBinder => {
+      formRequiredFields.push(...dataBinder.getFormRequiredFields());
+    });
+    return formRequiredFields;
   }
   saveSuccess() {
     var _a;
@@ -119853,10 +119954,11 @@ class GridEditionManager {
     this._isGridEdition = false;
   }
   saveFail(reason) {
-    this.focusOnCell(this._lastCellEdited);
+    var _a;
+    this.focusOnCell((_a = this._lastCellOpened) !== null && _a !== void 0 ? _a : this._lastCellEdited);
     this._isGridEdition = false;
     if (reason) {
-      Promise.reject(reason);
+      throw reason;
     }
   }
   focusOnCell(cell) {
@@ -119921,6 +120023,9 @@ class GridEditionManager {
     this.moveEditionVertically(api, 1);
   }
   moveEditionVertically(api, offset) {
+    if (this._dataUnit.hasNewRecord() && this._isGridEdition) {
+      return;
+    }
     const editionCell = api.getEditingCells()[0];
     if (!editionCell) {
       return;
@@ -119965,41 +120070,66 @@ class GridEditionManager {
     return true;
   }
   onCellEditRequest(event) {
-    const fieldName = event.colDef.field;
+    var _a;
     const value = event.newValue;
-    if (event.oldValue != value) {
-      if (value instanceof Promise) {
-        const fieldDescriptor = this._dataUnit.getField(event.colDef.colId);
-        event.node.setData(Object.assign(Object.assign({}, event.data), { [fieldName]: (fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.userInterface) === UserInterface.SEARCH ? value : event.oldValue }));
-        value.then(resolved => event.node.setData(Object.assign(Object.assign({}, event.data), { [fieldName]: resolved })));
-      }
-      else {
-        event.node.setData(Object.assign(Object.assign({}, event.data), { [fieldName]: value }));
-      }
+    if (event.oldValue == value) {
+      (_a = this._currentEditLock) === null || _a === void 0 ? void 0 : _a.call(this);
+      return;
+    }
+    if (value instanceof Promise) {
+      this.handlePromiseValue(event, value);
+      return;
+    }
+    this.updateCellValue(event, value);
+  }
+  async handlePromiseValue(event, value) {
+    const fieldName = event.colDef.field;
+    const fieldDescriptor = this._dataUnit.getField(event.colDef.colId);
+    const initialValue = (fieldDescriptor === null || fieldDescriptor === void 0 ? void 0 : fieldDescriptor.userInterface) === UserInterface.SEARCH ? value : event.oldValue;
+    event.node.setData(Object.assign(Object.assign({}, event.data), { [fieldName]: initialValue }));
+    const resolved = await value;
+    return this.updateCellValue(event, resolved);
+  }
+  updateCellValue(event, newValue) {
+    var _a;
+    const fieldName = event.colDef.field;
+    event.node.setData(Object.assign(Object.assign({}, event.data), { [fieldName]: newValue }));
+    (_a = this._currentEditLock) === null || _a === void 0 ? void 0 : _a.call(this);
+    if (event.oldValue !== newValue) {
       this._isGridEdition = true;
-      this._dataUnit.setFieldValue(fieldName, value, [event.data.__record__id__], { suppressCreateNewRecord: true });
+      this._dataUnit.setFieldValue(fieldName, newValue, [event.data.__record__id__], { suppressCreateNewRecord: true });
       this._lastCellEdited = { rowIndex: event.rowIndex, column: event.column, rowPinned: undefined };
     }
   }
   setCellEditors(customEditors) {
+    var _a, _b;
     this._customEditors = customEditors;
+    if (!customEditors.has((_b = (_a = this._lastCellOpened) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.getColId()))
+      return;
+    this._gridOptions.api.stopEditing();
+    window.requestAnimationFrame(() => this.focusOnCell(this._lastCellOpened));
   }
   setCellRenders(customRenders) {
     this._customRenders = customRenders;
   }
-  setInvalidCell(invalidCell, recordId) {
-    this._invalidCell = { field: invalidCell, recordId };
+  pushInvalidCell(invalidField, recordId) {
+    this._invalidCells.push({ field: invalidField, recordId });
+    this._nextInvalidCell = this._invalidCells[0];
   }
-  getInvalidCell() {
-    return this._invalidCell;
+  getInvalidCells() {
+    return this._invalidCells;
   }
-  processContinuousInsert() {
+  getNextInvalidCell() {
+    return this._nextInvalidCell;
+  }
+  async processContinuousInsert() {
     if (!this.canContinuousInsert())
       return;
     this._dataUnit.addRecord();
   }
   clearInvalidCells(stopEdition) {
-    this._invalidCell = undefined;
+    this._invalidCells = [];
+    this._nextInvalidCell = undefined;
     if (stopEdition) {
       this._isGridEdition = false;
     }
@@ -120010,10 +120140,17 @@ class GridEditionManager {
   hasInvalidField(fieldName, recordId) {
     if (!this.hasInvalidCell())
       return false;
-    return this._invalidCell.field.name === fieldName && this._invalidCell.recordId === recordId;
+    this._nextInvalidCell = this._invalidCells[0];
+    const containsFieldName = this._nextInvalidCell.field.name === fieldName;
+    const containsRecordId = this._nextInvalidCell.recordId === recordId;
+    return containsFieldName && containsRecordId;
   }
   hasInvalidCell() {
-    if (!this._invalidCell || !this._invalidCell.field || !this._invalidCell.recordId)
+    var _a, _b, _c;
+    const hasInvalidCell = ((_a = this._invalidCells) === null || _a === void 0 ? void 0 : _a.length) > 0;
+    const hasField = (_b = this._invalidCells) === null || _b === void 0 ? void 0 : _b.filter(invalidCell => { });
+    const hasRecordId = (_c = this._invalidCells) === null || _c === void 0 ? void 0 : _c.filter(invalidCell => { });
+    if (!hasInvalidCell || !hasField || !hasRecordId)
       return false;
     return true;
   }
@@ -120140,6 +120277,7 @@ class AgGridController {
     var _a;
     this._options = options;
     this._container = container;
+    const lockerId = options.enableLockManger ? LockManager.addLockManagerCtxId(this._container) : null;
     if (this._grid === undefined) {
       LicenseManager.setLicenseKey(ApplicationContext.getContextValue('__EZUI__GRID_LICENSE__'));
       this._columnStateChangeCallback = options.onColumnStateChange;
@@ -120147,7 +120285,7 @@ class AgGridController {
       this._doubleClickCallBack = options.onDoubleClick;
       this._multipleSelection = options.allowMultipleSelection;
       this._dataUnit = options.dataUnit;
-      this._editionManager = new GridEditionManager(this._dataUnit, options.useEnterLikeTab, options.recordsValidator, options.editionIsDisabled, options.customEditors || this._customEditors, options.customRenders || this._customRenders, options.enableContinuousInsert, options.enableGridInsert);
+      this._editionManager = new GridEditionManager(this._dataUnit, options.useEnterLikeTab, options.recordsValidator, options.editionIsDisabled, options.customEditors || this._customEditors, options.customRenders || this._customRenders, options.enableContinuousInsert, options.enableGridInsert, lockerId);
       this._statusResolver = options.statusResolver;
       if (this._dataUnit) {
         this._dataUnit.sortingProvider = this;
@@ -120510,7 +120648,7 @@ class AgGridController {
         r.setData(data);
       });
       this._gridOptions.api.refreshCells({ force: true });
-      const invalidCell = this._editionManager.getInvalidCell();
+      const invalidCell = this._editionManager.getNextInvalidCell();
       if (invalidCell) {
         const rowNode = this._gridOptions.api.getRowNode(invalidCell.recordId);
         if (rowNode && invalidCell.field) {
@@ -120530,6 +120668,7 @@ class AgGridController {
     if (this._grid === undefined) {
       throw new Error('Erro interno: Grid ainda não inicializado.');
     }
+    this._gridOptions.api.clearRangeSelection();
     this._gridOptions.api.refreshServerSide({ purge: true });
     this._options.onRefresh();
     if (scrollToSelectedRow)
@@ -120552,12 +120691,15 @@ class AgGridController {
   }
   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 {
+    if (!((_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b.length)) {
       this.focusOnGridContainer();
+      return;
+    }
+    if (!this._dataUnit.getSelectedRecord()) {
+      this.setFocusFirstRow();
+      return;
     }
+    this.syncSelectWithDataUnit();
   }
   setAutoFocus(autoFocus) {
     var _a;
@@ -120601,6 +120743,23 @@ class AgGridController {
       this.startEditionOnRowByIndex(newRowIndex);
     }
   }
+  syncSelectWithDataUnit() {
+    const rowNode = this._gridOptions.api.getRowNode(this._dataUnit.getSelectedRecord().__record__id__);
+    if ((rowNode === null || rowNode === void 0 ? void 0 : rowNode.rowIndex) < 0)
+      return;
+    const rowRange = this._gridOptions.api.getCellRanges().find(row => row.startRow.rowIndex === rowNode.rowIndex);
+    if ((rowRange === null || rowRange === void 0 ? void 0 : rowRange.columns.length) > 0) {
+      if (this._dataUnit.hasNewRecord()) {
+        this.startEdition(rowNode.rowIndex, rowRange.columns[0]);
+        return;
+      }
+      this.focusByCollAndRow(rowRange.columns[0], rowNode.rowIndex);
+      this._gridOptions.api.addCellRange({ rowStartIndex: rowNode.rowIndex, rowEndIndex: rowNode.rowIndex, columns: rowRange.columns });
+      return;
+    }
+    this._gridOptions.api.clearRangeSelection();
+    this.setFocusOnRow(rowNode.rowIndex);
+  }
   startEdition(rowIndex, firstCol) {
     this._gridOptions.api.clearRangeSelection();
     this._gridOptions.api.addCellRange({ rowStartIndex: rowIndex, rowEndIndex: rowIndex, columns: [firstCol] });
@@ -120631,6 +120790,7 @@ class AgGridController {
     let displayedColumns = this._gridOptions.columnApi.getAllDisplayedColumns();
     let firstColl = displayedColumns.find(column => column.getColDef().headerName !== '');
     this.focusByCollAndRow(firstColl, rowIndex);
+    this._gridOptions.api.addCellRange({ rowStartIndex: rowIndex, rowEndIndex: rowIndex, columns: [firstColl] });
   }
   focusByCollAndRow(firstCell, rowIndex) {
     this._gridOptions.api.ensureColumnVisible(firstCell);
@@ -120670,6 +120830,14 @@ class AgGridController {
       this._gridOptions.api.setColumnDefs(this._colDefs);
     }
   }
+  hideSelectionColumn() {
+    var _a, _b;
+    (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.columnApi) === null || _b === void 0 ? void 0 : _b.setColumnVisible(this.CHECK_BOX_COL_ID, false);
+  }
+  showSelectionColumn() {
+    var _a, _b;
+    (_b = (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.columnApi) === null || _b === void 0 ? void 0 : _b.setColumnVisible(this.CHECK_BOX_COL_ID, true);
+  }
   getColumnsDef() {
     if (this._grid === undefined) {
       throw new Error('Erro interno: Grid ainda não inicializado.');
@@ -120954,18 +121122,24 @@ class AgGridController {
     return false;
   }
   onSelectionChange(event) {
+    var _a, _b;
+    const selectedRowId = (_b = (_a = event.api.getSelectedNodes()) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id;
+    const isNewRecord = this._dataUnit.isNewRecord(selectedRowId);
     if (!this._selectionChangeCallback)
       return;
     clearTimeout(this._selectionChangeDeboucing);
-    this._selectionChangeDeboucing = window.setTimeout(() => {
-      this.handleExecuteProceedAutosave();
+    this._selectionChangeDeboucing = window.setTimeout(async () => {
+      const saveSuccess = (!isNewRecord && selectedRowId) ? await this.handleExecuteProceedAutosave() : true;
+      if (!saveSuccess)
+        return;
       this.processBuildSelectionChangeCallback(event);
     }, 0);
   }
-  handleExecuteProceedAutosave() {
+  async handleExecuteProceedAutosave() {
     if (this._gridShowDom) {
-      this._editionManager.proceedAutoSave();
+      return await this._editionManager.proceedAutoSave();
     }
+    return true;
   }
   processBuildSelectionChangeCallback(event) {
     if (this._dataUnit) {
@@ -120990,7 +121164,7 @@ class AgGridController {
     });
   }
   onRowDoubleClick(evt) {
-    if (this._doubleClickCallBack) {
+    if (this._doubleClickCallBack && (!this._options.enableGridInsert || !this._dataUnit.hasNewRecord())) {
       this._doubleClickCallBack(evt.data);
     }
   }
@@ -121006,13 +121180,11 @@ class AgGridController {
     }
   }
   setCellEditors(customEditors) {
-    var _a;
     if (!this._editionManager) {
       this._customEditors = customEditors;
       return;
     }
     this._editionManager.setCellEditors(customEditors);
-    (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api.redrawRows();
   }
   setCellRenders(customRenders) {
     var _a;
@@ -121035,6 +121207,9 @@ class AgGridController {
   destroy() {
     this.observer.disconnect();
   }
+  stopEdit() {
+    this._gridOptions.api.stopEditing();
+  }
 }
 
 function enableSelectAll(total) {
@@ -121284,6 +121459,7 @@ const EzGrid = class {
     this.paginationCounterMode = 'show';
     this.enableGridInsert = false;
     this.enableContinuousInsert = true;
+    this.enableLockManger = true;
   }
   /**
    * Aplica a definição de colunas.
@@ -121408,6 +121584,18 @@ const EzGrid = class {
   async setFocus() {
     this._gridController.setFocus();
   }
+  /**
+   * Para a edição da grade.
+   */
+  async stopEdit() {
+    this._gridController.stopEdit();
+  }
+  async checkStopEditOutsideClick(event) {
+    var _a;
+    if ((_a = this._container) === null || _a === void 0 ? void 0 : _a.contains(event.target))
+      return;
+    this._gridController.stopEdit();
+  }
   observeConfig(config) {
     this._gridController.setColumnsState(config === null || config === void 0 ? void 0 : config.columns);
   }
@@ -121433,6 +121621,9 @@ const EzGrid = class {
       this.setSelection(this.dataUnit.getSelectionInfo());
     }
   }
+  async handleClick(event) {
+    this.checkStopEditOutsideClick(event);
+  }
   setSelection(selectionInfo) {
     var _a;
     this._selectionCount = (_a = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.length) !== null && _a !== void 0 ? _a : 0;
@@ -121629,7 +121820,8 @@ const EzGrid = class {
         if (this.dataUnit) {
           this.setSelection(this.dataUnit.getSelectionInfo());
         }
-      }
+      },
+      enableLockManger: this.enableLockManger
     });
     if (this.config) {
       this.observeConfig(this.config);

package/dist/esm/ez-guide-navigator.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-baa5e267.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5a720e56.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { E as EzScrollDirection } from './EzScrollDirection-2df26c93.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-baa5e267.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-5a720e56.js';
 import { StringUtils, ElementIDUtils } from '@sankhyalabs/core';
 
 const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, #ffffff)}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:12px;height:12px}.small{width:16px;height:16px}.medium{width:20px;height:20px}.large{width:24px;height:24px}.x-large{width:30px;height:30px}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-2chevron-down:before{content:\"\\ea01\"}.ez-icon-2chevron-up:before{content:\"\\ea02\"}.ez-icon-acao:before{content:\"\\ea03\"}.ez-icon-account-outline:before{content:\"\\ea04\"}.ez-icon-account:before{content:\"\\ea05\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea06\"}.ez-icon-alert-circle:before{content:\"\\ea07\"}.ez-icon-alert-mail:before{content:\"\\ea08\"}.ez-icon-alert-popup:before{content:\"\\ea09\"}.ez-icon-anexo:before{content:\"\\ea0a\"}.ez-icon-antecipacao:before{content:\"\\ea0b\"}.ez-icon-apps:before{content:\"\\ea0c\"}.ez-icon-arrow-forward:before{content:\"\\ea0d\"}.ez-icon-arrow-upward:before{content:\"\\ea0e\"}.ez-icon-arrow_back:before{content:\"\\ea0f\"}.ez-icon-arrow_downward:before{content:\"\\ea10\"}.ez-icon-baixa:before{content:\"\\ea11\"}.ez-icon-balance:before{content:\"\\ea12\"}.ez-icon-bell-inverted:before{content:\"\\ea13\"}.ez-icon-bell:before{content:\"\\ea14\"}.ez-icon-boleto:before{content:\"\\ea15\"}.ez-icon-boolean:before{content:\"\\ea16\"}.ez-icon-business-center:before{content:\"\\ea17\"}.ez-icon-calendar-clock:before{content:\"\\ea18\"}.ez-icon-calendar:before{content:\"\\ea19\"}.ez-icon-cash-remove:before{content:\"\\ea1a\"}.ez-icon-check-circle-inverted:before{content:\"\\ea1b\"}.ez-icon-check-circle:before{content:\"\\ea1c\"}.ez-icon-check:before{content:\"\\ea1d\"}.ez-icon-chevron-down:before{content:\"\\ea1e\"}.ez-icon-chevron-left:before{content:\"\\ea1f\"}.ez-icon-chevron-right:before{content:\"\\ea20\"}.ez-icon-chevron-up:before{content:\"\\ea21\"}.ez-icon-circle--medium:before{content:\"\\ea22\"}.ez-icon-circle:before{content:\"\\ea23\"}.ez-icon-cleaning:before{content:\"\\ea24\"}.ez-icon-clipboard:before{content:\"\\ea25\"}.ez-icon-clock-rotate-left:before{content:\"\\ea26\"}.ez-icon-close:before{content:\"\\ea27\"}.ez-icon-cobrar:before{content:\"\\ea28\"}.ez-icon-code:before{content:\"\\ea29\"}.ez-icon-configuration:before{content:\"\\ea2a\"}.ez-icon-content-cut:before{content:\"\\ea2b\"}.ez-icon-copy:before{content:\"\\ea2c\"}.ez-icon-credit_card:before{content:\"\\ea2d\"}.ez-icon-crop:before{content:\"\\ea2e\"}.ez-icon-custom:before{content:\"\\ea2f\"}.ez-icon-delete-file:before{content:\"\\ea30\"}.ez-icon-delete:before{content:\"\\ea31\"}.ez-icon-description:before{content:\"\\ea32\"}.ez-icon-dividir:before{content:\"\\ea33\"}.ez-icon-docx:before{content:\"\\ea34\"}.ez-icon-dot-notification:before{content:\"\\ea35\"}.ez-icon-dots-horizontal:before{content:\"\\ea36\"}.ez-icon-dots-vertical:before{content:\"\\ea37\"}.ez-icon-drag-indicator:before{content:\"\\ea38\"}.ez-icon-dual-chevron-down:before{content:\"\\ea39\"}.ez-icon-dual-chevron-left:before{content:\"\\ea3a\"}.ez-icon-dual-chevron-right:before{content:\"\\ea3b\"}.ez-icon-dual-chevron-up:before{content:\"\\ea3c\"}.ez-icon-edit-file:before{content:\"\\ea3d\"}.ez-icon-edit-table:before{content:\"\\ea3e\"}.ez-icon-edit-time:before{content:\"\\ea3f\"}.ez-icon-edit-value:before{content:\"\\ea40\"}.ez-icon-edit:before{content:\"\\ea41\"}.ez-icon-email:before{content:\"\\ea42\"}.ez-icon-estorno:before{content:\"\\ea43\"}.ez-icon-exe:before{content:\"\\ea44\"}.ez-icon-expand:before{content:\"\\ea45\"}.ez-icon-expandir_card:before{content:\"\\ea46\"}.ez-icon-extrato:before{content:\"\\ea47\"}.ez-icon-eye-off:before{content:\"\\ea48\"}.ez-icon-eye:before{content:\"\\ea49\"}.ez-icon-favorite:before{content:\"\\ea4a\"}.ez-icon-figma:before{content:\"\\ea4b\"}.ez-icon-file-download:before{content:\"\\ea4c\"}.ez-icon-file-upload:before{content:\"\\ea4d\"}.ez-icon-filter:before{content:\"\\ea4e\"}.ez-icon-find-file:before{content:\"\\ea4f\"}.ez-icon-find-page:before{content:\"\\ea50\"}.ez-icon-format-color-fill:before{content:\"\\ea51\"}.ez-icon-generic:before{content:\"\\ea52\"}.ez-icon-gif:before{content:\"\\ea53\"}.ez-icon-graph_bar:before{content:\"\\ea54\"}.ez-icon-handshake:before{content:\"\\ea55\"}.ez-icon-help-inverted:before{content:\"\\ea56\"}.ez-icon-help:before{content:\"\\ea57\"}.ez-icon-hide_menu:before{content:\"\\ea58\"}.ez-icon-home:before{content:\"\\ea59\"}.ez-icon-icons104:before{content:\"\\ea5a\"}.ez-icon-language:before{content:\"\\ea5b\"}.ez-icon-launch:before{content:\"\\ea5c\"}.ez-icon-lightbulb:before{content:\"\\ea5d\"}.ez-icon-list:before{content:\"\\ea5e\"}.ez-icon-location:before{content:\"\\ea5f\"}.ez-icon-lock-outline:before{content:\"\\ea60\"}.ez-icon-lock:before{content:\"\\ea61\"}.ez-icon-menu:before{content:\"\\ea62\"}.ez-icon-mid:before{content:\"\\ea63\"}.ez-icon-minus:before{content:\"\\ea64\"}.ez-icon-money-off:before{content:\"\\ea65\"}.ez-icon-money:before{content:\"\\ea66\"}.ez-icon-more:before{content:\"\\ea67\"}.ez-icon-mp3:before{content:\"\\ea68\"}.ez-icon-mp4:before{content:\"\\ea69\"}.ez-icon-multiple-files:before{content:\"\\ea6a\"}.ez-icon-north-west:before{content:\"\\ea6b\"}.ez-icon-number:before{content:\"\\ea6c\"}.ez-icon-ordem-ascendente:before{content:\"\\ea6d\"}.ez-icon-ordem-descendente:before{content:\"\\ea6e\"}.ez-icon-parcelar:before{content:\"\\ea6f\"}.ez-icon-pause:before{content:\"\\ea70\"}.ez-icon-payments:before{content:\"\\ea71\"}.ez-icon-pdf:before{content:\"\\ea72\"}.ez-icon-play:before{content:\"\\ea73\"}.ez-icon-plus:before{content:\"\\ea74\"}.ez-icon-png:before{content:\"\\ea75\"}.ez-icon-power:before{content:\"\\ea76\"}.ez-icon-pptx:before{content:\"\\ea77\"}.ez-icon-preview:before{content:\"\\ea78\"}.ez-icon-print:before{content:\"\\ea79\"}.ez-icon-push-pin:before{content:\"\\ea7a\"}.ez-icon-rateio:before{content:\"\\ea7b\"}.ez-icon-receipt:before{content:\"\\ea7c\"}.ez-icon-recolher_card:before{content:\"\\ea7d\"}.ez-icon-restore:before{content:\"\\ea7e\"}.ez-icon-return:before{content:\"\\ea7f\"}.ez-icon-sankhya-place:before{content:\"\\ea80\"}.ez-icon-save:before{content:\"\\ea81\"}.ez-icon-search:before{content:\"\\ea82\"}.ez-icon-settings-inverted:before{content:\"\\ea83\"}.ez-icon-settings:before{content:\"\\ea84\"}.ez-icon-share:before{content:\"\\ea85\"}.ez-icon-shield:before{content:\"\\ea86\"}.ez-icon-show_menu:before{content:\"\\ea87\"}.ez-icon-south-east:before{content:\"\\ea88\"}.ez-icon-sync:before{content:\"\\ea89\"}.ez-icon-table:before{content:\"\\ea8a\"}.ez-icon-tag_code:before{content:\"\\ea8b\"}.ez-icon-text:before{content:\"\\ea8c\"}.ez-icon-timeline:before{content:\"\\ea8d\"}.ez-icon-timer-outline:before{content:\"\\ea8e\"}.ez-icon-trending-up:before{content:\"\\ea8f\"}.ez-icon-tune:before{content:\"\\ea90\"}.ez-icon-txt:before{content:\"\\ea91\"}.ez-icon-un-pin:before{content:\"\\ea92\"}.ez-icon-unfold_less:before{content:\"\\ea93\"}.ez-icon-unfold_more:before{content:\"\\ea94\"}.ez-icon-user-circle:before{content:\"\\ea95\"}.ez-icon-warning-outline:before{content:\"\\ea96\"}.ez-icon-warning_triangle:before{content:\"\\ea97\"}.ez-icon-whatshot:before{content:\"\\ea98\"}.ez-icon-xlsx:before{content:\"\\ea99\"}.ez-icon-zip:before{content:\"\\ea9a\"}.x-small--font{font-size:12px}.small--font{font-size:16px}.medium--font{font-size:20px}.large--font{font-size:24px}.x-large--font{font-size:30px}";