@sankhyalabs/sankhyablocks 5.5.0 → 5.6.0

package/dist/components/index3.js

@@ -0,0 +1,199 @@
+import { getRenderingRef, forceUpdate } from '@stencil/core/internal/client';
+
+const appendToMap = (map, propName, value) => {
+    const items = map.get(propName);
+    if (!items) {
+        map.set(propName, [value]);
+    }
+    else if (!items.includes(value)) {
+        items.push(value);
+    }
+};
+const debounce = (fn, ms) => {
+    let timeoutId;
+    return (...args) => {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = 0;
+            fn(...args);
+        }, ms);
+    };
+};
+
+/**
+ * Check if a possible element isConnected.
+ * The property might not be there, so we check for it.
+ *
+ * We want it to return true if isConnected is not a property,
+ * otherwise we would remove these elements and would not update.
+ *
+ * Better leak in Edge than to be useless.
+ */
+const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
+const cleanupElements = debounce((map) => {
+    for (let key of map.keys()) {
+        map.set(key, map.get(key).filter(isConnected));
+    }
+}, 2000);
+const stencilSubscription = () => {
+    if (typeof getRenderingRef !== 'function') {
+        // If we are not in a stencil project, we do nothing.
+        // This function is not really exported by @stencil/core.
+        return {};
+    }
+    const elmsToUpdate = new Map();
+    return {
+        dispose: () => elmsToUpdate.clear(),
+        get: (propName) => {
+            const elm = getRenderingRef();
+            if (elm) {
+                appendToMap(elmsToUpdate, propName, elm);
+            }
+        },
+        set: (propName) => {
+            const elements = elmsToUpdate.get(propName);
+            if (elements) {
+                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            }
+            cleanupElements(elmsToUpdate);
+        },
+        reset: () => {
+            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            cleanupElements(elmsToUpdate);
+        },
+    };
+};
+
+const unwrap = (val) => (typeof val === 'function' ? val() : val);
+const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
+    const unwrappedState = unwrap(defaultState);
+    let states = new Map(Object.entries(unwrappedState !== null && unwrappedState !== void 0 ? unwrappedState : {}));
+    const handlers = {
+        dispose: [],
+        get: [],
+        set: [],
+        reset: [],
+    };
+    const reset = () => {
+        var _a;
+        // When resetting the state, the default state may be a function - unwrap it to invoke it.
+        // otherwise, the state won't be properly reset
+        states = new Map(Object.entries((_a = unwrap(defaultState)) !== null && _a !== void 0 ? _a : {}));
+        handlers.reset.forEach((cb) => cb());
+    };
+    const dispose = () => {
+        // Call first dispose as resetting the state would
+        // cause less updates ;)
+        handlers.dispose.forEach((cb) => cb());
+        reset();
+    };
+    const get = (propName) => {
+        handlers.get.forEach((cb) => cb(propName));
+        return states.get(propName);
+    };
+    const set = (propName, value) => {
+        const oldValue = states.get(propName);
+        if (shouldUpdate(value, oldValue, propName)) {
+            states.set(propName, value);
+            handlers.set.forEach((cb) => cb(propName, value, oldValue));
+        }
+    };
+    const state = (typeof Proxy === 'undefined'
+        ? {}
+        : new Proxy(unwrappedState, {
+            get(_, propName) {
+                return get(propName);
+            },
+            ownKeys(_) {
+                return Array.from(states.keys());
+            },
+            getOwnPropertyDescriptor() {
+                return {
+                    enumerable: true,
+                    configurable: true,
+                };
+            },
+            has(_, propName) {
+                return states.has(propName);
+            },
+            set(_, propName, value) {
+                set(propName, value);
+                return true;
+            },
+        }));
+    const on = (eventName, callback) => {
+        handlers[eventName].push(callback);
+        return () => {
+            removeFromArray(handlers[eventName], callback);
+        };
+    };
+    const onChange = (propName, cb) => {
+        const unSet = on('set', (key, newValue) => {
+            if (key === propName) {
+                cb(newValue);
+            }
+        });
+        // We need to unwrap the defaultState because it might be a function.
+        // Otherwise we might not be sending the right reset value.
+        const unReset = on('reset', () => cb(unwrap(defaultState)[propName]));
+        return () => {
+            unSet();
+            unReset();
+        };
+    };
+    const use = (...subscriptions) => {
+        const unsubs = subscriptions.reduce((unsubs, subscription) => {
+            if (subscription.set) {
+                unsubs.push(on('set', subscription.set));
+            }
+            if (subscription.get) {
+                unsubs.push(on('get', subscription.get));
+            }
+            if (subscription.reset) {
+                unsubs.push(on('reset', subscription.reset));
+            }
+            if (subscription.dispose) {
+                unsubs.push(on('dispose', subscription.dispose));
+            }
+            return unsubs;
+        }, []);
+        return () => unsubs.forEach((unsub) => unsub());
+    };
+    const forceUpdate = (key) => {
+        const oldValue = states.get(key);
+        handlers.set.forEach((cb) => cb(key, oldValue, oldValue));
+    };
+    return {
+        state,
+        get,
+        set,
+        on,
+        onChange,
+        use,
+        dispose,
+        reset,
+        forceUpdate,
+    };
+};
+const removeFromArray = (array, item) => {
+    const index = array.indexOf(item);
+    if (index >= 0) {
+        array[index] = array[array.length - 1];
+        array.length--;
+    }
+};
+
+const createStore = (defaultState, shouldUpdate) => {
+    const map = createObservableMap(defaultState, shouldUpdate);
+    map.use(stencilSubscription());
+    return map;
+};
+
+const store = createStore({
+  exporterProviders: {},
+  filterFieldsDataSource: undefined
+});
+
+export { store as s };

