@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-75940.1 → 0.0.0-bugfix-dev-kb-84605.0

package/dist/custom-elements/index.js

@@ -1,6 +1,6 @@
 import { HTMLElement as HTMLElement$1, createEvent, h, Host, forceUpdate, Fragment, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-import { UserInterface, DateUtils as DateUtils$1, Action, StringUtils as StringUtils$1, ApplicationContext, WaitingChangeException, DataUnitAction, FloatingManager, ElementIDUtils, ObjectUtils as ObjectUtils$1, JSUtils, HTMLBuilder, TimeFormatter, KeyboardManager, ArrayUtils as ArrayUtils$1, DataUnit, LockManager, LockManagerOperation, NumberUtils as NumberUtils$1, MaskFormatter, DataType, SortMode, FieldComparator, OverflowWatcher, OVERFLOWED_CLASS_NAME } from '@sankhyalabs/core';
+import { UserInterface, DateUtils as DateUtils$1, Action, StringUtils as StringUtils$1, ApplicationContext, WaitingChangeException, DataUnitAction, FloatingManager, ElementIDUtils, ObjectUtils as ObjectUtils$1, JSUtils, HTMLBuilder, TimeFormatter, KeyboardManager, ArrayUtils as ArrayUtils$1, DataUnit, LockManager, LockManagerOperation, NumberUtils as NumberUtils$1, MaskFormatter, DataType, SortMode, ColumnFilterManager as ColumnFilterManager$1, FieldComparator, OverflowWatcher, OVERFLOWED_CLASS_NAME } from '@sankhyalabs/core';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
@@ -3805,7 +3805,7 @@ const EzDateInput$1 = class extends HTMLElement$1 {
     }
   }
   disconnectedCallback() {
-    this.hideCalendar();
+    this._popover.hide();
   }
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
@@ -4037,7 +4037,7 @@ const EzDateTimeInput$1 = class extends HTMLElement$1 {
     }
   }
   disconnectedCallback() {
-    this.hideCalendar();
+    this._popover.hide();
   }
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
@@ -72050,82 +72050,51 @@ function getElementID(sufix) {
   };
 }
 
