@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-72892.1 → 0.0.0-bugfix-dev-KB-72911.0

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

@@ -27,6 +27,7 @@ export class EzSearch {
     this.showSelectedValue = true;
     this.showOptionValue = true;
     this.suppressEmptyOption = false;
+    this.stopPropagateEnterKeyEvent = false;
     this.mode = "regular";
     this.canShowError = true;
     this.hideErrorOnFocusOut = true;
@@ -201,6 +202,9 @@ export class EzSearch {
   getText() {
     const currentValue = this.getSelectedOption(this._currentValue);
     const text = this.getFormattedText(currentValue);
+    return this.replaceQuotes(text);
+  }
+  replaceQuotes(text) {
     if (text == undefined) {
       return;
     }
@@ -489,6 +493,15 @@ export class EzSearch {
     }
     this._currentValue = value ? Object.assign(Object.assign({}, value), { value: this.replaceHighlight(value.value), label: this.replaceHighlight(value.label) }) : value;
     this.value = this._currentValue;
+    this.setTextInputValue();
+  }
+  setTextInputValue() {
+    if (this._textInput && (this._textInput.value === null || this._textInput.value === undefined)) {
+      if (this.value === undefined || this.value === null)
+        return;
+      const textValue = (typeof this.value === 'string') ? this.value : this.getFormattedText(this.value);
+      this._textInput.value = this.replaceQuotes(textValue);
+    }
   }
   loadOptionValue(argument) {
     var _a;
@@ -637,6 +650,7 @@ export class EzSearch {
         event.stopPropagation();
         break;
       case "Enter":
+        this.handleEventPropagation(event);
         this.selectCurrentOption();
         break;
       case "Escape":
@@ -653,6 +667,12 @@ export class EzSearch {
     //e o contexto pode reagir (fechar um popup por exemplo).
     //event.stopPropagation();
   }
+  //O evento deve ter sua propagação interrompida, apenas se a lista de opções estiver sendo exibida.
+  handleEventPropagation(event) {
+    if (this._listContainer.hasChildNodes() && this.stopPropagateEnterKeyEvent) {
+      event.stopPropagation();
+    }
+  }
   onTextInputFocusOutHandler() {
     if (this.hideErrorOnFocusOut)
       this.cancelPreselection();
@@ -839,6 +859,24 @@ export class EzSearch {
         "reflect": false,
         "defaultValue": "false"
       },
+      "stopPropagateEnterKeyEvent": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true, ineterrompe a propaga\u00E7\u00E3o do evento de KeyDown da tecla enter"
+        },
+        "attribute": "stop-propagate-enter-key-event",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "mode": {
         "type": "string",
         "mutable": false,

package/dist/custom-elements/index.js

@@ -2903,6 +2903,7 @@ const EzComboBox$1 = class extends HTMLElement$1 {
     this.suppressSearch = false;
     this.optionLoader = undefined;
     this.suppressEmptyOption = false;
+    this.stopPropagateEnterKeyEvent = false;
     this.canShowError = true;
     this.mode = "regular";
     this.hideErrorOnFocusOut = true;
@@ -3240,7 +3241,6 @@ const EzComboBox$1 = class extends HTMLElement$1 {
         this.setInputValue(false);
       }, this._deboucingTime);
     }
-    this.resetOptions();
   }
   setInputValue(clearError = true) {
     const textValue = this.getText();
@@ -3329,7 +3329,7 @@ const EzComboBox$1 = class extends HTMLElement$1 {
       this.showOptions();
     }
     else {
-      this.hideOptions();
+      this._preSelection = undefined;
       this.updateVisibleOptions();
     }
   }
@@ -3357,21 +3357,32 @@ const EzComboBox$1 = class extends HTMLElement$1 {
     }
     switch (event.key) {
       case "ArrowDown":
+        this.showOptions();
         this.nextOption();
         event.stopPropagation();
         break;
       case "ArrowUp":
+        this.showOptions();
         this.previousOption();
         event.stopPropagation();
         break;
       case "Enter":
+        this.handleEventPropagation(event);
         this.selectCurrentOption();
         break;
       case "Escape":
+        if (this.isOptionsVisible()) {
+          event.stopPropagation();
+        }
         this.cancelPreselection();
+        this.resetOptions();
         break;
       case "Tab":
         this._tabPressed = true;
+        if (this.isOptionsVisible()) {
+          this.selectCurrentOption();
+        }
+        this.resetOptions();
         break;
     }
     //ATENÇÃO: Existe a necessidade de propagar o evento de teclado.
@@ -3380,6 +3391,12 @@ const EzComboBox$1 = class extends HTMLElement$1 {
     //e o contexto pode reagir (fechar um popup por exemplo).
     //event.stopPropagation();
   }
+  //O evento deve ter sua propagação interrompida, apenas se a lista de opções estiver sendo exibida.
+  handleEventPropagation(event) {
+    if (this._listContainer.hasChildNodes() && this.stopPropagateEnterKeyEvent) {
+      event.stopPropagation();
+    }
+  }
   onTextInputFocusOutHandler() {
     if (this.hideErrorOnFocusOut)
       this.cancelPreselection();
@@ -3461,7 +3478,9 @@ const EzCustomFormInput$1 = class extends HTMLElement$1 {
     this.getContent();
   }
   watchSelectedRecord(newValue, oldValue) {
-    if ((newValue === null || newValue === void 0 ? void 0 : newValue['__record__id__']) !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue['__record__id__'])) {
+    const newRecordId = newValue === null || newValue === void 0 ? void 0 : newValue['__record__id__'];
+    const oldRecordId = oldValue === null || oldValue === void 0 ? void 0 : oldValue['__record__id__'];
+    if (newRecordId !== oldRecordId) {
       this.getContent();
     }
   }
@@ -3624,6 +3643,9 @@ const EzDateInput$1 = class extends HTMLElement$1 {
     if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.getTime()) !== (newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime())) {
       this.value = newValueValidated;
     }
+    else {
+      this._changePending = false;
+    }
   }
   showCalendar() {
     this.handleBlur();
@@ -124477,6 +124499,17 @@ class DataSourceInterceptor {
 }
 
 class DataSource {
+  handleDataSaved(action) {
+    this._controller.clearInvalidCells();
+    this.handleRefreshOrReload(action);
+    this._controller.processContinuousInsert();
+  }
+  handleEditionCanceled(action) {
+    if (this._options.enableGridInsert) {
+      this._controller.processEditionCanceled();
+    }
+    this.handleRefreshOrReload(action);
+  }
   handleSavingCanceled(action) {
     var _a, _b, _c, _d;
     if (!((_a = action.payload) === null || _a === void 0 ? void 0 : _a.fields) || !((_b = action.payload) === null || _b === void 0 ? void 0 : _b.recordId))
@@ -124484,12 +124517,17 @@ class DataSource {
     this._controller.savingCanceled((_c = action.payload) === null || _c === void 0 ? void 0 : _c.fields, (_d = action.payload) === null || _d === void 0 ? void 0 : _d.recordId);
   }
   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 : []);
+    this.updateGridRowNodes(this.createRecordIdList(action));
+  }
+  createRecordIdList(action) {
+    var _a, _b;
+    if ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.records)
+      return (_b = action.payload) === null || _b === void 0 ? void 0 : _b.records;
+    return this._dataUnit.getSelectedRecord() ? [this._dataUnit.getSelectedRecord().__record__id__] : [];
   }
   /**
    *  Nesse ponto, o registro já se encontra atualizado no DU,
@@ -124539,10 +124577,8 @@ class DataSource {
      * 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);
+      this._controller.startEditionOnLastRow();
+    }, 1000);
   }
   updateLoadedRecords(action) {
     const records = action.payload;
@@ -124596,12 +124632,14 @@ class DataSource {
           }
           break;
         case Action.RECORDS_ADDED:
+        case Action.RECORDS_COPIED:
           this.handleRecordsAdded();
           break;
         case Action.DATA_SAVED:
+          this.handleDataSaved(action);
+          break;
         case Action.EDITION_CANCELED:
-          this._controller.clearInvalidCells(action.type);
-          this.handleRefreshOrReload(action);
+          this.handleEditionCanceled(action);
           break;
         case Action.DATA_CHANGED:
         case Action.DATA_RESOLVED:
@@ -125078,6 +125116,7 @@ const buildComboBox = ({ required, props, eGridCell }) => {
         mode="slim"
     />`);
   combo.options = options;
+  combo.stopPropagateEnterKeyEvent = true;
   combo.listOptionsPosition = { verticalPosition: 29, bottomLimit: getViewPortHeight(eGridCell), hardPosition: true };
   return combo;
 };
@@ -125110,6 +125149,7 @@ const buildSearch = ({ name, required, readOnly, eGridCell, dataUnit }) => {
   ezSearch.ensureClearButtonVisible = true;
   ezSearch.suppressPreLoad = true;
   ezSearch.listOptionsPosition = { verticalPosition: 29, bottomLimit: getViewPortHeight(eGridCell), hardPosition: true };
+  ezSearch.stopPropagateEnterKeyEvent = true;
   ezSearch.valueGetter = () => ezSearch.getValueAsync();
   return ezSearch;
 };
@@ -125153,6 +125193,14 @@ class EzCellEditor {
   getValue() {
     return this._gui.valueGetter != undefined ? this._gui.valueGetter() : this._gui.value;
   }
+  setGuiValue(value) {
+    if (this._gui.valueSetter != undefined) {
+      this._gui.valueSetter(value);
+    }
+    else {
+      this._gui.value = value;
+    }
+  }
   isPopup() {
     return this._gui.isPopUp;
   }
@@ -125308,7 +125356,7 @@ class EzGridCustomCellRender extends EzCellRender {
 }
 
 class GridEditionManager {
-  constructor(dataUnit, useEnterLikeTab, recordsValidator, editionIsDisabled, customEditors, customRenders, enableContinuousInsert) {
+  constructor(dataUnit, useEnterLikeTab, recordsValidator, editionIsDisabled, customEditors, customRenders, enableContinuousInsert, enableGridInsert) {
     this._dataUnit = dataUnit;
     this._recordValidationProcessor = new RecordValidationProcessor(this._dataUnit, {
       getRequiredFields: () => this.getRequiredFields(),
@@ -125318,6 +125366,7 @@ class GridEditionManager {
     this._useEnterLikeTab = useEnterLikeTab;
     this._editionIsDisabled = editionIsDisabled;
     this._enableContinuousInsert = enableContinuousInsert;
+    this._enableGridInsert = enableGridInsert;
     this._customEditors = customEditors;
     this._customRenders = customRenders;
   }
@@ -125332,6 +125381,16 @@ class GridEditionManager {
     };
     return options;
   }
+  updateCurrentEditorGuiValue(updatedRowValue) {
+    const editorInstances = this._gridOptions.api.getCellEditorInstances();
+    if (!editorInstances || !editorInstances.length)
+      return;
+    const currentEditor = editorInstances[0];
+    const fieldMetadata = currentEditor.getFieldMetadata();
+    const fieldName = fieldMetadata.name;
+    const value = updatedRowValue[fieldName];
+    currentEditor.setGuiValue(value);
+  }
   canContinuousInsert() {
     var _a;
     return this._enableContinuousInsert && (this._dataUnit.records.length - 1) === ((_a = this._lastCellEdited) === null || _a === void 0 ? void 0 : _a.rowIndex);
@@ -125341,7 +125400,7 @@ class GridEditionManager {
       this.saveSuccess();
       return;
     }
-    if (!this._isGridEdition || this._dataUnit.hasNewRecord()) {
+    if (!this._isGridEdition) {
       return;
     }
     const currentRercord = this._dataUnit.getSelectedRecord();
@@ -125353,14 +125412,7 @@ class GridEditionManager {
       .validate(true)
       .then(() => {
       this._dataUnit.saveData()
-        .then(() => {
-        if (this.canContinuousInsert()) {
-          this._dataUnit.addRecord();
-        }
-        else {
-          this.saveSuccess();
-        }
-      })
+        .then(() => this.saveSuccess())
         .catch(reason => this.saveFail(reason));
     })
       .catch(reason => this.saveFail(reason));
@@ -125458,11 +125510,12 @@ class GridEditionManager {
     }
   }
   focusOnCell(cell) {
+    var _a;
     if (cell == undefined) {
       return;
     }
     const { rowIndex, column } = cell;
-    this._gridOptions.api.getDisplayedRowAtIndex(rowIndex).setSelected(true, true);
+    (_a = this._gridOptions.api.getDisplayedRowAtIndex(rowIndex)) === null || _a === void 0 ? void 0 : _a.setSelected(true, true);
     this._gridOptions.api.clearRangeSelection();
     this._gridOptions.api.addCellRange({ rowStartIndex: rowIndex, rowEndIndex: rowIndex, columns: [column] });
     this._gridOptions.api.startEditingCell({ colKey: column.getColId(), rowIndex });
@@ -125502,9 +125555,10 @@ class GridEditionManager {
       }
     }
     else {
+      const actualRowIndex = rowIndex;
       rowIndex = rowIndex + 1;
       if (rowIndex >= this._dataUnit.records.length) {
-        rowIndex = 0;
+        rowIndex = !this._enableGridInsert ? 0 : actualRowIndex;
       }
     }
     this._targetEditionCell = new TargetEdition(rowIndex, column, true);
@@ -125573,7 +125627,7 @@ class GridEditionManager {
         event.node.setData(Object.assign(Object.assign({}, event.data), { [fieldName]: value }));
       }
       this._isGridEdition = true;
-      this._dataUnit.setFieldValue(fieldName, value, [event.data.__record__id__]);
+      this._dataUnit.setFieldValue(fieldName, value, [event.data.__record__id__], { suppressCreateNewRecord: true });
       this._lastCellEdited = { rowIndex: event.rowIndex, column: event.column, rowPinned: undefined };
     }
   }
@@ -125589,14 +125643,16 @@ class GridEditionManager {
   getInvalidCell() {
     return this._invalidCell;
   }
-  clearInvalidCells(action) {
+  processContinuousInsert() {
+    if (!this.canContinuousInsert())
+      return;
+    this._dataUnit.addRecord();
+  }
+  clearInvalidCells(stopEdition) {
     this._invalidCell = undefined;
-    if (action === Action.EDITION_CANCELED) {
+    if (stopEdition) {
       this._isGridEdition = false;
     }
-    else if (action === Action.DATA_SAVED && this.canContinuousInsert()) {
-      this._dataUnit.addRecord();
-    }
   }
   setEnableContinuousInsert(enable) {
     this._enableContinuousInsert = enable;
@@ -125741,7 +125797,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);
+      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._statusResolver = options.statusResolver;
       if (this._dataUnit) {
         this._dataUnit.sortingProvider = this;
@@ -126019,6 +126075,7 @@ class AgGridController {
   updateRowData(row) {
     const node = this._gridOptions.api.getRowNode(row[this._idAttribName]);
     node.setData(Object.assign({}, row));
+    this._editionManager.updateCurrentEditorGuiValue(row);
     this._editionManager.recordValidate();
   }
   selectAll(quietly = false) {
@@ -126180,10 +126237,20 @@ class AgGridController {
     }
   }
   startEditionOnRowByIndex(rowIndex) {
+    this._dataUnit.setSelectionByIndex([rowIndex]);
     const firstCol = this.getFirstEditableColl(rowIndex);
+    if (!firstCol)
+      return;
     this.focusByCollAndRow(firstCol, rowIndex);
     this.startEdition(rowIndex, firstCol);
   }
+  startEditionOnLastRow() {
+    var _a;
+    if (this._gridShowDom) {
+      const newRowIndex = ((_a = this._dataUnit.records) === null || _a === void 0 ? void 0 : _a.length) - 1;
+      this.startEditionOnRowByIndex(newRowIndex);
+    }
+  }
   startEdition(rowIndex, firstCol) {
     this._gridOptions.api.clearRangeSelection();
     this._gridOptions.api.addCellRange({ rowStartIndex: rowIndex, rowEndIndex: rowIndex, columns: [firstCol] });
@@ -126195,8 +126262,13 @@ class AgGridController {
     }
   }
   getFirstEditableColl(rowIndex) {
-    const displayedColumns = this._gridOptions.columnApi.getAllDisplayedColumns();
-    return displayedColumns.find(column => this.isColumnEditable(rowIndex, column));
+    try {
+      const displayedColumns = this._gridOptions.columnApi.getAllDisplayedColumns();
+      return displayedColumns.find(column => this.isColumnEditable(rowIndex, column));
+    }
+    catch (e) {
+      console.warn(e);
+    }
   }
   isColumnEditable(rowIndex, column) {
     if (column.getColDef().headerName === '' || rowIndex === -1)
@@ -126532,35 +126604,40 @@ class AgGridController {
     return false;
   }
   onSelectionChange(event) {
-    if (this._selectionChangeCallback) {
-      clearTimeout(this._selectionChangeDeboucing);
-      this._selectionChangeDeboucing = window.setTimeout(() => {
-        this._editionManager.proceedAutoSave();
-        if (this._dataUnit) {
-          if (event.context.selectionChangeQuietly) {
-            const selectionInfo = this._dataUnit;
-            this._selectionChangeCallback({
-              selection: selectionInfo.records,
-              selectionHeaderStatus: this.getSelectionHeaderStatus(),
-            });
-          }
-          else {
-            this._dataUnit.updatePageSelection(this._gridOptions.api.getSelectedRows().map((r) => r.__record__id__)).then(selectionInfo => {
-              this._selectionChangeCallback({
-                selection: selectionInfo.records,
-                selectionHeaderStatus: this.getSelectionHeaderStatus(),
-              });
-            });
-          }
-        }
-        else {
-          this._selectionChangeCallback({
-            selection: this._gridOptions.api.getSelectedRows(),
-            selectionHeaderStatus: this.getSelectionHeaderStatus(),
-          });
-        }
-      }, 0);
+    if (!this._selectionChangeCallback)
+      return;
+    clearTimeout(this._selectionChangeDeboucing);
+    this._selectionChangeDeboucing = window.setTimeout(() => {
+      this.handleExecuteProceedAutosave();
+      this.processBuildSelectionChangeCallback(event);
+    }, 0);
+  }
+  handleExecuteProceedAutosave() {
+    if (this._gridShowDom) {
+      this._editionManager.proceedAutoSave();
+    }
+  }
+  processBuildSelectionChangeCallback(event) {
+    if (this._dataUnit) {
+      this.handleBuildSelectionChangeWithDU(event.context.selectionChangeQuietly);
+      return;
     }
+    this.buildSelectionChangeCallback(this._gridOptions.api.getSelectedRows());
+  }
+  handleBuildSelectionChangeWithDU(quietly) {
+    if (quietly) {
+      this.buildSelectionChangeCallback(this._dataUnit.records);
+      return;
+    }
+    this._dataUnit.updatePageSelection(this._gridOptions.api.getSelectedRows()
+      .map((r) => r.__record__id__))
+      .then(selectionInfo => this.buildSelectionChangeCallback(selectionInfo.records));
+  }
+  buildSelectionChangeCallback(records) {
+    this._selectionChangeCallback({
+      selection: records,
+      selectionHeaderStatus: this.getSelectionHeaderStatus(),
+    });
   }
   onRowDoubleClick(evt) {
     if (this._doubleClickCallBack) {
@@ -126572,6 +126649,12 @@ class AgGridController {
       host[attribute] = value;
     }
   }
+  processEditionCanceled() {
+    this.clearInvalidCells(true);
+    if (this._gridShowDom) {
+      this._dataUnit.clearSelection();
+    }
+  }
   setCellEditors(customEditors) {
     var _a;
     if (!this._editionManager) {
@@ -126590,12 +126673,15 @@ class AgGridController {
     this._editionManager.setCellRenders(customRenders);
     (_a = this._gridOptions) === null || _a === void 0 ? void 0 : _a.api.redrawRows();
   }
-  clearInvalidCells(action) {
+  clearInvalidCells(stopEdition) {
     if (!this._editionManager)
       return;
-    this._editionManager.clearInvalidCells(action);
+    this._editionManager.clearInvalidCells(stopEdition);
     this._gridOptions.api.refreshCells({ force: true });
   }
+  processContinuousInsert() {
+    this._editionManager.processContinuousInsert();
+  }
   destroy() {
     this.observer.disconnect();
   }
@@ -127234,7 +127320,8 @@ const EzGrid$1 = class extends HTMLElement$1 {
     return this._getActualPageLabel() + this._getRemainingPageLabel();
   }
   _initHeaderOverflowWatcher() {
-    this._headerOverflowWatcher = new OverflowWatcher(this.buildOverFlowWatcherParams());
+    if (this._refPaginationControl)
+      this._headerOverflowWatcher = new OverflowWatcher(this.buildOverFlowWatcherParams());
   }
   buildOverFlowWatcherParams() {
     return {
@@ -129046,6 +129133,7 @@ const EzSearch$1 = class extends HTMLElement$1 {
     this.showSelectedValue = true;
     this.showOptionValue = true;
     this.suppressEmptyOption = false;
+    this.stopPropagateEnterKeyEvent = false;
     this.mode = "regular";
     this.canShowError = true;
     this.hideErrorOnFocusOut = true;
@@ -129220,6 +129308,9 @@ const EzSearch$1 = class extends HTMLElement$1 {
   getText() {
     const currentValue = this.getSelectedOption(this._currentValue);
     const text = this.getFormattedText(currentValue);
+    return this.replaceQuotes(text);
+  }
+  replaceQuotes(text) {
     if (text == undefined) {
       return;
     }
@@ -129508,6 +129599,15 @@ const EzSearch$1 = class extends HTMLElement$1 {
     }
     this._currentValue = value ? Object.assign(Object.assign({}, value), { value: this.replaceHighlight(value.value), label: this.replaceHighlight(value.label) }) : value;
     this.value = this._currentValue;
+    this.setTextInputValue();
+  }
+  setTextInputValue() {
+    if (this._textInput && (this._textInput.value === null || this._textInput.value === undefined)) {
+      if (this.value === undefined || this.value === null)
+        return;
+      const textValue = (typeof this.value === 'string') ? this.value : this.getFormattedText(this.value);
+      this._textInput.value = this.replaceQuotes(textValue);
+    }
   }
   loadOptionValue(argument) {
     var _a;
@@ -129656,6 +129756,7 @@ const EzSearch$1 = class extends HTMLElement$1 {
         event.stopPropagation();
         break;
       case "Enter":
+        this.handleEventPropagation(event);
         this.selectCurrentOption();
         break;
       case "Escape":
@@ -129672,6 +129773,12 @@ const EzSearch$1 = class extends HTMLElement$1 {
     //e o contexto pode reagir (fechar um popup por exemplo).
     //event.stopPropagation();
   }
+  //O evento deve ter sua propagação interrompida, apenas se a lista de opções estiver sendo exibida.
+  handleEventPropagation(event) {
+    if (this._listContainer.hasChildNodes() && this.stopPropagateEnterKeyEvent) {
+      event.stopPropagation();
+    }
+  }
   onTextInputFocusOutHandler() {
     if (this.hideErrorOnFocusOut)
       this.cancelPreselection();
@@ -133133,7 +133240,7 @@ const EzChart = /*@__PURE__*/proxyCustomElement(EzChart$1, [1,"ez-chart",{"type"
 const EzCheck = /*@__PURE__*/proxyCustomElement(EzCheck$1, [1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[1540],"mode":[513],"compact":[4]}]);
 const EzChip = /*@__PURE__*/proxyCustomElement(EzChip$1, [1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"showNativeTooltip":[4,"show-native-tooltip"]}]);
 const EzCollapsibleBox = /*@__PURE__*/proxyCustomElement(EzCollapsibleBox$1, [1,"ez-collapsible-box",{"value":[1540],"boxBordered":[4,"box-bordered"],"label":[513],"subtitle":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"headerAlign":[513,"header-align"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32]}]);
-const EzComboBox = /*@__PURE__*/proxyCustomElement(EzComboBox$1, [1,"ez-combo-box",{"limitCharsToSearch":[2,"limit-chars-to-search"],"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]},[[11,"scroll","scrollListener"]]]);
+const EzComboBox = /*@__PURE__*/proxyCustomElement(EzComboBox$1, [1,"ez-combo-box",{"limitCharsToSearch":[2,"limit-chars-to-search"],"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"stopPropagateEnterKeyEvent":[4,"stop-propagate-enter-key-event"],"canShowError":[516,"can-show-error"],"mode":[513],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]},[[11,"scroll","scrollListener"]]]);
 const EzCustomFormInput = /*@__PURE__*/proxyCustomElement(EzCustomFormInput$1, [2,"ez-custom-form-input",{"customEditor":[16],"formViewField":[16],"value":[1032],"detailContext":[1,"detail-context"],"builderFallback":[16],"selectedRecord":[16],"gui":[32]}]);
 const EzDateInput = /*@__PURE__*/proxyCustomElement(EzDateInput$1, [1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"canShowError":[516,"can-show-error"]}]);
 const EzDateTimeInput = /*@__PURE__*/proxyCustomElement(EzDateTimeInput$1, [1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"canShowError":[516,"can-show-error"]}]);
@@ -133156,7 +133263,7 @@ const EzPopover = /*@__PURE__*/proxyCustomElement(EzPopover$1, [1,"ez-popover",{
 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"],"enabledScroll":[4,"enabled-scroll"]}]);
 const EzRadioButton = /*@__PURE__*/proxyCustomElement(EzRadioButton$1, [1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]);
 const EzScroller = /*@__PURE__*/proxyCustomElement(EzScroller$1, [1,"ez-scroller",{"direction":[1],"locked":[4],"activeShadow":[4,"active-shadow"],"isActive":[32]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]);
-const EzSearch = /*@__PURE__*/proxyCustomElement(EzSearch$1, [1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513],"canShowError":[516,"can-show-error"],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"],"ignoreLimitCharsToSearch":[4,"ignore-limit-chars-to-search"],"options":[1040],"suppressSearch":[4,"suppress-search"],"ensureClearButtonVisible":[4,"ensure-clear-button-visible"],"suppressPreLoad":[4,"suppress-pre-load"],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]},[[11,"scroll","scrollListener"]]]);
+const EzSearch = /*@__PURE__*/proxyCustomElement(EzSearch$1, [1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"stopPropagateEnterKeyEvent":[4,"stop-propagate-enter-key-event"],"mode":[513],"canShowError":[516,"can-show-error"],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"],"ignoreLimitCharsToSearch":[4,"ignore-limit-chars-to-search"],"options":[1040],"suppressSearch":[4,"suppress-search"],"ensureClearButtonVisible":[4,"ensure-clear-button-visible"],"suppressPreLoad":[4,"suppress-pre-load"],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]},[[11,"scroll","scrollListener"]]]);
 const EzSidebarButton = /*@__PURE__*/proxyCustomElement(EzSidebarButton$1, [1,"ez-sidebar-button"]);
 const EzSidebarNavigator = /*@__PURE__*/proxyCustomElement(EzSidebarNavigator$1, [1,"ez-sidebar-navigator",{"type":[1],"mode":[1025],"size":[1],"isResponsive":[4,"is-responsive"],"titleMenu":[1,"title-menu"],"showCollapseMenu":[4,"show-collapse-menu"],"showFixedButton":[4,"show-fixed-button"],"open":[32]}]);
 const EzSkeleton = /*@__PURE__*/proxyCustomElement(EzSkeleton$1, [0,"ez-skeleton",{"count":[2],"variant":[1],"width":[1],"height":[1],"marginBottom":[1,"margin-bottom"],"animation":[1]}]);