@sankhyalabs/sankhyablocks 1.4.0-beta.2 → 1.4.0-beta.3

package/dist/cjs/snk-filter-bar.cjs.entry.js

@@ -1,466 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index$1 = require('./index-b0b676c5.js');
-const index = require('./index-e90ae303.js');
-const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
-const index$2 = require('./index-84fe3b86.js');
-
-const buildFilter = (item) => {
-  switch (item.type) {
-    case filterItemType_enum.FilterItemType.DEFAULT_FILTER:
-      return buildDefault(item);
-    case filterItemType_enum.FilterItemType.BINARY_SELECT:
-      return buildBinary(item);
-    case filterItemType_enum.FilterItemType.MULTI_SELECT:
-      return buildMultSelect(item);
-    case filterItemType_enum.FilterItemType.PERIOD:
-      return buildPeriod(item);
-    case filterItemType_enum.FilterItemType.SEARCH:
-      return buildSearch(item);
-    case filterItemType_enum.FilterItemType.TEXT:
-      return buildText(item);
-    case filterItemType_enum.FilterItemType.NUMBER:
-      return buildNumber(item);
-    case filterItemType_enum.FilterItemType.PERSONALIZED:
-      return buildPersonalized(item);
-    default:
-      return undefined;
-  }
-};
-function buildDefault(item) {
-  return { name: item.id, expression: item.props.expression, params: [] };
-}
-function buildBinary(item) {
-  const { id, value, props } = item;
-  const options = props.options;
-  const selectedOption = options.find(opt => opt.name === value);
-  return { name: id, expression: selectedOption.expression, params: [] };
-}
-function buildMultSelect(item) {
-  const { id, value, props } = item;
-  return { name: id, expression: props.expression, params: [{ name: id, dataType: index.DataType.TEXT, value }] };
-}
-function buildPeriod(item) {
-  const { id, value, props } = item;
-  let { end, start } = value;
-  if (typeof end === "string") {
-    end = new Date(end);
-  }
-  if (typeof start === "string") {
-    start = new Date(start);
-  }
-  const params = [];
-  let expression;
-  if (end && start) {
-    expression = props.expression.fullfill;
-    params.push({ name: `${id}.START`, dataType: index.DataType.DATE, value: index.toString(index.DataType.DATE, start) }, { name: `${id}.END`, dataType: index.DataType.DATE, value: index.toString(index.DataType.DATE, end) });
-  }
-  else {
-    if (start) {
-      expression = props.expression.onlystart;
-      params.push({ name: id, dataType: index.DataType.DATE, value: index.toString(index.DataType.DATE, start) });
-    }
-    else {
-      expression = props.expression.onlyend;
-      params.push({ name: id, dataType: index.DataType.DATE, value: index.toString(index.DataType.DATE, end) });
-    }
-  }
-  return { name: id, expression, params };
-}
-function buildSearch(item) {
-  const { id, value, props } = item;
-  const expression = props.expression;
-  return { name: id, expression, params: [{ name: id, dataType: index.DataType.TEXT, value: index.toString(index.DataType.TEXT, value.value) }] };
-}
-function buildText(item) {
-  const { id, value, props } = item;
-  const expression = props.expression;
-  return { name: id, expression, params: [{ name: id, dataType: index.DataType.TEXT, value: index.toString(index.DataType.TEXT, value) }] };
-}
-function buildNumber(item) {
-  const { id, value, props } = item;
-  const expression = props.expression;
-  return { name: id, expression, params: [{ name: id, dataType: index.DataType.NUMBER, value: index.toString(index.DataType.NUMBER, value) }] };
-}
-function buildPersonalized(item) {
-  var _a;
-  const { id, value, props } = item;
-  const expression = props.expression;
-  return {
-    name: id, expression, params: (((_a = props.personalizedFilter) === null || _a === void 0 ? void 0 : _a.parameters) || []).map((param, index$1) => {
-      const valuesArray = Array.from(value);
-      const dataType = param.dataType;
-      let paramValue = (index$1 >= 0 && index$1 < valuesArray.length ? valuesArray[index$1] : null);
-      if (paramValue != undefined && typeof paramValue === "object" && "value" in paramValue) {
-        paramValue = paramValue["value"];
-      }
-      if (paramValue == undefined && dataType === index.DataType.BOOLEAN) {
-        paramValue = false;
-      }
-      return { name: param.name, dataType, value: typeof paramValue === "string" ? paramValue : index.toString(dataType, paramValue) };
-    })
-  };
-}
-
-const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:minmax(100px, 100%) 1fr 1fr}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;z-index:var(--more-visible, 1);background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;flex-grow:0}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px)}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.preselected.sc-snk-filter-bar{background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{display:flex;flex-direction:row;border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium);width:100%}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:100%;height:100%}";
-
-const PERSONALIZED_FILTER = "PERSONALIZED_FILTER";
-const DEFAULT_FILTER = "DEFAULT_FILTER";
-const CLEAR_ALL_FILTERS = "CLEAR_ALL_FILTERS";
-const SnkFilterBar = class {
-  constructor(hostRef) {
-    index$1.registerInstance(this, hostRef);
-    this._updateSequence = [];
-    this._loadingPending = false;
-    this._configUpdated = false;
-    this._pendingFilters = [];
-    this._calculateSortIndex = (item) => {
-      let index = item.hardFixed ? 1000000 : 0;
-      //campos Hard Fixed não variam a ordem
-      if (!item.hardFixed) {
-        index += item.fixed ? 100000 : 0;
-        index += item.value == undefined ? 0 : 10000;
-        index += this._updateSequence.lastIndexOf(item.id) + 1;
-      }
-      return index;
-    };
-    this._filtersComparator = (a, b) => {
-      return this._calculateSortIndex(b) - this._calculateSortIndex(a);
-    };
-  }
-  observeFilterConfig(newValue, oldValue) {
-    if (oldValue != undefined && newValue == undefined) {
-      this._loadingPending = true;
-      this._configUpdated = true;
-    }
-    else {
-      const oldItems = new Map(oldValue ? oldValue.map(item => [item.id, item]) : undefined);
-      newValue.forEach(newItem => {
-        const oldItem = oldItems.get(newItem.id);
-        if (oldItem != undefined) {
-          this._configUpdated = this._configUpdated || index.ObjectUtils.objectToString(oldItem) != index.ObjectUtils.objectToString(newItem);
-          this._loadingPending = this._loadingPending || index.ObjectUtils.objectToString(oldItem.value) !== index.ObjectUtils.objectToString(newItem.value);
-        }
-        else {
-          this._configUpdated = true;
-          this._loadingPending = this._loadingPending || newItem.value != undefined;
-        }
-      });
-    }
-    this.processAfterUpdateConfig();
-  }
-  processPendingFilter() {
-    if (this._pendingFilters.length > 0 && this._currentPendingFilter == undefined) {
-      this._currentPendingFilter = this._element.querySelector("#filter-" + this._pendingFilters.pop());
-      if (this._currentPendingFilter) {
-        this._currentPendingFilter.showUp(true).then(() => {
-          this._currentPendingFilter = undefined;
-          this.processPendingFilter();
-        });
-      }
-    }
-    if (this._currentPendingFilter == undefined) {
-      this.processAfterUpdateConfig();
-    }
-  }
-  processAfterUpdateConfig() {
-    if (this._pendingFilters.length > 0) {
-      return;
-    }
-    if (this._loadingPending) {
-      this._loadingPending = false;
-      this.dataUnit.loadData();
-    }
-    if (this._configUpdated) {
-      this._configUpdated = false;
-      this._application.saveFilterBarConfig(this.filterConfig, this.configName);
-    }
-  }
-  /**
-   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
-   * através de um pequeno modulo na estrutura da aplicação:
-   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
-   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-filter-bar.msg.ts"
-   */
-  getMessage(key, params) {
-    return this._application.messagesBuilder.getMessage(key, params);
-  }
-  getFilter(_dataUnit) {
-    var _a;
-    const filters = [];
-    (_a = this.filterConfig) === null || _a === void 0 ? void 0 : _a.filter(item => this.isActiveFilter(item)).forEach(item => {
-      const filter = buildFilter(item);
-      if (filter) {
-        filters.push(filter);
-      }
-    });
-    return filters;
-  }
-  isActiveFilter(item) {
-    return (item.visible && item.value != undefined) || item.type === filterItemType_enum.FilterItemType.DEFAULT_FILTER;
-  }
-  registryFilterProvider() {
-    this.dataUnit.addFilterProvider(this);
-    if (this.filterConfig) {
-      this.dataUnit.loadData();
-    }
-  }
-  getFilterItems() {
-    const pinnedItems = [];
-    const unpinnedItems = [];
-    this.filterConfig
-      .filter(item => item.visible)
-      .forEach((item, index) => {
-      const filterItem = (index$1.h("snk-filter-item", { id: `filter-${item.id}`, config: item, class: index > 0 ? "ez-padding-left--medium" : "", getMessage: (key, props) => this.getMessage(key, props), key: item.id }));
-      if (item.fixed || item.hardFixed) {
-        pinnedItems.push(filterItem);
-      }
-      else {
-        unpinnedItems.push(filterItem);
-      }
-      return filterItem;
-    });
-    const elements = [];
-    elements.push(...pinnedItems);
-    if (pinnedItems.length > 0 && unpinnedItems.length > 0) {
-      elements.push(index$1.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-filter-bar__divider" }));
-    }
-    elements.push(...unpinnedItems);
-    return elements;
-  }
-  calculateUpdateSequence(item) {
-    if (item) {
-      this._updateSequence = this._updateSequence.filter(itemId => item.id !== itemId);
-      this._updateSequence.push(item.id);
-    }
-  }
-  normalizeItem(item) {
-    const normalized = Object.assign({}, item);
-    const optionals = ["props", "value", "hardFixed", "fixed"];
-    optionals.forEach(prop => {
-      if (normalized[prop] == undefined) {
-        delete normalized[prop];
-      }
-    });
-    if (item.value === "") {
-      delete item.value;
-    }
-    return normalized;
-  }
-  updateFilter(newItem) {
-    this.filterConfig = this.filterConfig.map(item => {
-      newItem = this.normalizeItem(newItem);
-      if (item.id === newItem.id) {
-        if (index.ObjectUtils.objectToString(item) != index.ObjectUtils.objectToString(newItem)) {
-          this.calculateUpdateSequence(newItem);
-        }
-        return newItem;
-      }
-      return item;
-    }).sort((a, b) => this._filtersComparator(a, b));
-  }
-  getAddListItems() {
-    const hiddenItems = this.filterConfig
-      .filter(item => !item.visible && this.isListable(item));
-    const footerItems = [{ name: PERSONALIZED_FILTER, label: this.getMessage("snkFilterBar.customFilter"), iconName: "tune", kind: "FOOTER" }];
-    if (this.allowDefault) {
-      footerItems.push({ name: DEFAULT_FILTER, label: this.getMessage("snkFilterBar.defaultFilter"), iconName: "configuration", kind: "FOOTER" });
-    }
-    return hiddenItems.map(filter => { return { name: filter.id, label: filter.label, kind: "FILTER", iconName: null }; })
-      .concat(footerItems);
-  }
-  getActiveClass() {
-    const filterApplied = this.filterConfig.filter(item => item.value != undefined).length > 0;
-    return filterApplied ? "sc-snk-filter-bar snk-filter-bar__filter-list-items-button--active" : "";
-  }
-  isListable(item, allowPersonalized = false) {
-    return item.type !== filterItemType_enum.FilterItemType.DEFAULT_FILTER && (allowPersonalized || item.type !== filterItemType_enum.FilterItemType.PERSONALIZED);
-  }
-  getAppliedListItems() {
-    const appliedItems = this.filterConfig
-      .filter(item => this.isActiveFilter(item) && this.isListable(item, true));
-    return appliedItems.map(filter => {
-      return { name: filter.id, label: filter.label, kind: "FILTER", iconName: null };
-    }).concat([
-      { name: CLEAR_ALL_FILTERS, label: this.getMessage("snkFilterBar.clearAllFilters"), iconName: "cleaning", kind: "FOOTER" }
-    ]);
-  }
-  addPersonalizedFilters(personalizedItems) {
-    const activeFilters = {};
-    personalizedItems.forEach(item => {
-      if (item.active) {
-        activeFilters[item.id] = true;
-      }
-    });
-    this.filterConfig = this.filterConfig.map(item => {
-      var _a, _b;
-      if (item.type === filterItemType_enum.FilterItemType.PERSONALIZED) {
-        const visible = activeFilters[item.id];
-        if (!item.visible && visible) {
-          this.calculateUpdateSequence(item);
-          if (((_b = (_a = item.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) === null || _b === void 0 ? void 0 : _b.parameters) != undefined) {
-            this._pendingFilters.push(item.id);
-          }
-        }
-        return this.normalizeItem(visible ? Object.assign(Object.assign({}, item), { visible }) : Object.assign(Object.assign({}, item), { visible, value: undefined, fixed: undefined }));
-      }
-      return item;
-    }).sort((a, b) => this._filtersComparator(a, b));
-  }
-  openDefaultFilterModal() {
-    const filterModal = document.createElement("snk-filter-modal");
-    const defaultFilter = this.filterConfig.filter(item => item.type === filterItemType_enum.FilterItemType.DEFAULT_FILTER);
-    filterModal.getMessage = (key, props) => this.getMessage(key, props);
-    filterModal.modalTitle = this.getMessage("snkFilterBar.modalDefaultFilterTitle");
-    filterModal.infoText = this.getMessage(defaultFilter.length == 0 ? "snkFilterBar.modalInfoTextCreateDefault" : "snkFilterBar.modalInfoTextEditDefault");
-    filterModal.items = defaultFilter.map(item => {
-      return { id: item.id, active: true, enabled: false, label: item.label };
-    });
-    filterModal.processModalAction = (_action) => {
-      this._application.closeModal();
-    };
-    this._application.showModal(filterModal);
-  }
-  openPersonalizedModal() {
-    const filterModal = document.createElement("snk-filter-modal");
-    const personalizedFilter = this.filterConfig
-      .filter(item => item.type === filterItemType_enum.FilterItemType.PERSONALIZED)
-      .sort((itemA, itemB) => index.StringUtils.compare(itemA.label, itemB.label));
-    filterModal.getMessage = (key, props) => this.getMessage(key, props);
-    filterModal.modalTitle = this.getMessage("snkFilterBar.modalPersonalizedFilterTitle");
-    filterModal.modalSubTitle = this.getMessage("snkFilterBar.modalPersonalizedFilterSubTitle");
-    filterModal.okButtonLabel = this.getMessage("snkFilterBar.modalOkButtonLabel");
-    filterModal.cancelButtonLabel = this.getMessage("snkFilterBar.modalCancelButtonLabel");
-    filterModal.infoText = this.getMessage("snkFilterBar.modalInfoTextCreateEditPersonalized");
-    filterModal.useSearch = true;
-    filterModal.items = personalizedFilter.map(item => {
-      return { id: item.id, active: item.visible, enabled: true, label: item.label };
-    });
-    filterModal.processModalAction = (action) => {
-      if (action === index$2.ModalAction.CANCEL) {
-        // O Botão de cancelar, tem efeito específico:
-        //  - Desmarcar todos os filtros personalizados.
-        filterModal.items = filterModal.items.map(item => {
-          return Object.assign(Object.assign({}, item), { active: false });
-        });
-      }
-      else {
-        if (action === index$2.ModalAction.OK) {
-          this.addPersonalizedFilters(filterModal.items);
-        }
-        this._application.closeModal();
-      }
-    };
-    this._application.showModal(filterModal);
-  }
-  clearFilters() {
-    let changed = false;
-    this.filterConfig = this.filterConfig.map(item => {
-      if (item.value != undefined) {
-        changed = true;
-      }
-      return Object.assign(Object.assign({}, item), { value: undefined });
-    }).sort((a, b) => this._filtersComparator(a, b));
-    return changed;
-  }
-  loadPermitions() {
-    this._application.isUserSup().then(value => this.allowDefault = value);
-  }
-  loadConfigFromApplication() {
-    this._application.getFilterBarConfig(this.configName)
-      .then((filters) => {
-      this.filterConfig = filters.map(item => this.normalizeItem(item));
-      if (this.dataUnit) {
-        this.dataUnit.loadData();
-      }
-    })
-      .catch(reason => {
-      throw new index.ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), reason);
-    });
-  }
-  attachDataUnit() {
-    if (this.dataUnit == undefined) {
-      let parent = this._element.parentElement;
-      while (parent) {
-        if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
-          const snkDataUnit = parent;
-          this.dataUnit = snkDataUnit.dataUnit;
-          if (this.dataUnit) {
-            this.registryFilterProvider();
-          }
-          else {
-            snkDataUnit.addEventListener("dataUnitReady", (evt) => {
-              this.dataUnit = evt.detail;
-              this.registryFilterProvider();
-            });
-          }
-          break;
-        }
-      }
-      parent = parent.parentElement;
-    }
-    else {
-      this.registryFilterProvider();
-    }
-  }
-  filterChangeListener(evt) {
-    this.updateFilter(evt.detail);
-  }
-  addFilterHandler(itemName) {
-    const filterItem = this.filterConfig.find(currentFilter => currentFilter.id === itemName);
-    if (itemName === PERSONALIZED_FILTER) {
-      this.openPersonalizedModal();
-    }
-    else if (itemName === DEFAULT_FILTER) {
-      this.openDefaultFilterModal();
-    }
-    else if (filterItem) {
-      this.updateFilter(Object.assign(Object.assign({}, filterItem), { visible: true }));
-      window.requestAnimationFrame(() => {
-        const filterItemElement = this._element.querySelector("#filter-" + itemName);
-        if (filterItemElement) {
-          filterItemElement.showUp();
-        }
-      });
-    }
-  }
-  appliedFilterHandler(itemName) {
-    if (itemName === CLEAR_ALL_FILTERS) {
-      if (this.clearFilters()) {
-        this._application.info(this.getMessage("snkFilterBar.successfullyCleaned"), { iconName: "check" });
-      }
-    }
-    else {
-      const filterItemElement = this._element.querySelector("#filter-" + itemName);
-      if (filterItemElement) {
-        filterItemElement.showUp(true);
-      }
-    }
-  }
-  componentWillLoad() {
-    this._application = index.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (this._application) {
-      this.loadPermitions();
-      this.loadConfigFromApplication();
-    }
-    this.attachDataUnit();
-  }
-  componentDidRender() {
-    this.processPendingFilter();
-  }
-  render() {
-    if (!this.dataUnit || !this.filterConfig || this.filterConfig.length === 0) {
-      return undefined;
-    }
-    return (index$1.h(index$1.Host, null, index$1.h("ez-scroller", { direction: "horizontal" }, this.getFilterItems()), index$1.h("snk-filter-list", { items: this.getAppliedListItems(), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyAppliedFiltersList"), findFilterText: this.getMessage("snkFilterBar.findFilter"), iconName: "filter", class: "ez-padding-left--medium", buttonClass: this.getActiveClass(), onSnkItemSelected: evt => this.appliedFilterHandler(evt.detail) }), index$1.h("snk-filter-list", { items: this.getAddListItems(), label: this.getMessage("snkFilterBar.addFilter"), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyFiltersList"), findFilterText: this.getMessage("snkFilterBar.findField"), class: "ez-padding-left--medium", onSnkItemSelected: evt => this.addFilterHandler(evt.detail) }, index$1.h("ez-icon", { slot: "leftIcon", class: "ez-padding-right--small", iconName: "plus" }))));
-  }
-  get _element() { return index$1.getElement(this); }
-  static get watchers() { return {
-    "filterConfig": ["observeFilterConfig"]
-  }; }
-};
-SnkFilterBar.style = snkFilterBarCss;
-
-exports.snk_filter_bar = SnkFilterBar;

