@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-75065.0 → 0.0.0-bugfix-dev-KB-83282.0

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

@@ -0,0 +1,186 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-a7b0c73d.js');
+const core = require('@sankhyalabs/core');
+
+const ezMultiSelectionListCss = ".sc-ez-multi-selection-list-h{--ez-check--outter-gap:0px;--ez-multi-selection-default-height:322px;display:block;width:304px;height:var(--ez-multi-selection-default-height);min-height:fit-content;max-height:calc(100vh - 350px)}.multi-selection__input.sc-ez-multi-selection-list{margin-bottom:var(--space--2xs, 8px)}.multi-selection__content-options.sc-ez-multi-selection-list{position:relative;left:-4px}.multi-selection__select-all.sc-ez-multi-selection-list{height:var(--space--xl);margin:0 var(--space--small, 6px)}.multi-selection__list.sc-ez-multi-selection-list{max-height:calc(100vh - 435px);overflow-y:auto;overflow-x:clip}.multi-selection__list.sc-ez-multi-selection-list::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";
+
+var ViewScenarios;
+(function (ViewScenarios) {
+  ViewScenarios["DATASOURCE_RESULTS"] = "DATASOURCE_RESULTS";
+  ViewScenarios["DATASOURCE_RESULTS_EMPTY"] = "DATASOURCE_RESULTS_EMPTY";
+  ViewScenarios["DATASOURCE_INIT"] = "DATASOURCE_INIT";
+  ViewScenarios["OPTIONS_EMPTY"] = "OPTIONS_EMPTY";
+  ViewScenarios["OPTIONS"] = "OPTIONS";
+})(ViewScenarios || (ViewScenarios = {}));
+const EzMuiltiSelectionList = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.changeFilteredOptions = index.createEvent(this, "changeFilteredOptions", 7);
+    this.columnName = undefined;
+    this.dataSource = undefined;
+    this.useOptions = false;
+    this.options = undefined;
+    this.isTextSearch = false;
+    this.filteredOptions = undefined;
+    this.displayOptions = undefined;
+    this.viewScenario = undefined;
+    this.displayOptionToCheckAllItems = true;
+  }
+  async clearFilteredOptions() {
+    this.setInitialScenario();
+    this.filteredOptions = [];
+    if (this.searchInput) {
+      this.searchInput.value = '';
+    }
+    if (this.filterInput) {
+      this.filterInput.value = '';
+    }
+  }
+  onChangeUseOptions() {
+    this.setInitialScenario();
+  }
+  onChangeOptions() {
+    if (this.options) {
+      this.filteredOptions = this.ordenationByCheckStateAndAlphabetically(this.options);
+    }
+    this.checkInput && this.changeCheckAllValeuFromFilteredOptions();
+    this.setInitialScenario();
+  }
+  onChangeFilteredOptions(optionsListUpdated) {
+    this.displayOptions = this.filteredOptions;
+    this.displayOptionToCheckAllItems = this.filteredOptions.length > 1;
+    this.checkInput && this.changeCheckAllValeuFromFilteredOptions();
+    this.changeFilteredOptions.emit(optionsListUpdated);
+  }
+  componentDidRender() {
+    this.changeCheckAllValeuFromFilteredOptions();
+  }
+  ordenationByCheckStateAndAlphabetically(filteredOptions) {
+    const listWithSelectChecked = [];
+    const listWithNotSelectChecked = [];
+    let emptyElement;
+    filteredOptions.forEach(item => {
+      if (item.value == undefined || item.label === "") {
+        emptyElement = Object.assign(Object.assign({}, item), { label: "(Vazio)" });
+      }
+      else {
+        (item.check ? listWithSelectChecked.push(item) : listWithNotSelectChecked.push(item));
+      }
+    });
+    return (emptyElement == undefined ? [] : [emptyElement])
+      .concat(this.dataSource == undefined ? core.ArrayUtils.sortAlphabetically(listWithSelectChecked) : this.dataSource.sortItems(this.columnName, listWithSelectChecked))
+      .concat(this.dataSource == undefined ? core.ArrayUtils.sortAlphabetically(listWithNotSelectChecked) : this.dataSource.sortItems(this.columnName, listWithNotSelectChecked));
+  }
+  changeCheckAllValeuFromFilteredOptions() {
+    var _a, _b, _c, _d;
+    const selectAll = (_a = this.filteredOptions) === null || _a === void 0 ? void 0 : _a.every(item => item.check === true);
+    const notSelectAll = (_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.every(item => item.check === false);
+    const selectIndeterminated = ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.some(item => item.check === false)) && ((_d = this.filteredOptions) === null || _d === void 0 ? void 0 : _d.some(item => item.check === true)) && (!selectAll || !notSelectAll);
+    if (this.checkInput && selectAll) {
+      this.checkInput.indeterminate = false;
+      this.checkInput.value = true;
+      return;
+    }
+    if (this.checkInput && selectIndeterminated) {
+      this.checkInput.indeterminate = true;
+      this.checkInput.value = false;
+      return;
+    }
+    if (this.checkInput && notSelectAll) {
+      this.checkInput.indeterminate = false;
+      this.checkInput.value = false;
+      return;
+    }
+  }
+  setInitialScenario() {
+    if (this.useOptions) {
+      this.viewScenario = ViewScenarios.OPTIONS;
+      this.changeCheckAllValeuFromFilteredOptions();
+      return;
+    }
+    this.viewScenario = this.options && this.options.length > 0 ? ViewScenarios.DATASOURCE_RESULTS : ViewScenarios.DATASOURCE_INIT;
+  }
+  async searchWithDataSource(searchArgument, fieldName) {
+    const { argument, mode } = searchArgument;
+    if (mode !== 'PRELOAD' && fieldName) {
+      return this.dataSource.fetchData(argument, fieldName);
+    }
+  }
+  handleSearchOnDataSource(event) {
+    var _a;
+    const optionsToSort = (_a = this.filteredOptions) !== null && _a !== void 0 ? _a : [];
+    if (event.detail && !optionsToSort.some(item => item.value == event.detail.value)) {
+      this.filteredOptions = this.ordenationByCheckStateAndAlphabetically([...optionsToSort, event.detail]);
+    }
+    this.viewScenario = ViewScenarios.DATASOURCE_RESULTS;
+    this.searchInput.value = "";
+  }
+  handleRemoveItemFromOptions(item) {
+    this.filteredOptions = this.ordenationByCheckStateAndAlphabetically(this.filteredOptions.filter(i => i.value !== item.value));
+    if (this.filteredOptions.length === 0) {
+      this.viewScenario = ViewScenarios.DATASOURCE_INIT;
+    }
+    if (this.searchInput) {
+      this.searchInput.value = '';
+    }
+  }
+  handleSearchOnOption(event) {
+    if (event.detail) {
+      this.displayOptions = core.ArrayUtils.applyStringFilter(event.detail, this.filteredOptions, true);
+      this.viewScenario = this.displayOptions.length === 0 ? ViewScenarios.OPTIONS_EMPTY : ViewScenarios.OPTIONS;
+      return;
+    }
+    this.displayOptions = this.filteredOptions;
+    this.viewScenario = ViewScenarios.OPTIONS;
+  }
+  handleChangeSelectAllItems(event) {
+    this.filteredOptions = this.ordenationByCheckStateAndAlphabetically([
+      ...this.filteredOptions.map(item => {
+        item.check = !!event.detail;
+        return item;
+      }),
+    ]);
+  }
+  handleChangeSelectedItem(event) {
+    const { detail: itemCheckSelected } = event;
+    const itemSelected = this.filteredOptions.find(item => item.label === itemCheckSelected.label);
+    itemSelected.check = itemCheckSelected.check;
+  }
+  buildViewList(hasDelete) {
+    return (index.h(index.Fragment, null, this.displayOptionToCheckAllItems && (index.h("ez-check", { ref: (element) => (this.checkInput = element), label: "Selecionar todos", class: "multi-selection__select-all", onEzChange: this.handleChangeSelectAllItems.bind(this) })), index.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 })));
+  }
+  buildDeleteIconSlot(item) {
+    return index.h("ez-icon", { style: { cursor: 'pointer' }, iconName: "delete", onClick: () => this.handleRemoveItemFromOptions(item) });
+  }
+  buildInitViewWithDataSource() {
+    return index.h("multi-selection-box-message", { message: "Selecione os valores a serem filtrados atrav\u00E9s do campo de busca." });
+  }
+  buildViewEmptyResults() {
+    return index.h("multi-selection-box-message", { message: "Nenhum resultado encontrado." });
+  }
+  scenarioToDisplay(view) {
+    const scenarios = {
+      [ViewScenarios.DATASOURCE_INIT]: () => this.buildInitViewWithDataSource(),
+      [ViewScenarios.DATASOURCE_RESULTS]: () => this.buildViewList(true),
+      [ViewScenarios.DATASOURCE_RESULTS_EMPTY]: () => this.buildViewEmptyResults(),
+      [ViewScenarios.OPTIONS_EMPTY]: () => this.buildViewEmptyResults(),
+      [ViewScenarios.OPTIONS]: () => this.buildViewList(false),
+    };
+    const scenarioBuilder = scenarios[view];
+    return scenarioBuilder ? scenarioBuilder() : undefined;
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "multi-selection" }, this.useOptions ? (index.h("ez-filter-input", { ref: (element) => (this.filterInput = element), label: `Buscar..`, onEzChange: this.handleSearchOnOption.bind(this) })) : (index.h("ez-search", { class: "multi-selection__input", label: `Buscar...`, ref: (element) => (this.searchInput = element), suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, optionLoader: (search) => this.searchWithDataSource(search, this.columnName), onEzChange: this.handleSearchOnDataSource.bind(this), isTextSearch: this.isTextSearch })), index.h("ez-scroll", { class: "multi-selection__content-options" }, this.scenarioToDisplay(this.viewScenario)))));
+  }
+  static get watchers() { return {
+    "useOptions": ["onChangeUseOptions"],
+    "options": ["onChangeOptions"],
+    "filteredOptions": ["onChangeFilteredOptions"]
+  }; }
+};
+EzMuiltiSelectionList.style = ezMultiSelectionListCss;
+
+exports.ez_multi_selection_list = EzMuiltiSelectionList;

