@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-35029.1 → 0.0.0-bugfix-dev-KB-37979.0

package/dist/custom-elements/index.js

@@ -2716,7 +2716,7 @@ const EzComboBox$1 = class extends HTMLElement$1 {
     }
     else {
       window.setTimeout(() => {
-        this.setInputValue();
+        this.setInputValue(false);
       }, this._deboucingTime);
     }
     this.resetOptions();
@@ -2997,6 +2997,9 @@ const EzDateInput$1 = class extends HTMLElement$1 {
     this._calendar.hide();
   }
   handleBlur() {
+    if (!this._changePending) {
+      return;
+    }
     try {
       const strValue = this._textInput.value;
       const newValue = DateUtils$1.strToDate(strValue);
@@ -3230,6 +3233,9 @@ const EzDateTimeInput$1 = class extends HTMLElement$1 {
   }
   handleBlur() {
     var _a, _b;
+    if (!this._changePending) {
+      return;
+    }
     try {
       const strValue = ((_b = (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim()) || "";
       const newValue = this.getParsedDateTime();
@@ -123706,6 +123712,14 @@ var AllEnterpriseModules = [
 ModuleRegistry.registerModules(AllEnterpriseModules);
 
 class DataSource {
+  updateLoadedRecords(action) {
+    const records = action.payload;
+    if ((records === null || records === void 0 ? void 0 : records.length) > 0) {
+      records.forEach(record => {
+        this._controller.changeValues(record, [record.__record__id__]);
+      });
+    }
+  }
   isSilentChange(action) {
     //TODO: Provisorio p/ não atualizar a grade quando a alteração for apenas de campos transisntes
     var _a, _b;
@@ -123728,6 +123742,9 @@ class DataSource {
           break;
         case Action.LOADING_DATA:
           this._waitingForLoad = true;
+          if (EZ_GRID_LOADING_SOURCE !== action.payload.source) {
+            this._controller.clearFilter();
+          }
           this._controller.refresh();
           break;
         case Action.DATA_LOADED:
@@ -123758,6 +123775,9 @@ class DataSource {
         case Action.PREVIOUS_SELECTED:
           this.updateSelection();
           break;
+        case Action.RECORD_LOADED:
+          this.updateLoadedRecords(action);
+          break;
       }
     };
     this._dataUnit = dataUnit;
@@ -123827,15 +123847,6 @@ class DataSource {
   }
 }
 
-function calcFilterColumnLeftPosition(leftReference) {
-  const FIX_MARGIN = 60;
-  const FILTER_COLUMN_WIDTH = 330;
-  const screenWidth = window.innerWidth;
-  const maxLeft = screenWidth - (FILTER_COLUMN_WIDTH + FIX_MARGIN);
-  const leftInt = leftReference - FIX_MARGIN;
-  return leftInt > maxLeft ? maxLeft : leftInt;
-}
-
 class EzGridCustomHeader {
   init(agParams) {
     var _a;
@@ -123872,8 +123883,7 @@ class EzGridCustomHeader {
   }
   onClickFilter() {
     var _a;
-    const iconLeft = (_a = this.filterButton) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left;
-    this.params.showColumnFilter(`${calcFilterColumnLeftPosition(iconLeft)}px`, true);
+    this.params.showColumnFilter((_a = this.filterButton) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left);
   }
   configSortIcon() {
     this.sortDownIcon.style.display = this.params.column.isSortDescending() ? 'flex' : 'none';
@@ -124532,6 +124542,10 @@ class AgGridController {
     this._gridOptions.api.refreshHeader();
     this._dataUnit.loadData(undefined, undefined, undefined, EZ_GRID_LOADING_SOURCE);
   }
+  clearFilter() {
+    this._filteredColumns.clear();
+    this._gridOptions.api.refreshHeader();
+  }
   showFilterColumn(configs) {
     var _a;
     (_a = this._filterColumn) === null || _a === void 0 ? void 0 : _a.show(configs);
@@ -124550,7 +124564,7 @@ class AgGridController {
     this._idAttribName = '__record__id__';
     this._gridConfig = [];
     this._filteredColumns = new Map();
-    this._filterColumnleftPosition = '0px';
+    this._filterColumnleftPosition = 0;
     this._enterprise = enterprise;
   }
   getGridConfig() {
@@ -124676,11 +124690,9 @@ class AgGridController {
       this._gridOptions.api.setHeaderHeight(this.getHeaderRowHeight());
     }
   }
-  setFilterColumnLeftPosition(params) {
-    if (params.type === 'columnMenu') {
-      const ePopup = params.ePopup;
-      const leftString = ePopup.style.left.replace('px', '');
-      this._filterColumnleftPosition = `${calcFilterColumnLeftPosition(parseInt(leftString))}px`;
+  setFilterColumnLeftPosition({ type, ePopup }) {
+    if (type === 'columnMenu') {
+      this._filterColumnleftPosition = ePopup.getBoundingClientRect().left;
       return;
     }
   }
@@ -125120,7 +125132,7 @@ class AgGridController {
         tooltip: tooltip,
         isSortable: propSortable,
         hasFilter: () => this.hasFilterColumn(source.name),
-        showColumnFilter: (leftPosition, fromIcon) => this.showFilterColumn({ columnName: source.name, columnLabel: source.label, leftPosition, filteredOptions: this._filteredColumns.get(source.name), fromIcon }),
+        showColumnFilter: (leftPosition) => this.showFilterColumn({ columnName: source.name, columnLabel: source.label, leftPosition, filteredOptions: this._filteredColumns.get(source.name), fromIcon: true }),
       },
       valueFormatter: params => {
         if (params.value == undefined) {
@@ -126830,16 +126842,8 @@ const EzMuiltiSelectionList = class extends HTMLElement$1 {
   }
   handleChangeSelectedItem(event) {
     const { detail: itemCheckSelected } = event;
-    this.filteredOptions = this.filteredOptions.map(item => {
-      if (item.label === itemCheckSelected.label) {
-        return Object.assign(Object.assign({}, item), { check: itemCheckSelected.check });
-      }
-      return item;
-    });
-    this.clearInputs();
-  }
-  clearInputs() {
-    this.filterInput ? (this.filterInput.value = '') : (this.searchInput.value = '');
+    const itemSelected = this.filteredOptions.find(item => item.label === itemCheckSelected.label);
+    itemSelected.check = itemCheckSelected.check;
   }
   buildViewList(hasDelete) {
     return (h(Fragment, null, this.displayOptionToCheckAllItems && (h("ez-check", { ref: (element) => (this.checkInput = element), label: "Selecionar todos", class: "multi-selection__select-all", onEzChange: this.handleChangeSelectAllItems.bind(this) })), h("ez-list", { class: "multi-selection__list", dataSource: this.displayOptions, listMode: "check", hoverFeedback: true, onEzCheckChange: this.handleChangeSelectedItem.bind(this), itemSlotBuilder: hasDelete ? this.buildDeleteIconSlot.bind(this) : null })));
@@ -126989,6 +126993,9 @@ const EzNumberInput$1 = class extends HTMLElement$1 {
     this.ezCancelWaitingChange.emit();
   }
   handleBlur() {
+    if (!this._changePending) {
+      return;
+    }
     try {
       const parsedNumber = this.getParsedNumber();
       if (parsedNumber !== undefined && isNaN(parsedNumber)) {
@@ -127682,10 +127689,9 @@ const EzSearch$1 = class extends HTMLElement$1 {
     if (currentValue == undefined) {
       return;
     }
-    if (!this.showSelectedValue || currentValue.value == undefined) {
-      return currentValue.label;
-    }
-    return currentValue.label ? `${currentValue.value} - ${currentValue.label}` : currentValue.value;
+    let text = !this.showSelectedValue || currentValue.value == undefined ? currentValue.label : `${currentValue.value} - ${currentValue.label}`;
+    text = text.replace(new RegExp(this._startHighlightTag, 'g'), '').replace(new RegExp(this._endHighlightTag, 'g'), '');
+    return text;
   }
   getText() {
     const currentValue = this.getSelectedOption(this.value);
@@ -128244,7 +128250,148 @@ const EzSkeleton$1 = class extends HTMLElement$1 {
   static get style() { return ezSkeletonCss; }
 };
 
-const ezSplitItemCss = ".box_split-item{background-color:var(--background--xlight);padding:var(--space--nano);width:100%;height:100%;border-radius:var(--border--radius-medium);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:auto}.expanded__item{position:absolute;z-index:var(--more-visible);top:0;left:0;width:100%;height:100%}.ez-split-item--header{display:flex;align-items:center;justify-content:space-between}.ez-split-item--header-buttons{display:flex;align-items:center}.ez-split-item--content{display:block;height:-webkit-fill-available}";
+const ezSplitButtonCss = ":host{--ez-split-button--min-width:24;--ez-split-button--width:'auto';--ez-split-button__medium--height:32px;--ez-split-button__large--height:42px;--ez-split-button__medium-icon--width:40px;--ez-split-button__large-icon--width:44px;--ez-split-button__inline__icon--gap:6px;--ez-split-button__label--padding-top:0px;--ez-split-button__label--padding-bottom:0px;--ez-split-button__right-button--padding-left:8px;--ez-split-button--color:var(--title--primary, #FFF);--ez-split-button--font-size:var(--text--medium, 14px);--ez-split-button--font-family:var(--font-pattern, Arial);--ez-split-button--font-weight:var(--text-weight--large);--ez-split-button--background-color:var(--background--medium, #008561);--ez-split-button--border-radius:var(--border--radius-large, 12px);--ez-split-button--border:none;--ez-split-button--justify-content:center;--ez-split-button--hover-color:var(--color--primary-600);--ez-split-button--hover--background-color:var(--background--medium, var(--ez-split-button--background-color));--ez-split-button--disabled-color:var(--text--disable);--ez-split-button--disabled--background-color:var(--color--disable-secondary);--ez-split-button--focus--border:var(--border--medium, 2px) var(--color--primary-300);--ez-split-button--focus--box-shadow:none;--ez-split-button--active-color:var(--color--primary-700);--ez-split-button--active--background-color:var(--background--strong)}ez-icon{--ez-icon--color:inherit}button{position:relative;display:flex;align-items:center;margin:0;cursor:pointer;transition:background-color 0.2s linear;white-space:nowrap;min-width:var(--ez-split-button--min-width);width:var(--ez-split-button--width);height:var(--ez-split-button__medium--height);font-family:var(--ez-split-button--font-family);font-size:var(--ez-split-button--font-size);font-weight:var(--ez-split-button--font-weight);padding:var(--ez-split-button__label--padding-top) 0 var(--ez-split-button__label--padding-bottom) 0;border-top-left-radius:var(--ez-split-button--border-radius);border-bottom-left-radius:var(--ez-split-button--border-radius);background-color:var(--ez-split-button--background-color);color:var(--ez-split-button--color);fill:var(--ez-split-button--color);border:var(--ez-split-button--border);justify-content:var(--ez-split-button--justify-content)}label{cursor:pointer}button:active{outline:none;box-shadow:none;background-color:var(--ez-split-button--active--background-color);color:var(--ez-split-button--active-color);fill:var(--ez-split-button--active-color);--ez-icon--color:var(--ez-split-button--active-color)}.ez-split-button__left-button:focus,.ez-split-button__right-button:focus{outline:var(--ez-split-button--focus--border);box-shadow:var(--ez-split-button--focus--box-shadow)}.ez-split-button__left-button:hover,.ez-split-button__right-button:hover{outline:none;background-color:var(--ez-split-button--hover--background-color);color:var(--ez-split-button--hover-color);fill:var(--ez-split-button--hover-color);--ez-icon--color:var(--ez-split-button--hover-color)}.ez-split-button__left-button:disabled,.ez-split-button__left-button:disabled label,.ez-split-button__right-button:disabled{background-color:var(--ez-split-button--disabled--background-color);color:var(--ez-split-button--disabled-color);fill:var(--ez-split-button--disabled-color);border:none;--ez-icon--color:var(--ez-split-button--disabled-color);cursor:not-allowed}button.large{height:var(--ez-split-button__large--height)}button.medium{height:var(--ez-split-button__medium--height)}.default label{padding:var(--ez-split-button__label--padding-top) 12px var(--ez-split-button__label--padding-bottom) 20px}.icon-left{gap:var(--ez-split-button__inline__icon--gap)}.icon-left label{padding-right:12px}.icon-left ez-icon{padding-left:20px}.icon-only{padding-left:12px;padding-right:12px}.ez-split-button__right-button{border-top-right-radius:var(--ez-split-button--border-radius);border-bottom-right-radius:var(--ez-split-button--border-radius);border-top-left-radius:0;border-bottom-left-radius:0}.ez-split-button__right-button--medium{min-width:var(--ez-split-button__medium-icon--width)}.ez-split-button__right-button--large{min-width:var(--ez-split-button__large-icon--width)}.ez-split-button__right-button--divider{top:10%;bottom:10%}.ez-split-button__right-button--divider:before{content:\"\";position:absolute;left:0;border-left:1px solid rgba(0, 0, 0, 20%);border-radius:2px;height:75%}.btn-icon--medium{min-width:--ez-split-button__medium-icon--width}.btn-icon--large{min-width:--ez-split-button__large-icon--width}.ez-split-button__right-button-container{position:absolute;left:0;padding-left:var(--ez-split-button__right-button--padding-left)}.label-icon{display:flex;flex-direction:row;align-items:center;color:var(--ez-split-button--color)}.label-icon:active{color:var(--ez-split-button--active-color);fill:var(--ez-split-button--active-color);--ez-icon--color:var(--ez-split-button--active-color)}.dropdown{display:flex}.dropdown-content{display:block;position:absolute;background-color:#f1f1f1;min-width:160px;z-index:--ez-elevation--8;border-radius:var(--ez-split-button--border-radius)}.dropdown-content>ez-dropdown{position:relative}";
+
+const EzSplitButton$1 = class extends HTMLElement$1 {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.buttonClick = createEvent(this, "buttonClick", 7);
+    this.dropdownItemClick = createEvent(this, "dropdownItemClick", 7);
+    this.dropdownSubActionClick = createEvent(this, "dropdownSubActionClick", 7);
+    this.rightDefaultTitle = 'Mais opções';
+    this.show = false;
+    this.enabled = true;
+    this.iconName = undefined;
+    this.image = undefined;
+    this.items = undefined;
+    this.label = undefined;
+    this.leftTitle = undefined;
+    this.rightTitle = 'Mais opções';
+    this.mode = 'default';
+    this.size = 'medium';
+  }
+  /**
+   * Remove o foco de ambos os botões.
+   */
+  async setBlur() {
+    this.leftButton.blur();
+    this.rightButton.blur();
+  }
+  /**
+   * Aplica o foco no botão principal.
+   */
+  async setLeftButtonFocus() {
+    this.leftButton.focus();
+  }
+  /**
+   * Aplica o foco no botão do dropdown.
+   */
+  async setRightButtonFocus() {
+    this.rightButton.focus();
+  }
+  clickListener(evt) {
+    if (!this.enabled) {
+      evt.preventDefault();
+      evt.stopPropagation();
+      evt.stopImmediatePropagation();
+    }
+  }
+  getIconSize(sizeParam = 'medium') {
+    var _a;
+    const sizeList = ['medium', 'large'];
+    const sizeLowerCase = (_a = this.size) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+    return sizeList.includes(sizeLowerCase) ? sizeLowerCase : sizeParam;
+  }
+  closeDropdown() {
+    this.show = false;
+  }
+  toggleDropdown() {
+    this.show = !this.show;
+  }
+  handleButtonClick() {
+    this.buttonClick.emit();
+  }
+  handleDropdownItemClick(evt) {
+    this.dropdownItemClick.emit(evt.detail);
+    evt.stopPropagation();
+    this.closeDropdown();
+  }
+  handleDropdownSubActionClick(evt) {
+    this.dropdownSubActionClick.emit(evt.detail);
+    evt.stopPropagation();
+    this.closeDropdown();
+  }
+  /**
+   * Método responsável em posicionar o dropdown na tela.
+   * Faz com que o dropdown se ajuste automaticamente ao espaco na tela
+   */
+  positionDropdown() {
+    const { rightButton: _rightButton, dropdownParent: _dropdownParent } = this;
+    const rightButtonRect = _rightButton.getBoundingClientRect();
+    const dropdownParentRect = _dropdownParent.getBoundingClientRect();
+    const spaceBelow = window.innerHeight - rightButtonRect.bottom;
+    const spaceAbove = rightButtonRect.top;
+    const spaceRight = window.innerWidth - rightButtonRect.right;
+    const spaceLeft = rightButtonRect.left;
+    const hasSpaceBelow = spaceBelow < dropdownParentRect.height && spaceAbove > dropdownParentRect.height;
+    const hasSpaceRight = spaceRight < dropdownParentRect.width && spaceLeft > dropdownParentRect.width;
+    let top = `${rightButtonRect.bottom + window.scrollY}px`;
+    let left = `${rightButtonRect.left + window.scrollX}px`;
+    let bottom = 'auto';
+    if (hasSpaceBelow) {
+      bottom = `${window.innerHeight - rightButtonRect.top - window.scrollY}px`;
+      top = 'auto';
+      _dropdownParent.style.maxHeight = `${spaceAbove}px`;
+    }
+    if (hasSpaceRight) {
+      left = `${rightButtonRect.right - dropdownParentRect.width + window.scrollX}px`;
+    }
+    _dropdownParent.style.top = top;
+    _dropdownParent.style.bottom = bottom;
+    _dropdownParent.style.left = left;
+  }
+  setEvents() {
+    window.removeEventListener('scroll', this.positionDropdown.bind(this));
+    window.addEventListener('scroll', this.positionDropdown.bind(this));
+  }
+  componentWillLoad() {
+    this.setEvents();
+  }
+  componentDidLoad() {
+    if (this._element)
+      ElementIDUtils.addIDInfo(this._element);
+    if (this.leftButton) {
+      const dataInfo = { id: 'embedded' };
+      ElementIDUtils.addIDInfo(this.leftButton, 'left-button', dataInfo);
+    }
+    if (this.rightButton) {
+      const dataInfo = { id: 'embedded' };
+      ElementIDUtils.addIDInfo(this.rightButton, 'right-button', dataInfo);
+    }
+    this.positionDropdown();
+  }
+  componentDidUpdate() {
+    this.positionDropdown();
+  }
+  render() {
+    const hasIconButton = this.shouldShowIconOnLeftButton();
+    const hasLabelButton = this.shouldShowLabelOnLeftButton();
+    const iconSize = this.getIconSize();
+    return (h("div", { class: "label-icon" }, h("button", { class: `ez-split-button__left-button ${iconSize} ${this.mode}`, title: this.leftTitle || this.label, type: "button", disabled: !this.enabled, onClick: () => { this.handleButtonClick(); }, ref: el => (this.leftButton = el) }, hasIconButton && h("ez-icon", { href: this.image, iconName: this.iconName, size: iconSize }), hasLabelButton && h("label", { title: this.leftTitle || this.label }, this.label)), h("div", { class: "dropdown" }, h("button", { class: `ez-split-button__right-button ${iconSize} ez-split-button__right-button--${iconSize} ez-split-button__right-button--divider`, title: this.rightTitle || this.rightDefaultTitle, type: "button", disabled: !this.enabled, onClick: () => { this.toggleDropdown(); }, ref: el => (this.rightButton = el) }, h("ez-icon", { class: `ez-split-button__right-button-container ` + (iconSize ? `btn-icon--${iconSize}` : ''), iconName: 'chevron-down', size: iconSize })), h("div", { class: `dropdown-content dropdown-content--${this.size}`, ref: (ref) => (this.dropdownParent = ref) }, this.show && (h("ez-dropdown", { items: this.items, onClick: evt => { evt.stopPropagation(); }, onEzOutsideClick: () => { this.closeDropdown(); }, onEzClick: evt => { this.handleDropdownItemClick(evt); }, onEzSubActionClick: evt => { this.handleDropdownSubActionClick(evt); } }))))));
+  }
+  shouldShowLabelOnLeftButton() {
+    return ['icon-left', 'default'].includes(this.mode);
+  }
+  shouldShowIconOnLeftButton() {
+    return ['icon-left', 'icon-only'].includes(this.mode);
+  }
+  get _element() { return this; }
+  static get style() { return ezSplitButtonCss; }
+};
+
+const ezSplitItemCss = ".box_split-item{background-color:var(--background--xlight);width:100%;height:100%;border-radius:var(--border--radius-medium);box-shadow:var(--shadow);flex-direction:column;overflow:hidden;display:flex;padding:var(--space--nano)}.box_split-item>.ez-split-item--content{overflow:auto}.expanded__item{position:absolute;z-index:var(--more-visible);top:0;left:0;width:100%;height:100%}.ez-split-item--header{display:flex;align-items:center;justify-content:space-between}.ez-split-item--header-buttons{display:flex;align-items:center}.ez-split-item--content{display:block;height:100%}";
 
 const SplitItem = class extends HTMLElement$1 {
   constructor() {
@@ -128253,6 +128400,7 @@ const SplitItem = class extends HTMLElement$1 {
     this.label = undefined;
     this.enableExpand = true;
     this._expanded = false;
+    this.size = undefined;
   }
   /**
    * Alterna a visibilidade do painel.
@@ -128261,7 +128409,7 @@ const SplitItem = class extends HTMLElement$1 {
     this._expanded = !this._expanded;
   }
   render() {
-    return (h("div", { class: `box_split-item ${this._expanded ? 'expanded__item' : ''}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("div", null, this.label && (h("div", { class: "ez-margin--small" }, h("h3", { class: " ez-title ez-title--small" }, this.label)))), h("div", { class: "ez-split-item--header-buttons" }, this.enableExpand && (h("ez-button", { size: "medium", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })), h("slot", { name: "rightButtons" }))), h("div", { class: "ez-split-item--content" }, h("slot", null))));
+    return (h(Host, { class: `box_split-item ${this._expanded ? 'expanded__item' : ''}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("div", null, this.label && (h("div", { class: "ez-margin--small" }, h("h3", { class: " ez-title ez-title--small" }, this.label)))), h("div", { class: "ez-split-item--header-buttons" }, this.enableExpand && (h("ez-button", { size: "medium", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })), h("slot", { name: "rightButtons" }))), h("div", { class: "ez-split-item--content" }, h("slot", null))));
   }
   static get style() { return ezSplitItemCss; }
 };
@@ -128943,7 +129091,7 @@ Grid.prototype.destroy = function destroy (immediate) {
 
 function index (options) { return new Grid(options); }
 
-const ezSplitPanelCss = ":host{height:100%}.ez-split-gutter{cursor:grab;background-color:transparent}";
+const ezSplitPanelCss = ".ez-split-gutter{cursor:grab;background-color:transparent}";
 
 const SplitPanel = class extends HTMLElement$1 {
   constructor() {
@@ -129017,16 +129165,17 @@ const SplitPanel = class extends HTMLElement$1 {
   }
   getGridTemplate() {
     let template = '';
-    this._items.forEach((_col, index) => {
+    this._items.forEach((col, index) => {
+      const size = col.size || '1fr';
       if (index === this._items.length - 1) {
-        template += ` 1fr`;
+        template += ` ${size}`;
         return;
       }
       if (index === 0) {
-        template += `1fr 5px`;
+        template += `${size} 5px`;
         return;
       }
-      template += ` 1fr 5px`;
+      template += ` ${size} 5px`;
     });
     return template;
   }
@@ -131085,6 +131234,8 @@ const FilterColumn$1 = class extends HTMLElement$1 {
     this.TOP_POSITION_NO_TASKBAR = '32';
     this.TOP_POSITION_NO_TASKBAR_HEADER_HIDDEN = '20';
     this.DEFAULT_HEIGHT = 430;
+    this.FIX_MARGIN = 60;
+    this.FILTER_COLUMN_WIDTH = 330;
     this.opened = true;
     this.columnName = undefined;
     this.columnLabel = undefined;
@@ -131117,15 +131268,24 @@ const FilterColumn$1 = class extends HTMLElement$1 {
       await this.ezPopoverElement.show(this.calcTopPosition(), this.calculateLeftPosition(configs));
     }
   }
-  calculateLeftPosition(configs) {
-    if (!configs.fromIcon) {
-      return configs.leftPosition;
+  calculateLeftPosition({ leftPosition, fromIcon }) {
+    const leftPositionCalculated = this.calcFilterColumnLeftPosition(leftPosition);
+    if (!fromIcon) {
+      return `${leftPositionCalculated}px`;
     }
     const difference = this.ezPopoverElement.getBoundingClientRect().left;
-    const leftReference = parseInt(configs.leftPosition.replace('px', ''));
-    const leftResolved = (leftReference + 16) - difference;
+    const leftResolved = (leftPositionCalculated + 16) - difference;
     return `${(leftResolved > 0 ? leftResolved : 0)}px`;
   }
+  calcFilterColumnLeftPosition(leftReference) {
+    var _a, _b;
+    const gridReference = this.ezPopoverElement.closest("ez-grid");
+    const gridLimit = (_a = gridReference.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.right;
+    const popoverDiff = (_b = this.ezPopoverElement.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.left;
+    const maxLeft = gridLimit - (this.FILTER_COLUMN_WIDTH + popoverDiff);
+    const leftInt = leftReference - (this.FIX_MARGIN + popoverDiff);
+    return leftInt > maxLeft ? maxLeft : leftInt;
+  }
   buildIsTextSearch() {
     var _a, _b;
     const userInterface = (_b = (_a = this.fieldDescriptor) === null || _a === void 0 ? void 0 : _a.userInterface) !== null && _b !== void 0 ? _b : UserInterface.SHORTTEXT;
@@ -131274,7 +131434,8 @@ const EzScroller = /*@__PURE__*/proxyCustomElement(EzScroller$1, [1,"ez-scroller
 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"],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]},[[11,"scroll","scrollListener"]]]);
 const EzSidebarButton = /*@__PURE__*/proxyCustomElement(EzSidebarButton$1, [1,"ez-sidebar-button"]);
 const EzSkeleton = /*@__PURE__*/proxyCustomElement(EzSkeleton$1, [0,"ez-skeleton",{"count":[2],"variant":[1],"width":[1],"height":[1],"marginBottom":[1,"margin-bottom"],"animation":[1]}]);
-const EzSplitItem = /*@__PURE__*/proxyCustomElement(SplitItem, [4,"ez-split-item",{"label":[1],"enableExpand":[516,"enable-expand"],"_expanded":[32]}]);
+const EzSplitButton = /*@__PURE__*/proxyCustomElement(EzSplitButton$1, [1,"ez-split-button",{"enabled":[516],"iconName":[513,"icon-name"],"image":[513],"items":[16],"label":[513],"leftTitle":[513,"left-title"],"rightTitle":[513,"right-title"],"mode":[513],"size":[513],"show":[32]},[[2,"click","clickListener"]]]);
+const EzSplitItem = /*@__PURE__*/proxyCustomElement(SplitItem, [4,"ez-split-item",{"label":[1],"enableExpand":[516,"enable-expand"],"size":[1],"_expanded":[32]}]);
 const EzSplitPanel = /*@__PURE__*/proxyCustomElement(SplitPanel, [0,"ez-split-panel",{"direction":[1],"anchorToExpand":[4,"anchor-to-expand"]}]);
 const EzTabselector = /*@__PURE__*/proxyCustomElement(EzTabselector$1, [1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]);
 const EzTextArea = /*@__PURE__*/proxyCustomElement(EzTextArea$1, [1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513],"enableResize":[516,"enable-resize"]}]);
@@ -131327,6 +131488,7 @@ const defineCustomElements = (opts) => {
   EzSearch,
   EzSidebarButton,
   EzSkeleton,
+  EzSplitButton,
   EzSplitItem,
   EzSplitPanel,
   EzTabselector,
@@ -131348,4 +131510,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { EzActionsButton, EzAlert, EzAlertList, EzApplication, EzBadge, EzBreadcrumb, EzButton, EzCalendar, EzCardItem, EzCheck, EzChip, EzCollapsibleBox, EzComboBox, EzDateInput, EzDateTimeInput, EzDialog, EzDropdown, EzFileItem, EzFilterInput, EzForm, EzFormView, EzGrid, EzGuideNavigator, EzIcon, EzList, EzLoadingBar, EzModal, EzModalContainer, EzMultiSelectionList, EzNumberInput, EzPopover, EzPopup, EzRadioButton, EzScroller, EzSearch, EzSidebarButton, EzSkeleton, EzSplitItem, EzSplitPanel, EzTabselector, EzTextArea, EzTextEdit, EzTextInput, EzTimeInput, EzToast, EzTree, EzUpload, EzViewStack, FilterColumn, MultiSelectionBoxMessage, defineCustomElements };
+export { EzActionsButton, EzAlert, EzAlertList, EzApplication, EzBadge, EzBreadcrumb, EzButton, EzCalendar, EzCardItem, EzCheck, EzChip, EzCollapsibleBox, EzComboBox, EzDateInput, EzDateTimeInput, EzDialog, EzDropdown, EzFileItem, EzFilterInput, EzForm, EzFormView, EzGrid, EzGuideNavigator, EzIcon, EzList, EzLoadingBar, EzModal, EzModalContainer, EzMultiSelectionList, EzNumberInput, EzPopover, EzPopup, EzRadioButton, EzScroller, EzSearch, EzSidebarButton, EzSkeleton, EzSplitButton, EzSplitItem, EzSplitPanel, EzTabselector, EzTextArea, EzTextEdit, EzTextInput, EzTimeInput, EzToast, EzTree, EzUpload, EzViewStack, FilterColumn, MultiSelectionBoxMessage, defineCustomElements };

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

@@ -366,7 +366,7 @@ const EzComboBox = class {
     }
     else {
       window.setTimeout(() => {
-        this.setInputValue();
+        this.setInputValue(false);
       }, this._deboucingTime);
     }
     this.resetOptions();

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

@@ -107,6 +107,9 @@ const EzDateInput = class {
     this._calendar.hide();
   }
   handleBlur() {
+    if (!this._changePending) {
+      return;
+    }
     try {
       const strValue = this._textInput.value;
       const newValue = DateUtils.strToDate(strValue);

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

@@ -159,6 +159,9 @@ const EzDateTimeInput = class {
   }
   handleBlur() {
     var _a, _b;
+    if (!this._changePending) {
+      return;
+    }
     try {
       const strValue = ((_b = (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim()) || "";
       const newValue = this.getParsedDateTime();

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

@@ -118828,6 +118828,14 @@ var AllEnterpriseModules = [
 ModuleRegistry.registerModules(AllEnterpriseModules);
 
 class DataSource {
+  updateLoadedRecords(action) {
+    const records = action.payload;
+    if ((records === null || records === void 0 ? void 0 : records.length) > 0) {
+      records.forEach(record => {
+        this._controller.changeValues(record, [record.__record__id__]);
+      });
+    }
+  }
   isSilentChange(action) {
     //TODO: Provisorio p/ não atualizar a grade quando a alteração for apenas de campos transisntes
     var _a, _b;
@@ -118850,6 +118858,9 @@ class DataSource {
           break;
         case Action.LOADING_DATA:
           this._waitingForLoad = true;
+          if (EZ_GRID_LOADING_SOURCE !== action.payload.source) {
+            this._controller.clearFilter();
+          }
           this._controller.refresh();
           break;
         case Action.DATA_LOADED:
@@ -118880,6 +118891,9 @@ class DataSource {
         case Action.PREVIOUS_SELECTED:
           this.updateSelection();
           break;
+        case Action.RECORD_LOADED:
+          this.updateLoadedRecords(action);
+          break;
       }
     };
     this._dataUnit = dataUnit;
@@ -118949,15 +118963,6 @@ class DataSource {
   }
 }
 
-function calcFilterColumnLeftPosition(leftReference) {
-  const FIX_MARGIN = 60;
-  const FILTER_COLUMN_WIDTH = 330;
-  const screenWidth = window.innerWidth;
-  const maxLeft = screenWidth - (FILTER_COLUMN_WIDTH + FIX_MARGIN);
-  const leftInt = leftReference - FIX_MARGIN;
-  return leftInt > maxLeft ? maxLeft : leftInt;
-}
-
 class EzGridCustomHeader {
   init(agParams) {
     var _a;
@@ -118994,8 +118999,7 @@ class EzGridCustomHeader {
   }
   onClickFilter() {
     var _a;
-    const iconLeft = (_a = this.filterButton) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left;
-    this.params.showColumnFilter(`${calcFilterColumnLeftPosition(iconLeft)}px`, true);
+    this.params.showColumnFilter((_a = this.filterButton) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left);
   }
   configSortIcon() {
     this.sortDownIcon.style.display = this.params.column.isSortDescending() ? 'flex' : 'none';
@@ -119654,6 +119658,10 @@ class AgGridController {
     this._gridOptions.api.refreshHeader();
     this._dataUnit.loadData(undefined, undefined, undefined, EZ_GRID_LOADING_SOURCE);
   }
+  clearFilter() {
+    this._filteredColumns.clear();
+    this._gridOptions.api.refreshHeader();
+  }
   showFilterColumn(configs) {
     var _a;
     (_a = this._filterColumn) === null || _a === void 0 ? void 0 : _a.show(configs);
@@ -119672,7 +119680,7 @@ class AgGridController {
     this._idAttribName = '__record__id__';
     this._gridConfig = [];
     this._filteredColumns = new Map();
-    this._filterColumnleftPosition = '0px';
+    this._filterColumnleftPosition = 0;
     this._enterprise = enterprise;
   }
   getGridConfig() {
@@ -119798,11 +119806,9 @@ class AgGridController {
       this._gridOptions.api.setHeaderHeight(this.getHeaderRowHeight());
     }
   }
-  setFilterColumnLeftPosition(params) {
-    if (params.type === 'columnMenu') {
-      const ePopup = params.ePopup;
-      const leftString = ePopup.style.left.replace('px', '');
-      this._filterColumnleftPosition = `${calcFilterColumnLeftPosition(parseInt(leftString))}px`;
+  setFilterColumnLeftPosition({ type, ePopup }) {
+    if (type === 'columnMenu') {
+      this._filterColumnleftPosition = ePopup.getBoundingClientRect().left;
       return;
     }
   }
@@ -120242,7 +120248,7 @@ class AgGridController {
         tooltip: tooltip,
         isSortable: propSortable,
         hasFilter: () => this.hasFilterColumn(source.name),
-        showColumnFilter: (leftPosition, fromIcon) => this.showFilterColumn({ columnName: source.name, columnLabel: source.label, leftPosition, filteredOptions: this._filteredColumns.get(source.name), fromIcon }),
+        showColumnFilter: (leftPosition) => this.showFilterColumn({ columnName: source.name, columnLabel: source.label, leftPosition, filteredOptions: this._filteredColumns.get(source.name), fromIcon: true }),
       },
       valueFormatter: params => {
         if (params.value == undefined) {

package/dist/esm/ez-multi-selection-list.entry.js

@@ -142,16 +142,8 @@ const EzMuiltiSelectionList = class {
   }
   handleChangeSelectedItem(event) {
     const { detail: itemCheckSelected } = event;
-    this.filteredOptions = this.filteredOptions.map(item => {
-      if (item.label === itemCheckSelected.label) {
-        return Object.assign(Object.assign({}, item), { check: itemCheckSelected.check });
-      }
-      return item;
-    });
-    this.clearInputs();
-  }
-  clearInputs() {
-    this.filterInput ? (this.filterInput.value = '') : (this.searchInput.value = '');
+    const itemSelected = this.filteredOptions.find(item => item.label === itemCheckSelected.label);
+    itemSelected.check = itemCheckSelected.check;
   }
   buildViewList(hasDelete) {
     return (h(Fragment, null, this.displayOptionToCheckAllItems && (h("ez-check", { ref: (element) => (this.checkInput = element), label: "Selecionar todos", class: "multi-selection__select-all", onEzChange: this.handleChangeSelectAllItems.bind(this) })), h("ez-list", { class: "multi-selection__list", dataSource: this.displayOptions, listMode: "check", hoverFeedback: true, onEzCheckChange: this.handleChangeSelectedItem.bind(this), itemSlotBuilder: hasDelete ? this.buildDeleteIconSlot.bind(this) : null })));

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

@@ -114,6 +114,9 @@ const EzNumberInput = class {
     this.ezCancelWaitingChange.emit();
   }
   handleBlur() {
+    if (!this._changePending) {
+      return;
+    }
     try {
       const parsedNumber = this.getParsedNumber();
       if (parsedNumber !== undefined && isNaN(parsedNumber)) {

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

@@ -194,10 +194,9 @@ const EzSearch = class {
     if (currentValue == undefined) {
       return;
     }
-    if (!this.showSelectedValue || currentValue.value == undefined) {
-      return currentValue.label;
-    }
-    return currentValue.label ? `${currentValue.value} - ${currentValue.label}` : currentValue.value;
+    let text = !this.showSelectedValue || currentValue.value == undefined ? currentValue.label : `${currentValue.value} - ${currentValue.label}`;
+    text = text.replace(new RegExp(this._startHighlightTag, 'g'), '').replace(new RegExp(this._endHighlightTag, 'g'), '');
+    return text;
   }
   getText() {
     const currentValue = this.getSelectedOption(this.value);