package/dist/components/snk-data-exporter2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { ObjectUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { D as DataExporterOption, d as DataExporterFormat, e as DataExporterType } from './index2.js';
+import { D as DataExporterOption, b as DataExporterFormat, c as DataExporterType } from './index2.js';
 import { K as KEY_PORT_EXPORT, W as WEB_CONNECTION, R as REPORT_LAUNCHER_RESOURCE_ID } from './constants.js';
 import { D as DataFetcher } from './DataFetcher.js';
 import { S as SnkDataUnit } from './snk-data-unit2.js';

package/dist/components/snk-expression-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkExpressionItem extends Components.SnkExpressionItem, HTMLElement {}
+export const SnkExpressionItem: {
+  prototype: SnkExpressionItem;
+  new (): SnkExpressionItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-expression-item.js

@@ -0,0 +1,6 @@
+import { S as SnkExpressionItem$1, d as defineCustomElement$1 } from './snk-expression-item2.js';
+
+const SnkExpressionItem = SnkExpressionItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkExpressionItem, defineCustomElement };

package/dist/components/snk-expression-item2.js

@@ -0,0 +1,241 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { UserInterface, ApplicationContext } from '@sankhyalabs/core';
+import { a as SelectedItemType, d as defineCustomElement$2 } from './snk-filter-field-search2.js';
+import { ApplicationUtils, CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
+import { fieldBuilder } from '@sankhyalabs/ezui/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder';
+import { a as FilterOperand } from './index2.js';
+import { s as store } from './index3.js';
+import { d as defineCustomElement$1 } from './snk-filter-param-config2.js';
+
+const FilterOperandDefault = [
+  { value: FilterOperand.EQUAL, label: "Igual (=)" },
+  { value: FilterOperand.DIFFERENT, label: "Diferente (<>)" },
+  { value: FilterOperand.LIKE, label: "Contendo (LIKE)" },
+  { value: FilterOperand.IN, label: "Contido em (IN)" },
+  { value: FilterOperand.START_WITH, label: "Iniciado com (%?)" },
+  { value: FilterOperand.FINISHED_WITH, label: "Terminado com (?%)" },
+  { value: FilterOperand.NULL, label: "Vazio (NULL)" },
+  { value: FilterOperand.NOT_NULL, label: "Não Vazio (NOT NULL)" },
+  { value: FilterOperand.LARGER, label: "Maior (>)" },
+  { value: FilterOperand.LARGER_EQUAL, label: "Maior ou Igual (>=)" },
+  { value: FilterOperand.SMALLER, label: "Menor (<)" },
+  { value: FilterOperand.SMALLER_EQUAL, label: "Menor ou Igual (<=)" }
+];
+const FilterOperandTypeTextSearch = [
+  { value: FilterOperand.EQUAL, label: "Igual (=)" },
+  { value: FilterOperand.DIFFERENT, label: "Diferente (<>)" },
+  { value: FilterOperand.LIKE, label: "Contendo (LIKE)" },
+  { value: FilterOperand.IN, label: "Contido em (IN)" },
+  { value: FilterOperand.START_WITH, label: "Iniciado com (%?)" },
+  { value: FilterOperand.FINISHED_WITH, label: "Terminado com (?%)" },
+  { value: FilterOperand.NULL, label: "Vazio (NULL)" },
+  { value: FilterOperand.NOT_NULL, label: "Não Vazio (NOT NULL)" }
+];
+const FIELD_TYPE_SEARCH_AND_TEXT = [
+  UserInterface.SEARCH,
+  UserInterface.SHORTTEXT,
+  UserInterface.PASSWORD,
+  UserInterface.MASKEDTEXT,
+  UserInterface.LONGTEXT,
+  UserInterface.HTML
+];
+
+const snkExpressionItemCss = ".sc-snk-expression-item-h{display:flex;width:100%;--snk-expression-item--background-color:var(--background--xlight, #fff);--snk-expression-item__itens--padding:var(--space--small, 6px);--snk-expression-item__width--input-operator:220px;--snk-expression-item__width--input-value:240px;--snk-expression-item__width--input-value-variable:176px;--snk-expression-item--border-radius:var(--border--radius-medium, 12px);--snk-expression-item--border-color:var(--color--strokes, #DCE0E8);--snk-expression-item--border-style:var(--border--small, 1px solid)}.box.sc-snk-expression-item{width:100%;height:100%;background:var(--snk-expression-item--background-color);margin:var(--space--small, 6px);border:var(--snk-expression-item--border-color) var(--snk-expression-item--border-style);border-radius:var(--snk-expression-item--border-radius)}.box__container.sc-snk-expression-item{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;margin:var(--space--small, 6px)}.box__container--input-filter.sc-snk-expression-item{width:100%}.box__container--input-operator.sc-snk-expression-item{display:flex;width:var(--snk-expression-item__width--input-operator);min-width:var(--snk-expression-item__width--input-operator)}.box__container--input-value.sc-snk-expression-item{display:flex;width:var(--snk-expression-item__width--input-value);min-width:var(--snk-expression-item__width--input-value)}.box__container--input-value-variable.sc-snk-expression-item{display:flex;width:var(--snk-expression-item__width--input-value-variable);min-width:var(--snk-expression-item__width--input-value-variable)}.box__container--button-delete.sc-snk-expression-item{display:flex}.box__container.sc-snk-expression-item>div.sc-snk-expression-item{padding-left:var(--snk-expression-item__itens--padding);padding-right:var(--snk-expression-item__itens--padding)}.box__container--button-delete--icon.sc-snk-expression-item{width:42px;min-width:42px}.box__container--input-value-variable--icon.sc-snk-expression-item{cursor:pointer}";
+
+const SnkExpressionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.ezFilterItemChange = createEvent(this, "ezFilterItemChange", 7);
+    this.ezFilterItemRemove = createEvent(this, "ezFilterItemRemove", 7);
+    this.application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.filterOperandDefault = FilterOperandDefault;
+    this.filterOperandTypeTextSearch = FilterOperandTypeTextSearch;
+    this._showValueVariable = false;
+    this._fieldSelected = undefined;
+    this._optionNotNull = false;
+    this.expression = undefined;
+    this.canRemove = true;
+    this.messagesBuilder = undefined;
+  }
+  expressionChanged(newValue, oldValue) {
+    if (newValue !== oldValue) {
+      this.ezFilterItemChange.emit(newValue);
+    }
+  }
+  componentWillLoad() {
+    this._dataSourceFetcher = store.get("filterFieldsDataSource");
+    store.onChange('filterFieldsDataSource', () => {
+      this._dataSourceFetcher = store.get("filterFieldsDataSource");
+    });
+  }
+  setValueExpression(key, value) {
+    this.expression[key] = value;
+    this.expressionChanged(this.expression);
+  }
+  getMessage(key, params) {
+    return this.application.messagesBuilder.getMessage(key, params);
+  }
+  handleSelectItem(filterField) {
+    if (filterField.type === SelectedItemType.FIELD) {
+      const field = filterField;
+      this._fieldSelected = field;
+      this.setValueExpression("fieldName", field.name);
+    }
+  }
+  handleFocus() {
+    if (this._elFilterFieldSearch)
+      this._elFilterFieldSearch.show();
+  }
+  handleChangeFilterInput(evt) {
+    this._elFilterFieldSearch.applyFilter(evt.detail);
+  }
+  handleChangeValueVariable(showValueVariable) {
+    this._showValueVariable = showValueVariable;
+    if (this._elFieldDynamic) {
+      this._elFieldDynamic.value = undefined;
+      this._elFieldDynamic.enabled = !showValueVariable;
+    }
+  }
+  openSnkFilterParamConfig() {
+    var _a;
+    (_a = this._elFilterParamConfigRef) === null || _a === void 0 ? void 0 : _a.open(this.expression).then(this.onOpenPromiseReady.bind(this)).catch(error => {
+      console.error(error);
+    });
+  }
+  onOpenPromiseReady(changes) {
+    this.expression = changes;
+  }
+  buildOptionsOperator() {
+    var _a;
+    if (FIELD_TYPE_SEARCH_AND_TEXT.includes((_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.userInterface)) {
+      return this.filterOperandTypeTextSearch;
+    }
+    else {
+      return this.filterOperandDefault;
+    }
+  }
+  handleChangeOperator(optionSelected) {
+    this.checkOptionIsNull(optionSelected);
+    this.setValueExpression("operand", optionSelected);
+  }
+  checkOptionIsNull(optionSelected) {
+    if (optionSelected === FilterOperand.NULL || optionSelected === FilterOperand.NOT_NULL) {
+      this._optionNotNull = true;
+      if (this._elFieldDynamic) {
+        this._elFieldDynamic.enabled = false;
+        this._elFieldDynamic.value = undefined;
+      }
+    }
+    else {
+      this._optionNotNull = false;
+      if (this._elFieldDynamic) {
+        this._elFieldDynamic.enabled = this._showValueVariable ? false : true;
+      }
+    }
+  }
+  confirmRemove(evt) {
+    evt.preventDefault();
+    evt.stopPropagation();
+    ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirm.title"), this.getMessage("snkPersonalizedFilter.confirm.description"))
+      .then((canRemove) => {
+      if (canRemove) {
+        this.ezFilterItemRemove.emit(this.expression);
+      }
+    });
+  }
+  buildFieldByType() {
+    var _a, _b;
+    if (!this._fieldSelected)
+      return;
+    const inputFieldData = (_a = fieldBuilder(this.configureFieldByType())) === null || _a === void 0 ? void 0 : _a.$children$.shift();
+    if (this._optionNotNull && inputFieldData || ((_b = this._elValueVariable) === null || _b === void 0 ? void 0 : _b.value) && inputFieldData) {
+      inputFieldData.$attrs$.enabled = false;
+    }
+    return h(inputFieldData.$tag$, Object.assign(Object.assign({}, inputFieldData.$attrs$), { ref: (el) => {
+        this._elFieldDynamic = el;
+      } }));
+  }
+  configureFieldByType() {
+    const field = {
+      userInterface: this._fieldSelected.userInterface,
+      name: this._fieldSelected.name,
+      label: this._fieldSelected.label,
+      canShowError: false
+    };
+    switch (field.userInterface) {
+      case UserInterface.OPTIONSELECTOR:
+        field.props = {
+          options: this._fieldSelected.properties.map(option => ({
+            value: option.value,
+            label: option.name,
+          })),
+        };
+        break;
+      case UserInterface.LONGTEXT:
+        field.rows = 1;
+        break;
+      case UserInterface.SEARCH:
+        field.optionLoader = searchArgument => this.setCriteriaSearch(searchArgument, this.application);
+        break;
+    }
+    return field;
+  }
+  setCriteriaSearch({ mode, argument }, application) {
+    if (application == undefined)
+      return;
+    const searchOptions = {
+      showInactives: false
+    };
+    const options = {
+      entity: this._fieldSelected.properties.ENTITYNAME,
+      searchOptions: searchOptions,
+      entityDescription: this._fieldSelected.label
+    };
+    return application.executePreparedSearch(mode, argument, options);
+  }
+  render() {
+    var _a;
+    return (h(Host, null, h("div", { class: "box" }, h("div", { class: "box__container" }, h("div", { class: "box__container--input-filter" }, h("ez-filter-input", { value: (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.path, label: this.getMessage("snkPersonalizedFilter.info.labelSearchField"), canShowError: false, onEzChange: (evt) => this.handleChangeFilterInput(evt), onFocus: () => this.handleFocus() }), h("snk-filter-field-search", { ref: ref => this._elFilterFieldSearch = ref, searchable: false, onEzSelectFilterItem: (ev) => this.handleSelectItem(ev.detail), fieldsDataSource: this._dataSourceFetcher })), h("div", { class: "box__container--input-operator" }, h("ez-combo-box", { label: this.getMessage("snkPersonalizedFilter.info.labelOperator"), canShowError: false, options: this.buildOptionsOperator(), onEzChange: (evt) => this.handleChangeOperator(evt.detail.value), suppressEmptyOption: true })), h("div", { class: "box__container--input-value" }, !this._fieldSelected ?
+      h("ez-number-input", { label: "Valor", canShowError: false, enabled: (!this._showValueVariable && !this._optionNotNull) }) :
+      this.buildFieldByType()), h("div", { class: "box__container--input-value-variable", title: this.getMessage("snkPersonalizedFilter.info.titleTooltip") }, !this._optionNotNull &&
+      h("ez-check", { ref: ref => this._elValueVariable = ref, label: this.getMessage("snkPersonalizedFilter.info.labelValueVarible"), mode: CheckMode.SWITCH, onEzChange: (evt) => this.handleChangeValueVariable(evt.detail) }), (this._showValueVariable && !this._optionNotNull) &&
+      h("ez-icon", { class: "box__container--input-value-variable--icon", size: "large", iconName: "settings-inverted", onClick: () => this.openSnkFilterParamConfig() }), h("snk-filter-param-config", { ref: (el) => this._elFilterParamConfigRef = el, messagesBuilder: this.messagesBuilder })), h("div", { class: "box__container--button-delete" }, h("div", { class: "box__container--button-delete--icon" }, this.canRemove && h("ez-button", { mode: "icon", iconName: "delete", onClick: (evt) => this.confirmRemove(evt) })))))));
+  }
+  static get watchers() { return {
+    "expression": ["expressionChanged"]
+  }; }
+  static get style() { return snkExpressionItemCss; }
+}, [2, "snk-expression-item", {
+    "expression": [16],
+    "canRemove": [516, "can-remove"],
+    "messagesBuilder": [1040],
+    "_showValueVariable": [32],
+    "_fieldSelected": [32],
+    "_optionNotNull": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-expression-item", "snk-filter-field-search", "snk-filter-param-config"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkExpressionItem);
+      }
+      break;
+    case "snk-filter-field-search":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "snk-filter-param-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { SnkExpressionItem as S, defineCustomElement as d };

package/dist/components/snk-filter-field-search.js

@@ -1,203 +1,4 @@
-import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { UserInterface, JSUtils, ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
-
-var SelectedItemType;
-(function (SelectedItemType) {
-  SelectedItemType["LINK"] = "LINK";
-  SelectedItemType["FIELD"] = "FIELD";
-})(SelectedItemType || (SelectedItemType = {}));
-
-const ICON_MODES = {
-  [UserInterface.SHORTTEXT]: 'text',
-  [UserInterface.LONGTEXT]: 'text',
-  [UserInterface.INTEGERNUMBER]: 'number',
-  [UserInterface.DECIMALNUMBER]: 'number',
-  [UserInterface.DATE]: 'calendar',
-  [UserInterface.DATETIME]: 'calendar',
-  [UserInterface.SWITCH]: 'boolean',
-  [UserInterface.CHECKBOX]: 'check-circle-inverted',
-  [UserInterface.OPTIONSELECTOR]: 'list',
-  [UserInterface.SEARCH]: 'search',
-  [UserInterface.HTML]: 'tag_code',
-  [UserInterface.IMAGE]: 'png',
-  [UserInterface.FILE]: 'edit-file',
-  [UserInterface.TIME]: 'timer-outline',
-  [UserInterface.ELAPSEDTIME]: 'timer',
-  [UserInterface.MASKEDTEXT]: 'text',
-  [UserInterface.PASSWORD]: 'email',
-};
-const ListItem = ({ userInterface, description }) => {
-  return (h("ez-icon", { iconName: ICON_MODES[userInterface], className: "ez-padding-left--small", title: description }));
-};
-
-const snkFilterFieldSearchCss = ".sc-snk-filter-field-search-h{--snk-filter-field-search--container-width:468px;--snk-filter-field-search--container-height:322px}.snk-filter-field-search__container.sc-snk-filter-field-search{display:flex;flex-direction:column;padding:var(--space--medium);width:var(--snk-filter-field-search--container-width);height:var(--snk-filter-field-search--container-height)}.snk-filter-field-search__section.sc-snk-filter-field-search{display:grid;grid-template-columns:1fr 1fr;place-items:flex-start;overflow:hidden;gap:var(--space--small)}.snk-filter-field-search__input.sc-snk-filter-field-search{margin-bottom:var(--space--medium)}.snk-filter-field-search__list_container.sc-snk-filter-field-search{display:flex;flex-direction:column}.snk-filter-field-search__list.sc-snk-filter-field-search{overflow-y:auto}";
-
-const SNK_CONTEXT_KEY = "__SNK__APPLICATION__";
-const SnkFilterFieldSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.ezSelectFilterItem = createEvent(this, "ezSelectFilterItem", 7);
-    this._filterMetadataStorage = new Map();
-    this._dataSource = null;
-    this._filterText = "";
-    this._isLoading = false;
-    this.searchable = true;
-    this.breadcrumbItems = [];
-    this.linkItems = [];
-    this.fieldItems = [];
-  }
-  /**
-   * Define a fonte de dados do componente.
-   * @param {IFilterLink} currentLink - Link atual da entidade.
-   * @param {IFilterMetadata} fetchData - callback que executa a busca de dados.
-   * @throws {Error} - Quando os metadados não forem válidos.
-   * @throws {Error} - Quando o link atual não for do tipo link.
-  */
-  async setDataSource(currentLink, fetchData) {
-    var _a;
-    this._isLoading = true;
-    let metadata = this._filterMetadataStorage.get(currentLink.uri);
-    if (!metadata) {
-      metadata = await fetchData(currentLink);
-      this._filterMetadataStorage.set(currentLink.uri, metadata);
-    }
-    const { fields, links } = metadata || {};
-    if (!Array.isArray(fields) || !Array.isArray(links))
-      throw new Error('Invalid metadata');
-    if (currentLink.type !== SelectedItemType.LINK)
-      throw new Error('The current link must be a link type');
-    this._dataSource = metadata;
-    this._currentLink = currentLink;
-    this.mapDataSourceToLinkItems();
-    this.mapDataSourceToFieldItems();
-    this._isLoading = false;
-    (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.show();
-    this._ezFieldList.scrollToTop();
-    this._ezLinkList.scrollToTop();
-  }
-  /**
-   * Filtra a fonte de dados do componente.
-   * @param {string} filterText - Texto para filtrar a fonte de dados.
-   * @throws {Error} - Quando o componente estiver com a propriedade searchable como true.
-  */
-  async filterDataSource(filterText) {
-    if (this.searchable)
-      throw new Error('This method is not available when searchable is true');
-    this.handleFilterChange(filterText);
-  }
-  mapDataSourceToLinkItems() {
-    var _a;
-    const { links } = this._dataSource;
-    const filterLinkLabelMessage = this.getMessage('snkFilterFieldSearch.linkLabel', { link: (_a = this._currentLink) === null || _a === void 0 ? void 0 : _a.description });
-    const items = links.map(link => (Object.assign({ label: link.description }, link)));
-    this.linkItems = [{
-        group: filterLinkLabelMessage,
-        items
-      }];
-    if (this.breadcrumbItems.length === 0) {
-      this.breadcrumbItems = [Object.assign({ id: JSUtils.generateUUID(), label: this._currentLink.description }, this._currentLink)];
-    }
-  }
-  mapDataSourceToFieldItems() {
-    var _a;
-    const { fields } = this._dataSource;
-    const filterFieldLabelMessage = this.getMessage('snkFilterFieldSearch.fieldLabel', { link: (_a = this._currentLink) === null || _a === void 0 ? void 0 : _a.description });
-    const filteredFields = fields.filter(field => {
-      if (!this._currentLink)
-        return true;
-      const searchableByDescription = field.description.toLowerCase().includes(this._filterText.toLowerCase());
-      const searchableByName = field.name.toLowerCase().includes(this._filterText.toLowerCase());
-      return searchableByDescription || searchableByName;
-    });
-    const items = filteredFields.map(field => (Object.assign({ label: field.description }, field)));
-    this.fieldItems = [{
-        group: filterFieldLabelMessage,
-        items
-      }];
-  }
-  handleFilterChange(filterText) {
-    if (this._isLoading)
-      return;
-    this._filterText = filterText;
-    this.mapDataSourceToFieldItems();
-  }
-  handleSelectLink({ detail: item }) {
-    if (this._isLoading)
-      return;
-    const breadcrumbByIndex = this.breadcrumbItems.findIndex(breadcrumbItem => breadcrumbItem.id === item.id);
-    item.cache = this._filterMetadataStorage.has(item.uri);
-    if (breadcrumbByIndex > -1) {
-      this.breadcrumbItems = this.breadcrumbItems.slice(0, (breadcrumbByIndex + 1));
-    }
-    else {
-      this.breadcrumbItems = [...this.breadcrumbItems, Object.assign({ id: JSUtils.generateUUID(), label: item.description }, item)];
-    }
-    this.ezSelectFilterItem.emit(Object.assign(Object.assign({}, item), { type: SelectedItemType.LINK }));
-  }
-  handleSelectField({ detail: item }) {
-    var _a;
-    const breadcrumbPath = this.breadcrumbItems.map(breadcrumbItem => breadcrumbItem.label).join('>>');
-    const selectedField = Object.assign(Object.assign({}, item), { type: SelectedItemType.FIELD, path: `${breadcrumbPath} >> ${item.description}` });
-    this.ezSelectFilterItem.emit(selectedField);
-    (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.hide();
-  }
-  getElementID(sufix) {
-    return {
-      [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(sufix)
-    };
-  }
-  /**
-   * 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-field-search.msg.ts"
-  */
-  getMessage(key, params) {
-    var _a, _b, _c;
-    if (!this._application)
-      this._application = ApplicationContext.getContextValue(SNK_CONTEXT_KEY);
-    return (_c = (_b = (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder) === null || _b === void 0 ? void 0 : _b.getMessage) === null || _c === void 0 ? void 0 : _c.call(_b, key, params);
-  }
-  ;
-  componentWillLoad() {
-    this._application = ApplicationContext.getContextValue(SNK_CONTEXT_KEY);
-  }
-  componentDidLoad() {
-    ElementIDUtils.addIDInfoIfNotExists(this._ezPopover, 'popover');
-  }
-  disconnectedCallback() {
-    var _a;
-    this._filterMetadataStorage.clear();
-    (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.hide();
-  }
-  render() {
-    var _a;
-    const searchLabelMessage = this.getMessage('snkFilterFieldSearch.searchLabel');
-    return (h("ez-popover", Object.assign({ ref: (el) => this._ezPopover = el, role: "dialog", "aria-hidden": !((_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.opened) }, this.getElementID('EzPopover')), h("div", { class: "snk-filter-field-search__container" }, h("header", { class: "snk-filter-field-search__header" }, this.searchable && !!searchLabelMessage && (h("ez-filter-input", Object.assign({ class: "snk-filter-field-search__input", label: searchLabelMessage, asyncSearch: true, canShowError: false, onEzSearching: (event) => this.handleFilterChange.bind(this)(event.detail), "aria-label": searchLabelMessage, "aria-required": "false", "aria-invalid": "false" }, this.getElementID('EzFilterInput')))), this.breadcrumbItems.length > 0 && (h("ez-breadcrumb", Object.assign({ items: this.breadcrumbItems, onSelectedItem: this.handleSelectLink.bind(this), role: "navigation", "aria-current": "step" }, this.getElementID('EzBreadcrumb')))), h("hr", { class: "ez-divider-horizontal ez-margin-vertical--medium" })), h("section", { class: "snk-filter-field-search__section" }, h("ez-list", Object.assign({ ref: (el) => this._ezLinkList = el, class: "snk-filter-field-search__list", id: "filterLinkList", useGroups: true, dataSource: this.linkItems, onEzSelectItem: this.handleSelectLink.bind(this), hoverFeedback: true, ezSelectable: true, itemSlotBuilder: ({ fieldCount }) => h("ez-badge", { label: fieldCount }), "aria-describedby": "filterLinkLabel" }, this.getElementID('EzListLinks'))), h("ez-list", Object.assign({ ref: (el) => this._ezFieldList = el, class: "snk-filter-field-search__list", id: "filterFieldList", useGroups: true, dataSource: this.fieldItems, onEzSelectItem: this.handleSelectField.bind(this), hoverFeedback: true, ezSelectable: true, itemSlotBuilder: ListItem, "aria-describedby": "filterFieldLabel" }, this.getElementID('EzListFields')))))));
-  }
-  static get style() { return snkFilterFieldSearchCss; }
-}, [2, "snk-filter-field-search", {
-    "searchable": [4],
-    "breadcrumbItems": [32],
-    "linkItems": [32],
-    "fieldItems": [32],
-    "setDataSource": [64],
-    "filterDataSource": [64]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["snk-filter-field-search"];
-  components.forEach(tagName => { switch (tagName) {
-    case "snk-filter-field-search":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SnkFilterFieldSearch$1);
-      }
-      break;
-  } });
-}
+import { S as SnkFilterFieldSearch$1, d as defineCustomElement$1 } from './snk-filter-field-search2.js';
 
 const SnkFilterFieldSearch = SnkFilterFieldSearch$1;
 const defineCustomElement = defineCustomElement$1;