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

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

@@ -1375,6 +1375,7 @@ const EzPopoverCore = class {
           return htmlElement;
         }
       }
+      return this._host;
     }
     return this.getElement(this.anchorElement);
   }
@@ -1410,17 +1411,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/cjs/ez-date-input.cjs.entry.js

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

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

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

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

@@ -65897,82 +65897,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 core.ColumnFilterManager.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 (core.FieldComparator.compareValues(dataUnit.getField(columnFilter.columnName), fieldValue, paramValue) === 0) {
-        return true;
-      }
-    }
-    return false;
+    return core.ColumnFilterManager.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 core.ColumnFilterManager.compileDistinct(fieldName, dataUnit);
+  }
+  static compileDistinctFromArray(fieldName, dataUnit, records) {
+    return core.ColumnFilterManager.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 === core.Action.DATA_SAVED || action.type === core.Action.RECORDS_REMOVED) {
         this.originalRecords = this.dataUnit.records;
+        return;
       }
+      if (action.type !== core.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 && core.ObjectUtils.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 => {
@@ -66537,7 +66506,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;
   }
@@ -66608,8 +66578,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/cjs/ez-list.cjs.entry.js

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

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

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

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

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

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

@@ -72,8 +72,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;
@@ -87,14 +98,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 (index.h(index.Host, null, index.h("slot", null)));

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

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

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

@@ -308,7 +308,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 {

package/dist/collection/components/ez-date-input/ez-date-input.js

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

package/dist/collection/components/ez-date-time-input/ez-date-time-input.js

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

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

@@ -482,7 +482,8 @@ export class EzGrid {
     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;
   }
@@ -553,8 +554,10 @@ export class EzGrid {
     }
   }
   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/collection/components/ez-grid/utils/ColumnFilterManager.js

@@ -1,62 +1,15 @@
-import { FieldComparator } from "@sankhyalabs/core";
-const COLUMN_FILTER_PATTERN = /FILTRO_COLUNA_(.+)/;
+import { ColumnFilterManager as CoreColumnFilterManager } from "@sankhyalabs/core";
 export 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 CoreColumnFilterManager.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 CoreColumnFilterManager.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 CoreColumnFilterManager.compileDistinct(fieldName, dataUnit);
+  }
+  static compileDistinctFromArray(fieldName, dataUnit, records) {
+    return CoreColumnFilterManager.compileDistinctFromArray(fieldName, dataUnit, records);
   }
 }

package/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource.js

@@ -1,19 +1,35 @@
-import { Action, ArrayUtils, DataType, DateUtils, FieldComparator, UserInterface } from '@sankhyalabs/core';
+import { Action, ArrayUtils, DataType, DateUtils, FieldComparator, ObjectUtils, UserInterface, } from '@sankhyalabs/core';
 import { ColumnFilterManager } from './ColumnFilterManager';
 export default 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.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 => {

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

@@ -576,7 +576,7 @@ export class EzList {
     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,
@@ -586,7 +586,7 @@ export class EzList {
     }));
   }
   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/collection/components/ez-modal/ez-modal.js

@@ -25,7 +25,7 @@ export class EzModal {
   }
   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/collection/components/ez-modal-container/ez-modal-container.js

@@ -48,7 +48,7 @@ export class EzModalContainer {
     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.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.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.CANCEL) })), this.okIsVisible() && (h("ez-button", { ref: ref => this._okButton = ref, class: "ez-button--primary", label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.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.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.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.CANCEL) })), this.okIsVisible() && (h("ez-button", { ref: ref => this._okButton = ref, class: "ez-button--primary", label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction.OK) }))), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: () => this.focusFirst() })));
   }
   static get is() { return "ez-modal-container"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/ez-popover-plus/ez-popover-plus.js

@@ -61,8 +61,19 @@ export class EzPopoverPlus {
   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;
@@ -76,14 +87,17 @@ export class EzPopoverPlus {
       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/collection/components/ez-popover-plus/subcomponent/ez-popover-core.js

@@ -97,6 +97,7 @@ export class EzPopoverCore {
           return htmlElement;
         }
       }
+      return this._host;
     }
     return this.getElement(this.anchorElement);
   }
@@ -132,17 +133,15 @@ export class EzPopoverCore {
     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) {
@@ -222,7 +221,7 @@ export class EzPopoverCore {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Define que ser\u00E1 fechado automaticamente quando o usu\u00E1rio clicar fora do conte\u00FAdo."
+          "text": "Define se ser\u00E1 fechado automaticamente quando o usu\u00E1rio clicar fora do conte\u00FAdo."
         },
         "attribute": "auto-close",
         "reflect": true,

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

@@ -25,7 +25,7 @@ export class EzPopup {
     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/collection/components/ez-search/ez-search.js

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