@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-132280.3 → 0.0.0-bugfix-dev-KB-157120.0

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

@@ -1,190 +0,0 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-5a720e56.js';
-import { i as initI18n } from './index-225aa0c3.js';
-import { ArrayUtils } from '@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) {
-    registerInstance(this, hostRef);
-    this.changeFilteredOptions = 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 componentWillLoad() {
-    this.i18n = await initI18n();
-  }
-  async clearFilteredOptions() {
-    this.setInitialScenario();
-    this.filteredOptions = [];
-    if (this.searchInput) {
-      await this.searchInput.clearValue();
-    }
-    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);
-  }
-  componentDidLoad() {
-    this.onChangeOptions();
-  }
-  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: this.i18n("ez-multi-selection-list.empty") });
-      }
-      else {
-        (item.check ? listWithSelectChecked.push(item) : listWithNotSelectChecked.push(item));
-      }
-    });
-    return (emptyElement == undefined ? [] : [emptyElement])
-      .concat(this.dataSource == undefined ? ArrayUtils.sortAlphabetically(listWithSelectChecked) : this.dataSource.sortItems(this.columnName, listWithSelectChecked))
-      .concat(this.dataSource == undefined ? 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);
-    }
-  }
-  async 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;
-    await this.searchInput.clearValue();
-  }
-  async 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) {
-      await this.searchInput.clearValue();
-    }
-  }
-  handleSearchOnOption(event) {
-    if (event.detail) {
-      this.displayOptions = 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;
-    this.changeFilteredOptions.emit(this.filteredOptions);
-  }
-  buildViewList(hasDelete) {
-    return (h(Fragment, null, this.displayOptionToCheckAllItems && (h("ez-check", { ref: (element) => (this.checkInput = element), label: this.i18n("ez-multi-selection-list.selectAll"), class: "multi-selection__select-all", onEzChange: this.handleChangeSelectAllItems.bind(this) })), h("ez-list", { class: "multi-selection__list", dataSource: this.displayOptions.map(opt => (Object.assign(Object.assign({}, opt), { id: opt.value }))), listMode: "check", hoverFeedback: true, onEzCheckChange: this.handleChangeSelectedItem.bind(this), itemSlotBuilder: hasDelete ? this.buildDeleteIconSlot.bind(this) : null })));
-  }
-  buildDeleteIconSlot(item) {
-    return h("ez-icon", { style: { cursor: 'pointer' }, iconName: "delete", onClick: () => this.handleRemoveItemFromOptions(item) });
-  }
-  buildInitViewWithDataSource() {
-    return h("multi-selection-box-message", { message: this.i18n("ez-multi-selection-list.initMessage") });
-  }
-  buildViewEmptyResults() {
-    return h("multi-selection-box-message", { message: this.i18n("ez-multi-selection-list.emptyResults") });
-  }
-  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 (h(Host, null, h("div", { class: "multi-selection" }, this.useOptions ? (h("ez-filter-input", { ref: (element) => (this.filterInput = element), label: this.i18n("ez-multi-selection-list.search"), onEzChange: this.handleSearchOnOption.bind(this) })) : (h("ez-search", { class: "multi-selection__input", label: this.i18n("ez-multi-selection-list.search"), 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 })), 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;
-
-export { EzMuiltiSelectionList as ez_multi_selection_list };

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

@@ -1,207 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5a720e56.js';
-import { c as computePosition, f as flip, s as shift } from './floating-ui.dom.esm-ad30f2f0.js';
-
-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(--elevation--100, 100);--ez-popover__box--overlay-z-index:var(--elevation--24, 24);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(--ez-popover__box--overlay-z-index)}.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 EzPopoverCore = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezVisibilityChange = 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 };
-    this.useAnchorSize = false;
-    this.minWidth = 150;
-  }
-  observeOpened(newValue, oldValue) {
-    if (newValue === oldValue) {
-      return;
-    }
-    if (newValue) {
-      this.openPopover();
-    }
-    else {
-      this.hidePopover();
-    }
-  }
-  /**
-   * Atualiza a posição do popover.
-   */
-  async updatePosition(top, left) {
-    this.updateOptionPosition(top, left);
-    await this.updatePositionPopover();
-  }
-  /**
-   * Exibe o ez-popover.
-   */
-  async show(top, left) {
-    this.updateOptionPosition(top, left);
-    this.opened = true;
-  }
-  /**
-   * Ancora a exibição do popOver a um elemento HTML.
-   */
-  async showUnder(element, options) {
-    if (options) {
-      this.options = options;
-    }
-    this.anchorElement = element;
-    this.opened = true;
-  }
-  /**
-   * Oculta o ez-popover.
-   */
-  async hide() {
-    this.opened = false;
-  }
-  /**
-   * Altera as opções.
-  */
-  async setOptions(options) {
-    Object.assign(this.options, options);
-  }
-  /**
-   * Altera o elemento de ancoragem.
-  */
-  async setAnchorElement(anchor) {
-    this.anchorElement = anchor;
-  }
-  parseSizePixel(sizePixel, defaultValue) {
-    if (!sizePixel) {
-      return defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0;
-    }
-    if (typeof sizePixel === "string") {
-      return Number(sizePixel.replace("px", ""));
-    }
-    return sizePixel !== null && sizePixel !== void 0 ? sizePixel : 0;
-  }
-  updateOptionPosition(top, left) {
-    Object.assign(this.options, {
-      horizontalGap: this.parseSizePixel(left, this.options.horizontalGap),
-      verticalGap: this.parseSizePixel(top, this.options.verticalGap),
-    });
-  }
-  getElement(element) {
-    if (typeof element === 'string') {
-      return document.getElementById(element);
-    }
-    return element;
-  }
-  getAnchorElement() {
-    if (!this.anchorElement) {
-      return this._host;
-    }
-    if (Array.isArray(this.anchorElement)) {
-      for (const element of this.anchorElement) {
-        const htmlElement = this.getElement(element);
-        if (htmlElement) {
-          return htmlElement;
-        }
-      }
-      return this._host;
-    }
-    return this.getElement(this.anchorElement);
-  }
-  async updatePositionPopover() {
-    if (!this._box || !this.opened) {
-      return;
-    }
-    const currentAnchorElement = this.getAnchorElement();
-    await computePosition(currentAnchorElement, this._box, {
-      placement: this.options.fromRight ? 'bottom-end' : 'bottom-start',
-      middleware: [flip(), shift({ padding: 5 })],
-      strategy: 'fixed',
-    }).then(({ x, y, placement }) => {
-      const newTop = placement.includes("bottom") ? y + this.options.verticalGap : y - this.options.verticalGap;
-      const newLeft = placement.includes("start") ? x + this.options.horizontalGap : x - this.options.horizontalGap;
-      Object.assign(this._box.style, {
-        top: `${newTop}px`,
-        left: `${newLeft}px`,
-      });
-    });
-  }
-  hidePopover() {
-    if (!this._box) {
-      return;
-    }
-    this._box.style.display = '';
-    this.hideOverlay();
-    this.ezVisibilityChange.emit(false);
-  }
-  async openPopover() {
-    if (!this._box || !this.opened) {
-      return;
-    }
-    this._box.style.display = 'flex';
-    this._box.style.visibility = 'hidden';
-    if (this.useAnchorSize) {
-      const currentAnchorElement = this.getAnchorElement();
-      const anchorSize = currentAnchorElement.getBoundingClientRect().width;
-      const width = anchorSize < this.minWidth ? this.minWidth : anchorSize;
-      this._box.style.width = `${width}px`;
-    }
-    await this.updatePositionPopover();
-    this.openOverlay();
-    this.ezVisibilityChange.emit(true);
-    this._box.style.visibility = 'visible';
-  }
-  openOverlay() {
-    if (!this._overlay || !this._overlayIsActive) {
-      return;
-    }
-    this._overlay.style.display = 'block';
-  }
-  hideOverlay() {
-    if (!this._overlay) {
-      return;
-    }
-    this._overlay.style.display = 'none';
-  }
-  checkStatusOverlay() {
-    if (this.overlayType !== "none") {
-      return true;
-    }
-    if (this.overlayType === "none" && this.autoClose) {
-      return true;
-    }
-    return false;
-  }
-  handlePositionUpdate() {
-    if (!this.opened) {
-      return;
-    }
-    this.updatePositionPopover();
-  }
-  componentWillLoad() {
-    window.addEventListener('scroll', this.handlePositionUpdate.bind(this), true);
-    window.addEventListener('resize', this.handlePositionUpdate.bind(this), true);
-  }
-  componentDidLoad() {
-    this._overlayIsActive = this.checkStatusOverlay();
-    this._resizeObserver = new ResizeObserver(this.updatePositionPopover.bind(this));
-    this._resizeObserver.observe(this._box);
-    this.openPopover();
-  }
-  disconnectedCallback() {
-    window.removeEventListener('scroll', this.handlePositionUpdate.bind(this), true);
-    window.removeEventListener('resize', this.handlePositionUpdate.bind(this), true);
-    this._resizeObserver.disconnect();
-  }
-  render() {
-    return (h(Host, null, h("div", { ref: el => this._overlay = el, onClick: () => this.hide(), class: `popover__overlay popover__overlay--${this.overlayType}` }), h("section", { ref: el => this._box = el, class: {
-        "popover__box": true,
-        "popover__box--fit-content": this.boxWidth === "fit-content",
-        "popover__box--full-width": this.boxWidth !== "fit-content",
-      } }, h("slot", null))));
-  }
-  get _host() { return getElement(this); }
-  static get watchers() { return {
-    "opened": ["observeOpened"]
-  }; }
-};
-EzPopoverCore.style = ezPopoverCoreCss;
-
-export { EzPopoverCore as ez_popover_core };

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

