@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-72892.1 → 0.0.0-bugfix-dev-KB-73818.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;
@@ -3365,6 +3366,7 @@ const EzComboBox$1 = class extends HTMLElement$1 {
         event.stopPropagation();
         break;
       case "Enter":
+        this.handleEventPropagation(event);
         this.selectCurrentOption();
         break;
       case "Escape":
@@ -3380,6 +3382,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 +3469,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 +3634,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 +124490,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 +124508,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 +124568,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 +124623,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 +125107,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 +125140,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 +125184,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 +125347,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 +125357,7 @@ class GridEditionManager {
     this._useEnterLikeTab = useEnterLikeTab;
     this._editionIsDisabled = editionIsDisabled;
     this._enableContinuousInsert = enableContinuousInsert;
+    this._enableGridInsert = enableGridInsert;
     this._customEditors = customEditors;
     this._customRenders = customRenders;
   }
@@ -125332,6 +125372,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 +125391,7 @@ class GridEditionManager {
       this.saveSuccess();
       return;
     }
-    if (!this._isGridEdition || this._dataUnit.hasNewRecord()) {
+    if (!this._isGridEdition) {
       return;
     }
     const currentRercord = this._dataUnit.getSelectedRecord();
@@ -125353,14 +125403,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 +125501,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 +125546,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 +125618,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 +125634,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 +125788,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 +126066,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 +126228,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 +126253,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,36 +126595,41 @@ 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) {
       this._doubleClickCallBack(evt.data);
@@ -126572,6 +126640,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 +126664,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 +127311,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 {
@@ -129016,7 +129094,7 @@ class ScrollCtrl {
   }
 }
 
-const ezSearchCss = ":host{--ez-search--height:42px;--ez-search--width:100%;--ez-search__icon--width:48px;--ez-search--border-radius:var(--border--radius-medium, 12px);--ez-search--border-radius-small:var(--border--radius-small, 6px);--ez-search--font-size:var(--text--medium, 14px);--ez-search--font-family:var(--font-pattern, Arial);--ez-search--font-weight--large:var(--text-weight--large, 500);--ez-search--font-weight--medium:var(--text-weight--medium, 400);--ez-search--background-color--xlight:var(--background--xlight, #fff);--ez-search--background-medium:var(--background--medium, #f0f3f7);--ez-search--line-height:calc(var(--text--medium, 14px) + 4px);--ez-search__input--background-color:var(--background--medium, #e0e0e0);--ez-search__input--border:var(--border--medium, 2px solid);--ez-search__input--border-color:var(--ez-search__input--background-color);--ez-search__input--focus--border-color:var(--color--primary, #008561);--ez-search__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-search__input--disabled--color:var(--text--disable, #AFB6C0);--ez-search__input--error--border-color:#CC2936;--ez-search__btn--color:var(--title--primary, #2B3A54);--ez-search__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-search__btn-hover--color:var(--color--primary, #4e4e4e);--ez-search__label--color:var(--title--primary, #2B3A54);--ez-search__list-title--primary:var(--title--primary, #2B3A54);--ez-search__list-text--primary:var(--text--primary, #626e82);--ez-search__list-height:calc(var(--ez-search--font-size) + var(--ez-search--space--medium) + 4px);--ez-search__list-min-width:64px;--ez-search--space--medium:var(--space--medium, 12px);--ez-search--space--small:var(--space--small, 6px);--ez-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-search__scrollbar--width:var(--space--medium, 12px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-search--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.list-container{min-width:var(--ez-search__list-min-width);overflow:auto;position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:0;z-index:var(--more-visible, 2);max-height:350px;min-width:150px;background-color:var(--ez-search--background-color--xlight);border-radius:var(--ez-search--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.list-options{margin-top:0px;box-sizing:border-box;width:100%;height:100%;padding:0;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-search__scrollbar--color-clicked) var(--ez-search__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--scrollbar--background);width:var(--space--small);max-width:var(--space--small);min-width:var(--space--small);height:var(--space--small);max-height:var(--space--small);min-height:var(--space--small)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-search__scrollbar--color-background);border-radius:var(--ez-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-search__scrollbar--color-default);border-radius:var(--ez-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-search__scrollbar--color-clicked)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-search--border-radius-small);gap:var(--space--small, 6px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-search__list-title--primary);font-family:var(--ez-search--font-family);font-size:var(--ez-search--font-size);line-height:var(--ez-search--line-height)}.item__label{font-weight:var(--ez-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-search__list-text--primary);font-weight:var(--ez-search--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:var(--ez-search__list-height)}.message__no-result{color:var(--ez-search__list-title--primary);font-family:var(--ez-search--font-family);font-size:var(--ez-search--font-size)}.message__loading{border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-search__list-title--primary);border-top:3px solid transparent}.item__list>li:hover{background-color:var(--ez-search--background-medium)}.preselected{background-color:var(--background--medium)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-search__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-search__btn-disabled--color)}.btn:disabled:hover{cursor:unset;color:var(--ez-search__btn-disabled--color)}.btn:hover{color:var(--ez-search__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@supports not (scrollbar-width: thin){.item{padding-right:8px}}";
+const ezSearchCss = ":host{--ez-search--height:42px;--ez-search--width:100%;--ez-search__icon--width:48px;--ez-search--border-radius:var(--border--radius-medium, 12px);--ez-search--border-radius-small:var(--border--radius-small, 6px);--ez-search--font-size:var(--text--medium, 14px);--ez-search--font-family:var(--font-pattern, Arial);--ez-search--font-weight--large:var(--text-weight--large, 500);--ez-search--font-weight--medium:var(--text-weight--medium, 400);--ez-search--background-color--xlight:var(--background--xlight, #fff);--ez-search--background-medium:var(--background--medium, #f0f3f7);--ez-search--line-height:calc(var(--text--medium, 14px) + 4px);--ez-search__input--background-color:var(--background--medium, #e0e0e0);--ez-search__input--border:var(--border--medium, 2px solid);--ez-search__input--border-color:var(--ez-search__input--background-color);--ez-search__input--focus--border-color:var(--color--primary, #008561);--ez-search__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-search__input--disabled--color:var(--text--disable, #AFB6C0);--ez-search__input--error--border-color:#CC2936;--ez-search__btn--color:var(--title--primary, #2B3A54);--ez-search__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-search__btn-hover--color:var(--color--primary, #4e4e4e);--ez-search__label--color:var(--title--primary, #2B3A54);--ez-search__list-title--primary:var(--title--primary, #2B3A54);--ez-search__list-text--primary:var(--text--primary, #626e82);--ez-search__list-height:calc(var(--ez-search--font-size) + var(--ez-search--space--medium) + 4px);--ez-search__list-min-width:64px;--ez-search--space--medium:var(--space--medium, 12px);--ez-search--space--small:var(--space--small, 6px);--ez-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-search__scrollbar--width:var(--space--medium, 12px);--ez-search__dropdown--max-height:350px;display:flex;flex-wrap:wrap;position:relative;width:var(--ez-search--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.list-container{min-width:var(--ez-search__list-min-width);overflow:auto;position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:0;z-index:var(--more-visible, 2);max-height:var(--ez-search__dropdown--max-height);min-width:150px;background-color:var(--ez-search--background-color--xlight);border-radius:var(--ez-search--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.list-options{box-sizing:border-box;width:100%;height:100%;padding:0;margin:0;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-search__scrollbar--color-clicked) var(--ez-search__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--scrollbar--background);width:var(--space--small);max-width:var(--space--small);min-width:var(--space--small);height:var(--space--small);max-height:var(--space--small);min-height:var(--space--small)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-search__scrollbar--color-background);border-radius:var(--ez-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-search__scrollbar--color-default);border-radius:var(--ez-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-search__scrollbar--color-clicked)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-search--border-radius-small);gap:var(--space--2xs, 8px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-search__list-title--primary);font-family:var(--ez-search--font-family);font-size:var(--ez-search--font-size);line-height:var(--ez-search--line-height)}.item__label{font-weight:var(--ez-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-search__list-text--primary);font-weight:var(--ez-search--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:var(--ez-search__list-height)}.message__no-result{color:var(--ez-search__list-title--primary);font-family:var(--ez-search--font-family);font-size:var(--ez-search--font-size)}.message__loading{border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-search__list-title--primary);border-top:3px solid transparent}.item__list>li:hover{background-color:var(--ez-search--background-medium)}.preselected{background-color:var(--background--medium)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-search__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-search__btn-disabled--color)}.btn:disabled:hover{cursor:unset;color:var(--ez-search__btn-disabled--color)}.btn:hover{color:var(--ez-search__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@supports not (scrollbar-width: thin){.item{padding-right:8px}}";
 
 const EzSearch$1 = class extends HTMLElement$1 {
   constructor() {
@@ -129046,6 +129124,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 +129299,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 +129590,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 +129747,7 @@ const EzSearch$1 = class extends HTMLElement$1 {
         event.stopPropagation();
         break;
       case "Enter":
+        this.handleEventPropagation(event);
         this.selectCurrentOption();
         break;
       case "Escape":
@@ -129672,6 +129764,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 +133231,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 +133254,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]}]);

package/dist/esm/ez-combo-box.entry.js

@@ -34,6 +34,7 @@ const EzComboBox = class {
     this.suppressSearch = false;
     this.optionLoader = undefined;
     this.suppressEmptyOption = false;
+    this.stopPropagateEnterKeyEvent = false;
     this.canShowError = true;
     this.mode = "regular";
     this.hideErrorOnFocusOut = true;
@@ -496,6 +497,7 @@ const EzComboBox = class {
         event.stopPropagation();
         break;
       case "Enter":
+        this.handleEventPropagation(event);
         this.selectCurrentOption();
         break;
       case "Escape":
@@ -511,6 +513,12 @@ const EzComboBox = class {
     //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();

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

@@ -54,7 +54,9 @@ const EzCustomFormInput = class {
     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();
     }
   }

package/dist/esm/ez-date-input.entry.js

@@ -88,6 +88,9 @@ const EzDateInput = class {
     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();