package/dist/cjs/snk-filter-item.cjs.entry.js

@@ -1,177 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0b676c5.js');
-const index$1 = require('./index-e90ae303.js');
-const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
-
-const SnkFilterItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.filterChange = index.createEvent(this, "filterChange", 7);
-    this.innerClickCheck = (floatingContainer, node) => {
-      if (this._popover.keepOpened) {
-        return true;
-      }
-      if (node && floatingContainer) {
-        if (!node.offsetParent) {
-          return true;
-        }
-        let current = node;
-        do {
-          if (current === floatingContainer) {
-            return true;
-          }
-        } while ((current = current.offsetParent) != null);
-      }
-      this.detailIsVisible = false;
-      this.executeCloseCallback();
-      return false;
-    };
-  }
-  async showUp(open = false) {
-    return new Promise(resolve => {
-      this._filterItemElement.scrollIntoView({ behavior: "auto", block: "nearest", inline: "nearest" });
-      if (open) {
-        window.requestAnimationFrame(() => {
-          this._closeCallback = resolve;
-          this.showDetail();
-        });
-      }
-    });
-  }
-  showDetail() {
-    this._floatingID = index$1.FloatingManager.float(this._popover, this._popoverContainer, { autoClose: true, innerClickTest: this.innerClickCheck, left: this.getScrollOffset() });
-    this.detailIsVisible = true;
-  }
-  getScrollOffset() {
-    return `${this._filterItemElement.getBoundingClientRect().left + 12}px`;
-  }
-  hideDetail() {
-    if (this._floatingID != undefined) {
-      index$1.FloatingManager.close(this._floatingID);
-    }
-    this._floatingID = undefined;
-    this.detailIsVisible = false;
-    this.executeCloseCallback();
-  }
-  executeCloseCallback() {
-    if (this._closeCallback) {
-      this._closeCallback();
-      this._closeCallback = undefined;
-    }
-  }
-  //---------------------------------------------
-  // Event handlers
-  //---------------------------------------------
-  clickListener(evt) {
-    if ([this._chipElement, this._leftIconElement, this._rightIconElement].includes(evt.target)) {
-      if (evt.target === this._rightIconElement && this.config.value != undefined) {
-        this.filterChange.emit(Object.assign(Object.assign({}, this.config), { value: undefined }));
-      }
-      else {
-        if (this.detailIsVisible) {
-          this.hideDetail();
-        }
-        else {
-          this.showDetail();
-        }
-      }
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      evt.stopPropagation();
-    }
-  }
-  mouseDownListener(evt) {
-    if (this.detailIsVisible && [this._chipElement, this._leftIconElement, this._rightIconElement].includes(evt.target)) {
-      evt.preventDefault();
-      evt.stopImmediatePropagation();
-      evt.stopPropagation();
-    }
-  }
-  getLabel() {
-    const { type, value, label, props } = this.config;
-    if (value) {
-      if (type === filterItemType_enum.FilterItemType.BINARY_SELECT) {
-        const [optOne, optTwo] = props.options;
-        if (optOne.name === value) {
-          return optOne.label;
-        }
-        if (optTwo.name === value) {
-          return optTwo.label;
-        }
-      }
-      if (type === filterItemType_enum.FilterItemType.MULTI_SELECT) {
-        const opt = props.options.find(opt => opt.value === value);
-        return `${label}: ${opt.label}`;
-      }
-      if (type === filterItemType_enum.FilterItemType.PERIOD) {
-        let { end, start } = value;
-        if (typeof end === "string") {
-          end = new Date(end);
-          end.setMinutes(end.getMinutes() + end.getTimezoneOffset());
-        }
-        if (typeof start === "string") {
-          start = new Date(start);
-          start.setMinutes(start.getMinutes() + start.getTimezoneOffset());
-        }
-        const dateFormater = new Intl.DateTimeFormat("pt-BR");
-        if (end && start) {
-          return `${label}: ${dateFormater.format(start)} a ${dateFormater.format(end)}`;
-        }
-        else {
-          if (start) {
-            return `${label}: A partir de ${dateFormater.format(start)}`;
-          }
-          else if (end) {
-            return `${label}: Até ${dateFormater.format(end)}`;
-          }
-          else {
-            return label;
-          }
-        }
-      }
-      if (type === filterItemType_enum.FilterItemType.SEARCH) {
-        return `${label}: ${value.value} - ${value.label}`;
-      }
-      if (type === filterItemType_enum.FilterItemType.PERSONALIZED) {
-        return label;
-      }
-      return `${label}: ${value}`;
-    }
-    return label;
-  }
-  componentDidRender() {
-    if (this._floatingID == undefined) {
-      if (this._popover) {
-        this._popover.remove();
-      }
-    }
-  }
-  filterChangeListener() {
-    this.hideDetail();
-  }
-  getRightIconName() {
-    if (this.config.value != undefined) {
-      return "close";
-    }
-    return this.detailIsVisible ? "chevron-up" : "chevron-down";
-  }
-  getLeftIconName() {
-    switch (this.config.type) {
-      case filterItemType_enum.FilterItemType.PERIOD:
-        return "calendar";
-      case filterItemType_enum.FilterItemType.PERSONALIZED:
-        return "tune";
-    }
-    return undefined;
-  }
-  render() {
-    const leftIcon = this.getLeftIconName();
-    return (index.h(index.Host, null, index.h("ez-chip", { ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.config.value != undefined }, leftIcon ? index.h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, index.h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon" })), index.h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, index.h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small", ref: elem => this._popover = elem, key: this.config.id }))));
-  }
-  get _filterItemElement() { return index.getElement(this); }
-};
-
-exports.snk_filter_item = SnkFilterItem;