@@ -1,237 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5a720e56.js';
-import { ElementIDUtils, StringUtils } from '@sankhyalabs/core';
-import { a as replaceHighlight, r as replaceQuotes } from './searchFormatters-8229207e.js';
-
-const ezPopoverPlusCss = ":host{display:none}";
-
-const EzPopoverPlus = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ezVisibilityChange = 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 };
-    this.useAnchorSize = false;
-    this.minWidth = 150;
-  }
-  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));
-    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;
-  }
-  buildElementId(keys) {
-    const filteredKeys = keys.filter((key) => !!key);
-    return ElementIDUtils.getInternalIDInfo(filteredKeys.join("_"));
-  }
-  renderPopoverCore() {
-    var _a;
-    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;
-    this._popOverCore.useAnchorSize = this.useAnchorSize;
-    this._popOverCore.minWidth = this.minWidth;
-    this._popOverCore.setAttribute("data-element-id", this.buildElementId(["ez-popover-core", this._host.getAttribute("data-element-id")]));
-    this._popOverCore.addEventListener('ezVisibilityChange', ({ detail }) => {
-      this.ezVisibilityChange.emit(detail);
-      this.opened = detail;
-    });
-    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.');
-    }
-    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)));
-  }
-  get _host() { return getElement(this); }
-  static get watchers() { return {
-    "opened": ["observeOpened"]
-  }; }
-};
-EzPopoverPlus.style = ezPopoverPlusCss;
-
-const multiSelectionBoxMessageCss = ".multi-selection__message{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;min-height:320px;text-align:center}.multi-selection__text-message{margin-top:-30px;font-family:var(--font-pattern);font-size:var(--text--meduim);padding:var(--space-xs);color:var(--text--primary)}";
-
-const MultiSelectionBoxMessage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.message = undefined;
-  }
-  render() {
-    return (h("div", { class: "multi-selection__message" }, h("span", { class: "multi-selection__text-message" }, this.message)));
-  }
-};
-MultiSelectionBoxMessage.style = multiSelectionBoxMessageCss;
-
-const searchListCss = ":host{--ez-search__list-title--primary:var(--title--primary, #2B3A54);--ez-search__list-text--primary:var(--text--primary, #626e82);--ez-search__list-height:calc(var(--ez-search--font-size) + var(--ez-search--space--medium) + 4px);--ez-search__list-min-width:64px;--ez-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-search__scrollbar--width:var(--space--small, 6px);--ez-search--border-radius-small:var(--border--radius-small, 6px);--ez-search--font-size:var(--text--medium, 14px);--ez-search--font-family:var(--font-pattern, Arial);--ez-search--font-weight--large:var(--text-weight--large, 500);--ez-search--font-weight--medium:var(--text-weight--medium, 400);--ez-search--background-medium:var(--background--medium, #f0f3f7);--ez-search--line-height:calc(var(--text--medium, 14px) + 4px)}.list-options{position:relative;z-index:var(--more-visible, 2);margin:var(--space--small) 0px;padding:0px;padding-inline-start:0px;box-sizing:border-box;width:100%;height:100%;max-height:350px;min-width:150px;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-search__scrollbar--color-clicked) var(--ez-search__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--scrollbar--background);width:var(--space--small);max-width:var(--space--small);min-width:var(--space--small);height:var(--space--small);max-height:var(--space--small);min-height:var(--space--small)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-search__scrollbar--color-background);border-radius:var(--ez-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-search__scrollbar--color-default);border-radius:var(--ez-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-search__scrollbar--color-clicked)}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;margin:var(--space--medium) 0px;min-height:var(--ez-search__list-height)}.message__no-result{color:var(--ez-search__list-title--primary);font-family:var(--ez-search--font-family);font-size:var(--ez-search--font-size)}.message__loading{border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-search__list-title--primary);border-top:3px solid transparent}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-search__list-title--primary);font-family:var(--ez-search--font-family);font-size:var(--ez-search--font-size);line-height:var(--ez-search--line-height)}.item__label{font-weight:var(--ez-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-search__list-text--primary);font-weight:var(--ez-search--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.item__list>li:hover{background-color:var(--ez-search--background-medium)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-search--border-radius-small);gap:var(--space--small, 6px)}.preselected{background-color:var(--background--medium)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@supports not (scrollbar-width: thin){.item{padding-right:8px}}";
-
-const SearchList = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.changeValue = createEvent(this, "changeValue", 7);
-    this.changePreSelection = createEvent(this, "changePreSelection", 7);
-    this._startHighlightTag = "<span class='card-item__highlight'>";
-    this._endHighlightTag = "</span>";
-    this.MAX_HEIGHT = 350;
-    this.HEADER_MENU_HEIGHT = 60;
-    this.showLoading = undefined;
-    this.visibleOptions = [];
-    this.textEmptyList = undefined;
-    this.canShowListOptions = undefined;
-    this.value = undefined;
-    this.showOptionValue = true;
-    this.preSelection = undefined;
-  }
-  async nextOption() {
-    const newPreSelection = this.preSelection === undefined ? 0 : Math.min(this.preSelection + 1, this.visibleOptions.length - 1);
-    this.changePreSelection.emit(newPreSelection);
-    this.scrollToOption(this.visibleOptions[newPreSelection]);
-  }
-  async previousOption() {
-    const newPreSelection = this.preSelection === undefined ? 0 : Math.max(this.preSelection - 1, 0);
-    this.changePreSelection.emit(newPreSelection);
-    this.scrollToOption(this.visibleOptions[newPreSelection]);
-  }
-  selectOption(newOption) {
-    const newOptionsReplaced = Object.assign(Object.assign({}, newOption), { value: replaceHighlight(newOption === null || newOption === void 0 ? void 0 : newOption.value), label: replaceHighlight(newOption === null || newOption === void 0 ? void 0 : newOption.label) });
-    const newOptionsFormatted = Object.assign(Object.assign({}, newOptionsReplaced), { value: replaceQuotes(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value), label: replaceQuotes(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.label) });
-    this.changeValue.emit(newOptionsFormatted);
-  }
-  createOption(detail) {
-    let { key, title } = detail;
-    const startHighlight = new RegExp(this._startHighlightTag, 'g');
-    const endHighlight = new RegExp(this._endHighlightTag, 'g');
-    title = StringUtils.decodeHtmlEntities(title);
-    const option = {
-      value: key === null || key === void 0 ? void 0 : key.replace(startHighlight, '').replace(endHighlight, ''),
-      label: title === null || title === void 0 ? void 0 : title.replace(startHighlight, '').replace(endHighlight, '')
-    };
-    this.selectOption(option);
-  }
-  scrollToOption(opt) {
-    window.requestAnimationFrame(() => {
-      const liElem = (opt === null || opt === void 0 ? void 0 : opt.value)
-        ? this._optionsList.querySelector(`div#item_${opt.value.replace(/([ #;&,.+*~':"!^$[\]()=<>|/\\])/g, '\\$1')}`)
-        : undefined;
-      if (liElem) {
-        liElem.scrollIntoView({ behavior: "smooth", block: "nearest" });
-      }
-    });
-  }
-  buildItem(opt, index) {
-    opt.label = opt.label || opt.value;
-    const card = {
-      key: opt.value,
-      title: opt.label,
-      details: opt.details
-    };
-    return h("div", { style: { "height": "100%" }, class: index === this.preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.createOption(card), onMouseOver: () => this.changePreSelection.emit(index) }, h("ez-card-item", { item: card, compacted: true, enableKey: this.showOptionValue }));
-  }
-  componentDidLoad() {
-    if (this._optionsList) {
-      this._optionsList.style.maxHeight = `${this.MAX_HEIGHT}px`;
-    }
-  }
-  componentDidUpdate() {
-    if (this._optionsList) {
-      const rect = this._optionsList.getBoundingClientRect();
-      const spaceBelow = window.innerHeight - rect.bottom;
-      if (spaceBelow < 0) {
-        this.adjustMaxHeight(rect);
-      }
-    }
-  }
-  adjustMaxHeight(rect) {
-    if (this._optionsList) {
-      const spaceAbove = rect.top - this.HEADER_MENU_HEIGHT;
-      const maxHeight = this.MAX_HEIGHT;
-      const height = Math.min(spaceAbove, maxHeight);
-      this._optionsList.style.maxHeight = `${height}px`;
-    }
-  }
-  cleanEmptyObjectArray(arr) {
-    return arr.filter(item => {
-      return Object.values(item).some(valor => valor !== undefined);
-    });
-  }
-  render() {
-    return (h(Host, null, h("ul", { class: "list-options", ref: elem => this._optionsList = elem }, !this.showLoading
-      && this.cleanEmptyObjectArray(this.visibleOptions).length === 0
-      && h("div", { class: "message" }, h("span", { class: "message__no-result" }, this.textEmptyList)), this.showLoading
-      && h("div", { class: "message" }, h("div", { class: "message__loading" })), this.canShowListOptions && this.visibleOptions.map((opt, index) => this.buildItem(opt, index)))));
-  }
-};
-SearchList.style = searchListCss;
-
-export { EzPopoverPlus as ez_popover_plus, MultiSelectionBoxMessage as multi_selection_box_message, SearchList as search_list };