package/dist/cjs/{ez-multi-selection-list_2.cjs.entry.js → ez-popover-core_2.cjs.entry.js}

@@ -3,185 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a7b0c73d.js');
-const core = require('@sankhyalabs/core');
-
-const ezMultiSelectionListCss = ".sc-ez-multi-selection-list-h{--ez-check--outter-gap:0px;--ez-multi-selection-default-height:322px;display:block;width:304px;height:var(--ez-multi-selection-default-height);min-height:fit-content;max-height:calc(100vh - 350px)}.multi-selection__input.sc-ez-multi-selection-list{margin-bottom:var(--space--2xs, 8px)}.multi-selection__content-options.sc-ez-multi-selection-list{position:relative;left:-4px}.multi-selection__select-all.sc-ez-multi-selection-list{height:var(--space--xl);margin:0 var(--space--small, 6px)}.multi-selection__list.sc-ez-multi-selection-list{max-height:calc(100vh - 435px);overflow-y:auto;overflow-x:clip}.multi-selection__list.sc-ez-multi-selection-list::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";
-
-var ViewScenarios;
-(function (ViewScenarios) {
-  ViewScenarios["DATASOURCE_RESULTS"] = "DATASOURCE_RESULTS";
-  ViewScenarios["DATASOURCE_RESULTS_EMPTY"] = "DATASOURCE_RESULTS_EMPTY";
-  ViewScenarios["DATASOURCE_INIT"] = "DATASOURCE_INIT";
-  ViewScenarios["OPTIONS_EMPTY"] = "OPTIONS_EMPTY";
-  ViewScenarios["OPTIONS"] = "OPTIONS";
-})(ViewScenarios || (ViewScenarios = {}));
-const EzMuiltiSelectionList = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.changeFilteredOptions = index.createEvent(this, "changeFilteredOptions", 7);
-    this.columnName = undefined;
-    this.dataSource = undefined;
-    this.useOptions = false;
-    this.options = undefined;
-    this.isTextSearch = false;
-    this.filteredOptions = undefined;
-    this.displayOptions = undefined;
-    this.viewScenario = undefined;
-    this.displayOptionToCheckAllItems = true;
-  }
-  async clearFilteredOptions() {
-    this.setInitialScenario();
-    this.filteredOptions = [];
-    if (this.searchInput) {
-      this.searchInput.value = '';
-    }
-    if (this.filterInput) {
-      this.filterInput.value = '';
-    }
-  }
-  onChangeUseOptions() {
-    this.setInitialScenario();
-  }
-  onChangeOptions() {
-    if (this.options) {
-      this.filteredOptions = this.ordenationByCheckStateAndAlphabetically(this.options);
-    }
-    this.checkInput && this.changeCheckAllValeuFromFilteredOptions();
-    this.setInitialScenario();
-  }
-  onChangeFilteredOptions(optionsListUpdated) {
-    this.displayOptions = this.filteredOptions;
-    this.displayOptionToCheckAllItems = this.filteredOptions.length > 1;
-    this.checkInput && this.changeCheckAllValeuFromFilteredOptions();
-    this.changeFilteredOptions.emit(optionsListUpdated);
-  }
-  componentDidRender() {
-    this.changeCheckAllValeuFromFilteredOptions();
-  }
-  ordenationByCheckStateAndAlphabetically(filteredOptions) {
-    const listWithSelectChecked = [];
-    const listWithNotSelectChecked = [];
-    let emptyElement;
-    filteredOptions.forEach(item => {
-      if (item.value == undefined || item.label === "") {
-        emptyElement = Object.assign(Object.assign({}, item), { label: "(Vazio)" });
-      }
-      else {
-        (item.check ? listWithSelectChecked.push(item) : listWithNotSelectChecked.push(item));
-      }
-    });
-    return (emptyElement == undefined ? [] : [emptyElement])
-      .concat(this.dataSource == undefined ? core.ArrayUtils.sortAlphabetically(listWithSelectChecked) : this.dataSource.sortItems(this.columnName, listWithSelectChecked))
-      .concat(this.dataSource == undefined ? core.ArrayUtils.sortAlphabetically(listWithNotSelectChecked) : this.dataSource.sortItems(this.columnName, listWithNotSelectChecked));
-  }
-  changeCheckAllValeuFromFilteredOptions() {
-    var _a, _b, _c, _d;
-    const selectAll = (_a = this.filteredOptions) === null || _a === void 0 ? void 0 : _a.every(item => item.check === true);
-    const notSelectAll = (_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.every(item => item.check === false);
-    const selectIndeterminated = ((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.some(item => item.check === false)) && ((_d = this.filteredOptions) === null || _d === void 0 ? void 0 : _d.some(item => item.check === true)) && (!selectAll || !notSelectAll);
-    if (this.checkInput && selectAll) {
-      this.checkInput.indeterminate = false;
-      this.checkInput.value = true;
-      return;
-    }
-    if (this.checkInput && selectIndeterminated) {
-      this.checkInput.indeterminate = true;
-      this.checkInput.value = false;
-      return;
-    }
-    if (this.checkInput && notSelectAll) {
-      this.checkInput.indeterminate = false;
-      this.checkInput.value = false;
-      return;
-    }
-  }
-  setInitialScenario() {
-    if (this.useOptions) {
-      this.viewScenario = ViewScenarios.OPTIONS;
-      this.changeCheckAllValeuFromFilteredOptions();
-      return;
-    }
-    this.viewScenario = this.options && this.options.length > 0 ? ViewScenarios.DATASOURCE_RESULTS : ViewScenarios.DATASOURCE_INIT;
-  }
-  async searchWithDataSource(searchArgument, fieldName) {
-    const { argument, mode } = searchArgument;
-    if (mode !== 'PRELOAD' && fieldName) {
-      return this.dataSource.fetchData(argument, fieldName);
-    }
-  }
-  handleSearchOnDataSource(event) {
-    var _a;
-    const optionsToSort = (_a = this.filteredOptions) !== null && _a !== void 0 ? _a : [];
-    if (event.detail && !optionsToSort.some(item => item.value == event.detail.value)) {
-      this.filteredOptions = this.ordenationByCheckStateAndAlphabetically([...optionsToSort, event.detail]);
-    }
-    this.viewScenario = ViewScenarios.DATASOURCE_RESULTS;
-    this.searchInput.value = "";
-  }
-  handleRemoveItemFromOptions(item) {
-    this.filteredOptions = this.ordenationByCheckStateAndAlphabetically(this.filteredOptions.filter(i => i.value !== item.value));
-    if (this.filteredOptions.length === 0) {
-      this.viewScenario = ViewScenarios.DATASOURCE_INIT;
-    }
-    if (this.searchInput) {
-      this.searchInput.value = '';
-    }
-  }
-  handleSearchOnOption(event) {
-    if (event.detail) {
-      this.displayOptions = core.ArrayUtils.applyStringFilter(event.detail, this.filteredOptions, true);
-      this.viewScenario = this.displayOptions.length === 0 ? ViewScenarios.OPTIONS_EMPTY : ViewScenarios.OPTIONS;
-      return;
-    }
-    this.displayOptions = this.filteredOptions;
-    this.viewScenario = ViewScenarios.OPTIONS;
-  }
-  handleChangeSelectAllItems(event) {
-    this.filteredOptions = this.ordenationByCheckStateAndAlphabetically([
-      ...this.filteredOptions.map(item => {
-        item.check = !!event.detail;
-        return item;
-      }),
-    ]);
-  }
-  handleChangeSelectedItem(event) {
-    const { detail: itemCheckSelected } = event;
-    const itemSelected = this.filteredOptions.find(item => item.label === itemCheckSelected.label);
-    itemSelected.check = itemCheckSelected.check;
-  }
-  buildViewList(hasDelete) {
-    return (index.h(index.Fragment, null, this.displayOptionToCheckAllItems && (index.h("ez-check", { ref: (element) => (this.checkInput = element), label: "Selecionar todos", class: "multi-selection__select-all", onEzChange: this.handleChangeSelectAllItems.bind(this) })), index.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 })));
-  }
-  buildDeleteIconSlot(item) {
-    return index.h("ez-icon", { style: { cursor: 'pointer' }, iconName: "delete", onClick: () => this.handleRemoveItemFromOptions(item) });
-  }
-  buildInitViewWithDataSource() {
-    return index.h("multi-selection-box-message", { message: "Selecione os valores a serem filtrados atrav\u00E9s do campo de busca." });
-  }
-  buildViewEmptyResults() {
-    return index.h("multi-selection-box-message", { message: "Nenhum resultado encontrado." });
-  }
-  scenarioToDisplay(view) {
-    const scenarios = {
-      [ViewScenarios.DATASOURCE_INIT]: () => this.buildInitViewWithDataSource(),
-      [ViewScenarios.DATASOURCE_RESULTS]: () => this.buildViewList(true),
-      [ViewScenarios.DATASOURCE_RESULTS_EMPTY]: () => this.buildViewEmptyResults(),
-      [ViewScenarios.OPTIONS_EMPTY]: () => this.buildViewEmptyResults(),
-      [ViewScenarios.OPTIONS]: () => this.buildViewList(false),
-    };
-    const scenarioBuilder = scenarios[view];
-    return scenarioBuilder ? scenarioBuilder() : undefined;
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("div", { class: "multi-selection" }, this.useOptions ? (index.h("ez-filter-input", { ref: (element) => (this.filterInput = element), label: `Buscar..`, onEzChange: this.handleSearchOnOption.bind(this) })) : (index.h("ez-search", { class: "multi-selection__input", label: `Buscar...`, ref: (element) => (this.searchInput = element), suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, optionLoader: (search) => this.searchWithDataSource(search, this.columnName), onEzChange: this.handleSearchOnDataSource.bind(this), isTextSearch: this.isTextSearch })), index.h("ez-scroll", { class: "multi-selection__content-options" }, this.scenarioToDisplay(this.viewScenario)))));
-  }
-  static get watchers() { return {
-    "useOptions": ["onChangeUseOptions"],
-    "options": ["onChangeOptions"],
-    "filteredOptions": ["onChangeFilteredOptions"]
-  }; }
-};
-EzMuiltiSelectionList.style = ezMultiSelectionListCss;
 
 /**
  * Custom positioning reference element.
@@ -1398,9 +1219,9 @@ const computePosition = (reference, floating, options) => {
   });
 };
 
-const ezPopoverPlusCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--most-visible, 4);position:relative;display:flex;user-select:none}.popover__overlay{display:none;position:fixed;padding:0;top:0px;left:0px;width:100%;height:100vh;box-sizing:border-box;z-index:var(--more-visible--2x, 3)}.popover__overlay--light{background-color:rgba(var(--rgb-background--overlay), var(--opacity--bright))}.popover__overlay--medium{background-color:rgba(var(--rgb-background--overlay), var(--opacity--soft));backdrop-filter:blur(var(--background-blur--medium))}.popover__box{display:none;position:fixed;top:0;left:0;z-index:var(--ez-popover__box--z-index);flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:calc(100% - 10px)}";
+const ezPopoverCoreCss = ":host{--ez-popover__box--border-radius:var(--border--radius-medium, 12px);--ez-popover__box--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-popover__box--background-color:var(--background--xlight, #fff);--ez-popover__box--z-index:var(--most-visible, 4);position:relative;display:flex;user-select:none}.popover__overlay{display:none;position:fixed;padding:0;top:0px;left:0px;width:100%;height:100vh;box-sizing:border-box;z-index:var(--more-visible--2x, 3)}.popover__overlay--light{background-color:rgba(var(--rgb-background--overlay), var(--opacity--bright))}.popover__overlay--medium{background-color:rgba(var(--rgb-background--overlay), var(--opacity--soft));backdrop-filter:blur(var(--background-blur--medium))}.popover__box{display:none;position:fixed;top:0;left:0;z-index:var(--ez-popover__box--z-index);flex-direction:column;height:fit-content;background-color:var(--ez-popover__box--background-color);border-radius:var(--ez-popover__box--border-radius);box-shadow:var(--ez-popover__box--box-shadow)}.popover__box--fit-content{width:fit-content}.popover__box--full-width{width:calc(100% - 10px)}";
 
-const EzPopoverPlus = class {
+const EzPopoverCore = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ezVisibilityChange = index.createEvent(this, "ezVisibilityChange", 7);
@@ -1413,16 +1234,16 @@ const EzPopoverPlus = class {
     this.options = { horizontalGap: 0, verticalGap: 0, fromRight: false };
   }
   async observeOpened(newValue, oldValue) {
-    if (newValue !== oldValue) {
-      if (newValue) {
-        this.openPopover();
-      }
-      else {
-        this.hidePopover();
-      }
-      this.ezVisibilityChange.emit(newValue);
+    if (newValue === oldValue)
       return;
+    if (newValue) {
+      this.openPopover();
     }
+    else {
+      this.hidePopover();
+    }
+    this.ezVisibilityChange.emit(newValue);
+    return;
   }
   /**
    * Atualiza a posição do popover.
@@ -1516,12 +1337,14 @@ const EzPopoverPlus = class {
     if (!this._box) {
       return;
     }
-    this._box.style.display = 'flex';
-    this._box.style.visibility = 'hidden';
-    await this.updatePositionPopover();
-    this.openOverlay();
-    this.ezVisibilityChange.emit(true);
-    this._box.style.visibility = 'visible';
+    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';
+    }
   }
   openOverlay() {
     if (!this._overlay || !this._overlayIsActive) {
@@ -1561,6 +1384,7 @@ const EzPopoverPlus = class {
     this._overlayIsActive = this.checkStatusOverlay();
     this._resizeObserver = new ResizeObserver(this.updatePositionPopover.bind(this));
     this._resizeObserver.observe(this._box);
+    this.openPopover();
   }
   disconnectedCallback() {
     window.removeEventListener('scroll', this.updatePositionDebounce.bind(this), true);
@@ -1579,7 +1403,102 @@ const EzPopoverPlus = class {
     "opened": ["observeOpened"]
   }; }
 };
+EzPopoverCore.style = ezPopoverCoreCss;
+
+const ezPopoverPlusCss = ":host{display:none}";
+
+const EzPopoverPlus = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ezVisibilityChange = index.createEvent(this, "ezVisibilityChange", 7);
+    this.autoClose = true;
+    this.boxWidth = "fit-content";
+    this.opened = false;
+    this.overlayType = "light";
+    this.anchorElement = undefined;
+    this.options = { horizontalGap: 0, verticalGap: 0, fromRight: false };
+  }
+  listenerEzVisibilityChange({ detail }) {
+    this.ezVisibilityChange.emit(detail);
+  }
+  async observeOpened(newValue) {
+    if (newValue && !this._popOverCore) {
+      this.renderPopoverCore();
+    }
+    this._popOverCore.opened = newValue;
+  }
+  /**
+   * Atualiza a posição do popover.
+   */
+  async updatePosition(top, left) {
+    var _a;
+    await ((_a = this._popOverCore) === null || _a === void 0 ? void 0 : _a.updatePosition(top, left));
+  }
+  /**
+   * Exibe o ez-popover.
+   */
+  async show(top, left) {
+    if (!this._popOverCore) {
+      this.renderPopoverCore();
+    }
+    await this._popOverCore.show(top, left);
+  }
+  /**
+   * Ancora a exibição do popOver a um elemento HTML.
+   */
+  async showUnder(element, options) {
+    if (!this._popOverCore) {
+      this.renderPopoverCore();
+    }
+    await this._popOverCore.showUnder(element, options);
+  }
+  /**
+   * Oculta o ez-popover.
+   */
+  async hide() {
+    var _a;
+    await ((_a = this._popOverCore) === null || _a === void 0 ? void 0 : _a.hide());
+  }
+  /**
+   * Altera as opções.
+  */
+  async setOptions(options) {
+    var _a;
+    await ((_a = this._popOverCore) === null || _a === void 0 ? void 0 : _a.setOptions(options));
+  }
+  /**
+   * Altera o elemento de ancoragem.
+  */
+  async setAnchorElement(anchor) {
+    var _a;
+    await ((_a = this._popOverCore) === null || _a === void 0 ? void 0 : _a.setAnchorElement(anchor));
+  }
+  renderPopoverCore() {
+    this._popOverCore = document.createElement('ez-popover-core');
+    this._popOverCore.opened = this.opened;
+    this._popOverCore.anchorElement = this.anchorElement;
+    this._popOverCore.autoClose = this.autoClose;
+    this._popOverCore.boxWidth = this.boxWidth;
+    this._popOverCore.overlayType = this.overlayType;
+    this._popOverCore.options = this.options;
+    const firstChild = this._host.children.item(0);
+    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);
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("slot", null)));
+  }
+  get _host() { return index.getElement(this); }
+  static get watchers() { return {
+    "opened": ["observeOpened"]
+  }; }
+};
 EzPopoverPlus.style = ezPopoverPlusCss;
 
-exports.ez_multi_selection_list = EzMuiltiSelectionList;
+exports.ez_popover_core = EzPopoverCore;
 exports.ez_popover_plus = EzPopoverPlus;