-const COLUMN_FILTER_PATTERN = /FILTRO_COLUNA_(.+)/;
 class ColumnFilterManager {
   static getColumnFilters(filters, fieldName) {
-    const columnFilters = new Map();
-    if (filters == undefined || filters.length == 0) {
-      return columnFilters;
-    }
-    filters.forEach(filter => {
-      const result = COLUMN_FILTER_PATTERN.exec(filter.name);
-      if (result) {
-        if (fieldName !== result[1]) {
-          columnFilters.set(filter.name, Object.assign({ columnName: result[1] }, filter));
-        }
-      }
-    });
-    return columnFilters;
+    return ColumnFilterManager$1.getColumnFilters(filters, fieldName);
   }
   static getFilterFunction(dataUnit, filters) {
-    if (filters != undefined && filters.length > 0) {
-      return record => {
-        for (const filter of filters) {
-          if (!ColumnFilterManager.recordMatchesFilter(dataUnit, record, filter)) {
-            return false;
-          }
-        }
-        return true;
-      };
-    }
-    return undefined;
-  }
-  static recordMatchesFilter(dataUnit, record, columnFilter) {
-    const fieldValue = record[columnFilter.columnName];
-    for (let param of columnFilter.params) {
-      const paramValue = dataUnit.valueFromString(columnFilter.columnName, param.value);
-      if (FieldComparator.compareValues(dataUnit.getField(columnFilter.columnName), fieldValue, paramValue) === 0) {
-        return true;
-      }
-    }
-    return false;
+    return ColumnFilterManager$1.getFilterFunction(dataUnit, filters);
   }
   static compileDistinct(fieldName, dataUnit) {
-    const request = dataUnit.getLastLoadRequest();
-    let list = dataUnit.records;
-    if (request != undefined) {
-      const columnFilters = Array.from(ColumnFilterManager.getColumnFilters(request.filters, fieldName).values());
-      const filterFunciton = ColumnFilterManager.getFilterFunction(dataUnit, columnFilters);
-      if (filterFunciton != undefined) {
-        list = list.filter(filterFunciton);
-      }
-    }
-    const distinct = new Map(list.map(record => {
-      const fieldValue = record[fieldName];
-      if (fieldValue == undefined) {
-        return [null, { label: null, value: null, check: true }];
-      }
-      const item = { label: dataUnit.getFormattedValue(fieldName, fieldValue), value: fieldValue, check: true };
-      return [item.label, item];
-    }));
-    return Array.from(distinct.values());
+    return ColumnFilterManager$1.compileDistinct(fieldName, dataUnit);
+  }
+  static compileDistinctFromArray(fieldName, dataUnit, records) {
+    return ColumnFilterManager$1.compileDistinctFromArray(fieldName, dataUnit, records);
   }
 }
 
 class InMemoryFilterColumnDataSource {
   constructor(dataUnit) {
-    var _a;
+    this.lastAppliedFilters = [];
+    this.FILTER_COLUMN_TERM = 'FILTRO_COLUNA_';
     this.onDataUnitAction = (action) => {
+      var _a, _b;
       if (action.type === Action.DATA_SAVED || action.type === Action.RECORDS_REMOVED) {
         this.originalRecords = this.dataUnit.records;
+        return;
       }
+      if (action.type !== Action.DATA_LOADED)
+        return;
+      const appliedFilters = this.getAppliedFilterNames((_b = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.filters) !== null && _b !== void 0 ? _b : []);
+      if (this.originalRecords && ObjectUtils$1.equals(appliedFilters, this.lastAppliedFilters))
+        return;
+      this.originalRecords = action.payload.records;
+      this.lastAppliedFilters = appliedFilters;
     };
     this.dataUnit = dataUnit;
-    this.originalRecords = (_a = this.dataUnit.records) !== null && _a !== void 0 ? _a : [];
+    if (this.dataUnit.records.length > 0) {
+      this.originalRecords = this.dataUnit.records;
+    }
     this.dataUnit.subscribe(this.onDataUnitAction);
   }
+  getAppliedFilterNames(filters) {
+    const appliedFilters = filters.map(filter => filter.name);
+    return appliedFilters.filter(filterName => !filterName.includes(this.FILTER_COLUMN_TERM));
+  }
   getStaticOptions(fieldName) {
-    return Promise.resolve(ColumnFilterManager.compileDistinct(fieldName, this.dataUnit));
+    return Promise.resolve(ColumnFilterManager.compileDistinctFromArray(fieldName, this.dataUnit, this.originalRecords));
   }
   fetchData(filterTerm, fieldName) {
     return new Promise(resolve => {
@@ -72691,7 +72660,8 @@ const EzGrid$1 = class extends HTMLElement$1 {
     return `${total == undefined ? ` de ${count + 1} ou mais` : ` de ${total}`}`;
   }
   _hasToShowCancelPagination() {
-    const { total, count } = this._paginationInfo;
+    var _a;
+    const { total, count } = (_a = this._paginationInfo) !== null && _a !== void 0 ? _a : {};
     const hasMore = (total === undefined);
     return !this.dataUnit.cancelPagination && hasMore && count > this.dataUnit.pageSize;
   }
@@ -72762,8 +72732,10 @@ const EzGrid$1 = class extends HTMLElement$1 {
     }
   }
   getDataSource() {
-    var _a;
-    return (_a = this.columnfilterDataSource) !== null && _a !== void 0 ? _a : new InMemoryFilterColumnDataSource(this.dataUnit);
+    if (!this.columnfilterDataSource) {
+      this.columnfilterDataSource = new InMemoryFilterColumnDataSource(this.dataUnit);
+    }
+    return this.columnfilterDataSource;
   }
   hideHeader() {
     return !this._hasLeftButtons && !this._paginationInfo;
@@ -73555,7 +73527,7 @@ const EzList$1 = class extends HTMLElement$1 {
     return { id: item.id, label: item.label, check: evt.detail };
   }
   renderListWithGroups() {
-    return h("div", { class: 'group-container', ref: el => (this._groupContainer = el), tabIndex: this.ezSelectable ? 0 : undefined, onKeyDown: event => this.keyDownHandler(event) }, this._listGroupItems.map(group => {
+    return h("div", { class: 'group-container', ref: el => (this._groupContainer = el), tabIndex: 0, onKeyDown: event => this.keyDownHandler(event) }, this._listGroupItems.map(group => {
       return (h("div", { id: this.getDivGroupId(group.group), class: 'group', key: group.group + group.items.length, onDrop: () => this.onDropGroup(group) }, h("label", { draggable: false, class: 'group-name', title: group.group }, group.group), h("section", { class: 'section-container', onDragOver: ev => ev.preventDefault() }, h("div", { class: 'group-items-container' }, h("div", { class: 'draggable-list' }, group.items.map((item, index) => (h("li", Object.assign({ id: 'item_' + item.id, class: {
           'selectable-container': this.ezSelectable,
           'hover-feedback': this.hoverFeedback,
@@ -73565,7 +73537,7 @@ const EzList$1 = class extends HTMLElement$1 {
     }));
   }
   renderList() {
-    return h("div", { class: 'items-container', ref: el => (this._itemContainer = el), tabIndex: this.ezSelectable ? 0 : undefined, onKeyDown: event => {
+    return h("div", { class: 'items-container', ref: el => (this._itemContainer = el), tabIndex: 0, onKeyDown: event => {
         this.keyDownHandler(event);
       } }, h("div", { class: 'draggable-list' }, this._listItems.map((item, index) => (h("li", Object.assign({ id: 'item_' + item.id, class: {
         'selectable-container': this.ezSelectable,
@@ -73638,7 +73610,7 @@ const EzModal$1 = class extends HTMLElement$1 {
   }
   componentDidLoad() {
     this.observeOpened();
-    new KeyboardManager({ propagate: false, element: this._element, enableShadowDom: true })
+    new KeyboardManager({ propagate: false, element: this._element })
       .bind("Enter", this.ezModalAction.emit.bind("OK"))
       .bind("Escape", () => this.closeModal())
       .bind("Esc", () => this.closeModal());
@@ -73753,7 +73725,7 @@ const EzModalContainer$1 = class extends HTMLElement$1 {
     this._closeButton.focus();
   }
   render() {
-    return (h(Host, null, h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusLast() }), h("div", { ref: ref => this._modalRef = ref, tabIndex: -1, class: "ez-modal-container__header-container" }, this.showTitleBar && (h("div", { class: "ez-modal-container__header ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle && (h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle))), (this.showCloseButton && h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" })))))), h("div", { tabIndex: -1, class: "ez-modal-container__content" }, h("slot", null)), h("div", { tabIndex: -1, class: "ez-modal-container__footer" }, this.cancelIsVisible() && (h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus$1.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) })), this.okIsVisible() && (h("ez-button", { ref: ref => this._okButton = ref, class: "ez-button--primary", label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus$1.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }))), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusFirst() })));
+    return (h(Host, null, h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusLast() }), h("div", { ref: ref => this._modalRef = ref, tabIndex: -1, class: "ez-modal-container__header-container" }, this.showTitleBar && (h("div", { class: "ez-modal-container__header ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle && (h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle))), (this.showCloseButton && h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" })))))), h("div", { class: "ez-modal-container__content" }, h("slot", null)), h("div", { class: "ez-modal-container__footer" }, this.cancelIsVisible() && (h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus$1.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) })), this.okIsVisible() && (h("ez-button", { ref: ref => this._okButton = ref, class: "ez-button--primary", label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus$1.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }))), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusFirst() })));
   }
   get _element() { return this; }
   static get style() { return ezModalContainerCss; }
@@ -75601,6 +75573,7 @@ const EzPopoverCore$1 = class extends HTMLElement$1 {
           return htmlElement;
         }
       }
+      return this._host;
     }
     return this.getElement(this.anchorElement);
   }
@@ -75636,17 +75609,15 @@ const EzPopoverCore$1 = class extends HTMLElement$1 {
     this.ezVisibilityChange.emit(false);
   }
   async openPopover() {
-    if (!this._box) {
+    if (!this._box || !this.opened) {
       return;
     }
-    if (this.opened) {
-      this._box.style.display = 'flex';
-      this._box.style.visibility = 'hidden';
-      await this.updatePositionPopover();
-      this.openOverlay();
-      this.ezVisibilityChange.emit(true);
-      this._box.style.visibility = 'visible';
-    }
+    this._box.style.display = 'flex';
+    this._box.style.visibility = 'hidden';
+    await this.updatePositionPopover();
+    this.openOverlay();
+    this.ezVisibilityChange.emit(true);
+    this._box.style.visibility = 'visible';
   }
   openOverlay() {
     if (!this._overlay || !this._overlayIsActive) {
@@ -75775,8 +75746,19 @@ const EzPopoverPlus$1 = class extends HTMLElement$1 {
   async setAnchorElement(anchor) {
     var _a;
     await ((_a = this._popOverCore) === null || _a === void 0 ? void 0 : _a.setAnchorElement(anchor));
+    this.anchorElement = anchor;
+  }
+  getFirstElement(collection) {
+    if (Array.isArray(collection) && collection.length) {
+      return collection[0];
+    }
+    if (!Array.isArray(collection) && collection.item) {
+      return collection.item(0);
+    }
+    return null;
   }
   renderPopoverCore() {
+    var _a;
     this._popOverCore = document.createElement('ez-popover-core');
     this._popOverCore.opened = this.opened;
     this._popOverCore.anchorElement = this.anchorElement;
@@ -75790,14 +75772,17 @@ const EzPopoverPlus$1 = class extends HTMLElement$1 {
       this.ezVisibilityChange.emit(detail);
       this.opened = detail;
     });
-    const firstChild = this._host.children.item(0);
+    const firstChild = this.getFirstElement(this._host.children);
     if (firstChild) {
       this._popOverCore.appendChild(firstChild);
     }
     else {
       console.warn('O slot do popover está vazio. Adicione conteúdo ao slot para exibição correta.');
     }
-    document.body.appendChild(this._popOverCore);
+    const root = document.body.querySelector("#root");
+    const firstDiv = this.getFirstElement(document.body.getElementsByTagName("div"));
+    const parentElement = (_a = root !== null && root !== void 0 ? root : firstDiv) !== null && _a !== void 0 ? _a : document.body;
+    parentElement.appendChild(this._popOverCore);
   }
   render() {
     return (h(Host, null, h("slot", null)));
@@ -75841,7 +75826,7 @@ const EzPopup$1 = class extends HTMLElement$1 {
     if (this.opened && this._popupRef) {
       this._popupRef.focus();
     }
-    new KeyboardManager({ propagate: false, element: this._element, enableShadowDom: true })
+    new KeyboardManager({ propagate: false, element: this._element })
       .bind("Enter", this.ezPopupAction.emit.bind("OK"))
       .bind("Escape", () => this.closePopup())
       .bind("Esc", () => this.closePopup());
@@ -76454,7 +76439,7 @@ const EzSearch$1 = class extends HTMLElement$1 {
     }
   }
   cancelPreselection() {
-    if (!this._textInput.value && this._currentValue) {
+    if (!this._textInput.value && this._currentValue && this._source.length > 0) {
       this.selectOption(undefined);
     }
     else {

package/dist/esm/ez-card-item_2.entry.js

@@ -1371,6 +1371,7 @@ const EzPopoverCore = class {
           return htmlElement;
         }
       }
+      return this._host;
     }
     return this.getElement(this.anchorElement);
   }
@@ -1406,17 +1407,15 @@ const EzPopoverCore = class {
     this.ezVisibilityChange.emit(false);
   }
   async openPopover() {
-    if (!this._box) {
+    if (!this._box || !this.opened) {
       return;
     }
-    if (this.opened) {
-      this._box.style.display = 'flex';
-      this._box.style.visibility = 'hidden';
-      await this.updatePositionPopover();
-      this.openOverlay();
-      this.ezVisibilityChange.emit(true);
-      this._box.style.visibility = 'visible';
-    }
+    this._box.style.display = 'flex';
+    this._box.style.visibility = 'hidden';
+    await this.updatePositionPopover();
+    this.openOverlay();
+    this.ezVisibilityChange.emit(true);
+    this._box.style.visibility = 'visible';
   }
   openOverlay() {
     if (!this._overlay || !this._overlayIsActive) {

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

@@ -157,7 +157,7 @@ const EzDateInput = class {
     }
   }
   disconnectedCallback() {
-    this.hideCalendar();
+    this._popover.hide();
   }
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);

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

@@ -208,7 +208,7 @@ const EzDateTimeInput = class {
     }
   }
   disconnectedCallback() {
-    this.hideCalendar();
+    this._popover.hide();
   }
   componentDidLoad() {
     CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-baa5e267.js';
-import { Action, DataUnit, ObjectUtils as ObjectUtils$1, HTMLBuilder, ApplicationContext, StringUtils as StringUtils$1, UserInterface, LockManager, LockManagerOperation, NumberUtils as NumberUtils$1, MaskFormatter, DataType, SortMode, ElementIDUtils, FieldComparator, DateUtils as DateUtils$1, ArrayUtils as ArrayUtils$1, JSUtils, OverflowWatcher, OVERFLOWED_CLASS_NAME, KeyboardManager } from '@sankhyalabs/core';
+import { Action, DataUnit, ObjectUtils as ObjectUtils$1, HTMLBuilder, ApplicationContext, StringUtils as StringUtils$1, UserInterface, LockManager, LockManagerOperation, NumberUtils as NumberUtils$1, MaskFormatter, DataType, SortMode, ElementIDUtils, ColumnFilterManager as ColumnFilterManager$1, DateUtils as DateUtils$1, ArrayUtils as ArrayUtils$1, FieldComparator, JSUtils, OverflowWatcher, OVERFLOWED_CLASS_NAME, KeyboardManager } from '@sankhyalabs/core';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { A as ApplicationUtils } from './ApplicationUtils-eaf91331.js';
 import './DialogType-54a62731.js';
@@ -65893,82 +65893,51 @@ function getElementID(sufix) {
   };
 }
 
-const COLUMN_FILTER_PATTERN = /FILTRO_COLUNA_(.+)/;
 class ColumnFilterManager {
   static getColumnFilters(filters, fieldName) {
-    const columnFilters = new Map();
-    if (filters == undefined || filters.length == 0) {
-      return columnFilters;
-    }
-    filters.forEach(filter => {
-      const result = COLUMN_FILTER_PATTERN.exec(filter.name);
-      if (result) {
-        if (fieldName !== result[1]) {
-          columnFilters.set(filter.name, Object.assign({ columnName: result[1] }, filter));
-        }
-      }
-    });
-    return columnFilters;
+    return ColumnFilterManager$1.getColumnFilters(filters, fieldName);
   }
   static getFilterFunction(dataUnit, filters) {
-    if (filters != undefined && filters.length > 0) {
-      return record => {
-        for (const filter of filters) {
-          if (!ColumnFilterManager.recordMatchesFilter(dataUnit, record, filter)) {
-            return false;
-          }
-        }
-        return true;
-      };
-    }
-    return undefined;
-  }
-  static recordMatchesFilter(dataUnit, record, columnFilter) {
-    const fieldValue = record[columnFilter.columnName];
-    for (let param of columnFilter.params) {
-      const paramValue = dataUnit.valueFromString(columnFilter.columnName, param.value);
-      if (FieldComparator.compareValues(dataUnit.getField(columnFilter.columnName), fieldValue, paramValue) === 0) {
-        return true;
-      }
-    }
-    return false;
+    return ColumnFilterManager$1.getFilterFunction(dataUnit, filters);
   }
   static compileDistinct(fieldName, dataUnit) {
-    const request = dataUnit.getLastLoadRequest();
-    let list = dataUnit.records;
-    if (request != undefined) {
-      const columnFilters = Array.from(ColumnFilterManager.getColumnFilters(request.filters, fieldName).values());
-      const filterFunciton = ColumnFilterManager.getFilterFunction(dataUnit, columnFilters);
-      if (filterFunciton != undefined) {
-        list = list.filter(filterFunciton);
-      }
-    }
-    const distinct = new Map(list.map(record => {
-      const fieldValue = record[fieldName];
-      if (fieldValue == undefined) {
-        return [null, { label: null, value: null, check: true }];
-      }
-      const item = { label: dataUnit.getFormattedValue(fieldName, fieldValue), value: fieldValue, check: true };
-      return [item.label, item];
-    }));
-    return Array.from(distinct.values());
+    return ColumnFilterManager$1.compileDistinct(fieldName, dataUnit);
+  }
+  static compileDistinctFromArray(fieldName, dataUnit, records) {
+    return ColumnFilterManager$1.compileDistinctFromArray(fieldName, dataUnit, records);
   }
 }
 
 class InMemoryFilterColumnDataSource {
   constructor(dataUnit) {
-    var _a;
+    this.lastAppliedFilters = [];
+    this.FILTER_COLUMN_TERM = 'FILTRO_COLUNA_';
     this.onDataUnitAction = (action) => {
+      var _a, _b;
       if (action.type === Action.DATA_SAVED || action.type === Action.RECORDS_REMOVED) {
         this.originalRecords = this.dataUnit.records;
+        return;
       }
+      if (action.type !== Action.DATA_LOADED)
+        return;
+      const appliedFilters = this.getAppliedFilterNames((_b = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.filters) !== null && _b !== void 0 ? _b : []);
+      if (this.originalRecords && ObjectUtils$1.equals(appliedFilters, this.lastAppliedFilters))
+        return;
+      this.originalRecords = action.payload.records;
+      this.lastAppliedFilters = appliedFilters;
     };
     this.dataUnit = dataUnit;
-    this.originalRecords = (_a = this.dataUnit.records) !== null && _a !== void 0 ? _a : [];
+    if (this.dataUnit.records.length > 0) {
+      this.originalRecords = this.dataUnit.records;
+    }
     this.dataUnit.subscribe(this.onDataUnitAction);
   }
+  getAppliedFilterNames(filters) {
+    const appliedFilters = filters.map(filter => filter.name);
+    return appliedFilters.filter(filterName => !filterName.includes(this.FILTER_COLUMN_TERM));
+  }
   getStaticOptions(fieldName) {
-    return Promise.resolve(ColumnFilterManager.compileDistinct(fieldName, this.dataUnit));
+    return Promise.resolve(ColumnFilterManager.compileDistinctFromArray(fieldName, this.dataUnit, this.originalRecords));
   }
   fetchData(filterTerm, fieldName) {
     return new Promise(resolve => {
@@ -66533,7 +66502,8 @@ const EzGrid = class {
     return `${total == undefined ? ` de ${count + 1} ou mais` : ` de ${total}`}`;
   }
   _hasToShowCancelPagination() {
-    const { total, count } = this._paginationInfo;
+    var _a;
+    const { total, count } = (_a = this._paginationInfo) !== null && _a !== void 0 ? _a : {};
     const hasMore = (total === undefined);
     return !this.dataUnit.cancelPagination && hasMore && count > this.dataUnit.pageSize;
   }
@@ -66604,8 +66574,10 @@ const EzGrid = class {
     }
   }
   getDataSource() {
-    var _a;
-    return (_a = this.columnfilterDataSource) !== null && _a !== void 0 ? _a : new InMemoryFilterColumnDataSource(this.dataUnit);
+    if (!this.columnfilterDataSource) {
+      this.columnfilterDataSource = new InMemoryFilterColumnDataSource(this.dataUnit);
+    }
+    return this.columnfilterDataSource;
   }
   hideHeader() {
     return !this._hasLeftButtons && !this._paginationInfo;

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

@@ -585,7 +585,7 @@ const EzList = class {
     return { id: item.id, label: item.label, check: evt.detail };
   }
   renderListWithGroups() {
-    return h("div", { class: 'group-container', ref: el => (this._groupContainer = el), tabIndex: this.ezSelectable ? 0 : undefined, onKeyDown: event => this.keyDownHandler(event) }, this._listGroupItems.map(group => {
+    return h("div", { class: 'group-container', ref: el => (this._groupContainer = el), tabIndex: 0, onKeyDown: event => this.keyDownHandler(event) }, this._listGroupItems.map(group => {
       return (h("div", { id: this.getDivGroupId(group.group), class: 'group', key: group.group + group.items.length, onDrop: () => this.onDropGroup(group) }, h("label", { draggable: false, class: 'group-name', title: group.group }, group.group), h("section", { class: 'section-container', onDragOver: ev => ev.preventDefault() }, h("div", { class: 'group-items-container' }, h("div", { class: 'draggable-list' }, group.items.map((item, index) => (h("li", Object.assign({ id: 'item_' + item.id, class: {
           'selectable-container': this.ezSelectable,
           'hover-feedback': this.hoverFeedback,
@@ -595,7 +595,7 @@ const EzList = class {
     }));
   }
   renderList() {
-    return h("div", { class: 'items-container', ref: el => (this._itemContainer = el), tabIndex: this.ezSelectable ? 0 : undefined, onKeyDown: event => {
+    return h("div", { class: 'items-container', ref: el => (this._itemContainer = el), tabIndex: 0, onKeyDown: event => {
         this.keyDownHandler(event);
       } }, h("div", { class: 'draggable-list' }, this._listItems.map((item, index) => (h("li", Object.assign({ id: 'item_' + item.id, class: {
         'selectable-container': this.ezSelectable,

package/dist/esm/ez-modal-container.entry.js

@@ -68,7 +68,7 @@ const EzModalContainer = class {
     this._closeButton.focus();
   }
   render() {
-    return (h(Host, null, h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusLast() }), h("div", { ref: ref => this._modalRef = ref, tabIndex: -1, class: "ez-modal-container__header-container" }, this.showTitleBar && (h("div", { class: "ez-modal-container__header ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle && (h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle))), (this.showCloseButton && h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" })))))), h("div", { tabIndex: -1, class: "ez-modal-container__content" }, h("slot", null)), h("div", { tabIndex: -1, class: "ez-modal-container__footer" }, this.cancelIsVisible() && (h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus$1.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) })), this.okIsVisible() && (h("ez-button", { ref: ref => this._okButton = ref, class: "ez-button--primary", label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus$1.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }))), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusFirst() })));
+    return (h(Host, null, h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusLast() }), h("div", { ref: ref => this._modalRef = ref, tabIndex: -1, class: "ez-modal-container__header-container" }, this.showTitleBar && (h("div", { class: "ez-modal-container__header ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle && (h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle))), (this.showCloseButton && h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" })))))), h("div", { class: "ez-modal-container__content" }, h("slot", null)), h("div", { class: "ez-modal-container__footer" }, this.cancelIsVisible() && (h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus$1.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) })), this.okIsVisible() && (h("ez-button", { ref: ref => this._okButton = ref, class: "ez-button--primary", label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus$1.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }))), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusFirst() })));
   }
   get _element() { return getElement(this); }
 };

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

@@ -32,7 +32,7 @@ const EzModal = class {
   }
   componentDidLoad() {
     this.observeOpened();
-    new KeyboardManager({ propagate: false, element: this._element, enableShadowDom: true })
+    new KeyboardManager({ propagate: false, element: this._element })
       .bind("Enter", this.ezModalAction.emit.bind("OK"))
       .bind("Escape", () => this.closeModal())
       .bind("Esc", () => this.closeModal());

package/dist/esm/ez-popover-plus_3.entry.js

@@ -68,8 +68,19 @@ const EzPopoverPlus = class {
   async setAnchorElement(anchor) {
     var _a;
     await ((_a = this._popOverCore) === null || _a === void 0 ? void 0 : _a.setAnchorElement(anchor));
+    this.anchorElement = anchor;
+  }
+  getFirstElement(collection) {
+    if (Array.isArray(collection) && collection.length) {
+      return collection[0];
+    }
+    if (!Array.isArray(collection) && collection.item) {
+      return collection.item(0);
+    }
+    return null;
   }
   renderPopoverCore() {
+    var _a;
     this._popOverCore = document.createElement('ez-popover-core');
     this._popOverCore.opened = this.opened;
     this._popOverCore.anchorElement = this.anchorElement;
@@ -83,14 +94,17 @@ const EzPopoverPlus = class {
       this.ezVisibilityChange.emit(detail);
       this.opened = detail;
     });
-    const firstChild = this._host.children.item(0);
+    const firstChild = this.getFirstElement(this._host.children);
     if (firstChild) {
       this._popOverCore.appendChild(firstChild);
     }
     else {
       console.warn('O slot do popover está vazio. Adicione conteúdo ao slot para exibição correta.');
     }
-    document.body.appendChild(this._popOverCore);
+    const root = document.body.querySelector("#root");
+    const firstDiv = this.getFirstElement(document.body.getElementsByTagName("div"));
+    const parentElement = (_a = root !== null && root !== void 0 ? root : firstDiv) !== null && _a !== void 0 ? _a : document.body;
+    parentElement.appendChild(this._popOverCore);
   }
   render() {
     return (h(Host, null, h("slot", null)));

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

@@ -31,7 +31,7 @@ const EzPopup = class {
     if (this.opened && this._popupRef) {
       this._popupRef.focus();
     }
-    new KeyboardManager({ propagate: false, element: this._element, enableShadowDom: true })
+    new KeyboardManager({ propagate: false, element: this._element })
       .bind("Enter", this.ezPopupAction.emit.bind("OK"))
       .bind("Escape", () => this.closePopup())
       .bind("Esc", () => this.closePopup());

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

@@ -304,7 +304,7 @@ const EzSearch = class {
     }
   }
   cancelPreselection() {
-    if (!this._textInput.value && this._currentValue) {
+    if (!this._textInput.value && this._currentValue && this._source.length > 0) {
       this.selectOption(undefined);
     }
     else {