package/dist/ezui/p-06f1b8e4.entry.js

@@ -1 +0,0 @@
-import{r,h as e,H as o,c as t,g as l}from"./p-e4c7eb39.js";import{JSUtils as a,ElementIDUtils as s}from"@sankhyalabs/core";import{E as i}from"./p-98bb8b16.js";const c=class{constructor(e){r(this,e),this._shadowStart="ez-scroller__wrapper--shadow-start",this._shadowEnd="ez-scroller__wrapper--shadow-end",this.isActive=!1,this.direction=void 0,this.locked=!1,this.activeShadow=!1}getContainerClass(){return`ez-scroller__container ez-scroller__container--${this.direction}\n      ${this.locked||!this.isActive?" ez-scroller__container--locked":""}\n    `}getWrapperClass(){return`ez-scroller__wrapper ez-scroller__wrapper--${this.direction}`}finishDrag(){this._controller&&this._container.classList.remove("dragging")}updateScroller(){const r=this._container;if(null==r)return;let e;if(this.direction===i.HORIZONTAL){const{scrollWidth:o,clientWidth:t,scrollLeft:l}=r;e=o-t-Math.ceil(l),this._startHidden=r.scrollLeft>0}else if(this.direction===i.VERTICAL){const{scrollHeight:o,clientHeight:t,scrollTop:l}=r;e=o-t-Math.ceil(l),this._startHidden=r.scrollTop>0}this._endHidden=e>0,this.isActive=this._startHidden||this._endHidden||this.isActiveScroller(),this.updateShadow()}updateShadow(){const r=this._wrapper;if(!this.activeShadow||null==r)return;const e=["","start","end","middle"][Number(this._startHidden)|Number(this._endHidden)<<1];"start"===e?(r.classList.add(this._shadowStart),r.classList.remove(this._shadowEnd)):"end"===e?(r.classList.remove(this._shadowStart),r.classList.add(this._shadowEnd)):"middle"===e?(r.classList.add(this._shadowStart),r.classList.add(this._shadowEnd)):(r.classList.remove(this._shadowStart),r.classList.remove(this._shadowEnd))}configResize(){const r=this._container;null!=r&&(null!=this._resizeObserver&&this._resizeObserver.unobserve(r),this._resizeObserver=new ResizeObserver(a.debounce(this.updateScroller.bind(this),200)),this._resizeObserver.observe(r))}getContainerElement(){return e("div",{ref:r=>this._container=r,class:this.getContainerClass()},e("slot",null))}isActiveScroller(){return null!=this._container&&(this._container.scrollWidth>this._container.clientWidth||this._container.scrollHeight>this._container.clientHeight)}clickListener(r){this._controller&&this._controller.didScroll()&&(r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation())}mouseDownHandler(r){this.locked?this.finishDrag():(this._controller||(this._controller=new n(this._container)),this._controller.startDragg(r),this._container.classList.add("dragging"))}mouseUpHandler(){this.finishDrag()}mouseMoveHandler(r){this.locked?this.finishDrag():this._controller&&(0===r.buttons?this.finishDrag():this._controller.doScroll(r))}componentDidRender(){var r,e;if(null!=this._container){if(this.direction===i.BOTH)return null===(r=this._wrapper)||void 0===r||r.classList.remove(this._shadowStart),null===(e=this._wrapper)||void 0===e||e.classList.remove(this._shadowEnd),void(this.isActive=this.isActiveScroller());this._container.onscroll=this.updateScroller.bind(this),this.configResize(),this.updateScroller()}}render(){return e(o,null,this.activeShadow?e("div",{ref:r=>this._wrapper=r,class:this.getWrapperClass()},this.getContainerElement()):this.getContainerElement())}};class n{constructor(r){this.scrollablePanel=r}startDragg(r){this.startX=this.measureX(r),this.startY=this.measureY(r),this.scrollWidth=0,this.scrollHeight=0}measureX(r){return r.pageX-this.scrollablePanel.offsetLeft}measureY(r){return r.pageY-this.scrollablePanel.offsetTop}doScroll(r){const e=this.measureX(r),o=this.measureY(r);if(e!=this.startX||o!=this.startY){const r=e-this.startX,t=o-this.startY;this.startX+=r,this.startY+=t,this.scrollWidth+=Math.abs(r),this.scrollHeight+=Math.abs(t),this.scrollablePanel.scrollLeft=Math.max(0,this.scrollablePanel.scrollLeft-r),this.scrollablePanel.scrollTop=Math.max(0,this.scrollablePanel.scrollTop-t)}}didScroll(){return this.scrollHeight>5||this.scrollWidth>5}}c.style=':host{--ez-scroller--box-shadow-color:var(--background--body, #fafcff);--ez-scroller__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-scroller__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-scroller__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-scroller__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-scroller__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-scroller__scrollbar--width:var(--space--small, 6px);--ez-scroller__max-height:unset;--ez-scroller__scrollbar--padding-right:var(--space-extra-small, 3px);display:flex;cursor:grab;width:100%;overflow:hidden}.dragging{cursor:grabbing}.ez-scroller__container{display:flex;overflow-y:hidden;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked),.ez-scroller__container:not(.ez-scroller__container--locked):hover{scrollbar-color:var(--ez-scroller__scrollbar--color-clicked) var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container--both{overflow-y:scroll;overflow-x:scroll;flex-wrap:wrap}.ez-scroller__container--horizontal{overflow-x:scroll;flex-direction:row;padding-right:var(--ez-scroller__scrollbar--padding-right)}.ez-scroller__container--vertical{overflow-y:scroll;flex-direction:column;width:100%;max-height:var(--ez-scroller__max-height)}.ez-scroller__container::-webkit-scrollbar{background-color:transparent;width:var(--ez-scroller__scrollbar--width);height:var(--ez-scroller__scrollbar--width);max-width:var(--ez-scroller__scrollbar--width);min-width:var(--ez-scroller__scrollbar--width)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar{background-color:var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container::-webkit-scrollbar-track{visibility:hidden;background-color:transparent;border-radius:var(--ez-scroller__scrollbar--border-radius)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-track,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-track{background-color:var(--ez-scroller__scrollbar--color-background)}.ez-scroller__container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--ez-scroller__scrollbar--border-radius)}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb{background-color:var(--ez-scroller__scrollbar--color-default)}.ez-scroller__container::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container::-webkit-scrollbar-thumb:horizontal:hover{background-color:transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:horizontal:hover,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:vertical:hover,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-scroller__scrollbar--color-hover)}.ez-scroller__container::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container::-webkit-scrollbar-thumb:horizontal:active{background-color:transparent}.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container--both:not(.ez-scroller__container--locked)::-webkit-scrollbar-thumb:horizontal:active,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:vertical:active,.ez-scroller__container:not(.ez-scroller__container--locked):hover::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-scroller__scrollbar--color-clicked)}.ez-scroller__wrapper{display:flex;position:relative;width:100%;height:auto}.ez-scroller__wrapper--horizontal{flex-direction:row}.ez-scroller__wrapper--vertical{flex-direction:column}.ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--shadow-end::after{content:"";display:flex;position:absolute;z-index:1}.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-end::after{width:24px;min-height:calc(100% - 10px)}.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-start::before{left:0;background:linear-gradient(to right, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--horizontal.ez-scroller__wrapper--shadow-end::after{right:0;background:linear-gradient(to left, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-start::before,.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-end::after{min-width:calc(100% - 10px);height:24px}.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-start::before{top:0;background:linear-gradient(to bottom, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}.ez-scroller__wrapper--vertical.ez-scroller__wrapper--shadow-end::after{bottom:0;background:linear-gradient(to top, var(--ez-scroller--box-shadow-color) 20%, transparent 80%)}';const h=class{constructor(e){r(this,e),this.ezClick=t(this,"ezClick",7)}componentDidLoad(){this._element&&s.addIDInfo(this._element),this._button&&s.addIDInfo(this._button,"button",{id:"embedded"})}render(){return e("button",{type:"button",onClick:()=>{this.ezClick.emit()},ref:r=>this._button=r},e("span",null),e("ez-icon",{iconName:"chevron-right",size:"small"}))}get _element(){return l(this)}};h.style=":host{position:relative;--ez-sidebar-button--width:6px;--ez-sidebar-button--hover--width:12px;--ez-sidebar-button--height:96px;--ez-sidebar-navigator-button--z-index:var(--elevation--20, 20);--ez-sidebar-button--background-color--xlight:var(--background--xlight, #fff);--ez-sidebar-button--background-color--primary:var(--color--primary);--ez-sidebar-button--space--small:var(--space--small, 6px);--ez-sidebar-button--space--medium:var(--space--medium, 12px);--ez-sidebar-button--box-shadow:var(--shadow--small, 0px 0px 16px rgba(0, 38, 111, 0.07));--ez-sidebar-button--hover--box-shadow:var(--shadow--hard, 0px 0px 16px rgba(43, 58, 84, 0.24));--ez-sidebar-button--border--radius-small:var(--border--radius-small);--ez-sidebar-button--border--radius-medium:var(--border--radius-medium)}button{z-index:var(--ez-sidebar-navigator-button--z-index);position:absolute;display:flex;background:var(--ez-sidebar-button--background-color--xlight);border:0;border-radius:0 var(--ez-sidebar-button--border--radius-medium) var(--ez-sidebar-button--border--radius-medium) 0;box-shadow:var(--ez-sidebar-button--box-shadow);padding:0;cursor:pointer;align-items:center}span{width:var(--ez-sidebar-button--width);height:var(--ez-sidebar-button--height);margin:var(--ez-sidebar-button--space--medium) 0 var(--ez-sidebar-button--space--medium) 0;background:var(--ez-sidebar-button--background-color--primary);border-radius:0 var(--ez-sidebar-button--border--radius-small) var(--ez-sidebar-button--border--radius-small) 0}ez-icon{--ez-icon--color:var(--ez-sidebar-button--background-color--primary)}button:hover{box-shadow:var(--ez-sidebar-button--hover--box-shadow)}button:hover span{width:var(--ez-sidebar-button--hover--width);margin:var(--ez-sidebar-button--space--medium) 0 var(--ez-sidebar-button--space--medium) 0}";export{c as ez_scroller,h as ez_sidebar_button}