@sankhyalabs/sankhyablocks 5.4.3 → 5.6.0

package/dist/esm/snk-expression-item.entry.js

@@ -0,0 +1,209 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-cfd4bb13.js';
+import { UserInterface, ApplicationContext } from '@sankhyalabs/core';
+import { S as SelectedItemType } from './index-620ac460.js';
+import { ApplicationUtils, CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
+import { fieldBuilder } from '@sankhyalabs/ezui/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder';
+import { c as FilterOperand } from './index-507e19ec.js';
+import { s as store } from './index-8efbf198.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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    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"]
+  }; }
+};
+SnkExpressionItem.style = snkExpressionItemCss;
+
+export { SnkExpressionItem as snk_expression_item };

package/dist/esm/snk-field-config.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cfd4bb13.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
-import { A as ACTION_CONFIG } from './constants-15617e7d.js';
+import { A as ACTION_CONFIG } from './constants-e916ccc3.js';
 
 const snkFieldConfigCss = ".sc-snk-field-config-h{--snk-field-config--height:42px;--snk-field-config--width:100%;--snk-field-config__icon--width:48px;--snk-field-config-slim--height:32px;--snk-field-config--border-radius:var(--border--radius-medium, 12px);--snk-field-config--font-size:var(--text--medium, 14px);--snk-field-config--font-family:var(--font-pattern, Arial);--snk-field-config--font-weight:var(--text-weight--medium, 400);--snk-field-config--color:var(--title--primary, #000);--snk-field-config--padding-left:var(--space--medium, 6px);--snk-field-config__input--background-color:var(--background--medium, #e0e0e0);--snk-field-config__input--border:var(--border--medium, 2px solid);--snk-field-config__input--border-color:var(--background--xlight, #fff);--snk-field-config__required--color:var(--color--error, #FF0000);--snk-field-config__label--gap:var(--space--extra-small, 3px);--snk-field-config__transition--visibility:var(--transition, 0.2s linear);--snk-field-config__transition--opacity:var(--transition, 0.15s linear);--snk-field-config__config-popover--z-index:var(--more-visible, 2);--snk-field-config__config-outer-arrow--background-color:var(--color--secondary-200, #D2D3DA);--snk-field-config__draggable--padding-right:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--snk-field-config--width)}.field-config.sc-snk-field-config{width:100%;box-sizing:border-box;display:flex;align-items:center;padding-left:var(--snk-field-config--padding-left);font-weight:var(--snk-field-config--font-weight);height:var(--snk-field-config--height);border-radius:var(--snk-field-config--border-radius);font-family:var(--snk-field-config--font-family);font-size:var(--snk-field-config--font-size);border:var(--snk-field-config__input--border);border-color:var(--snk-field-config__input--border-color);background-color:var(--snk-field-config__input--background-color);color:var(--snk-field-config--color)}.field-config__config-popover.sc-snk-field-config{width:40px;margin-left:auto;z-index:var(--snk-field-config__config-popover--z-index)}.field-config__label.sc-snk-field-config{display:flex;flex-direction:row-reverse;line-height:calc(var(--snk-field-config--font-size) + 2px);gap:var(--snk-field-config__label--gap)}.field-config__label-text.sc-snk-field-config{overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}.field-config__label-required.sc-snk-field-config{color:var(--snk-field-config__required--color)}.field-config__add.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options--is-active.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config__remove-icon.sc-snk-field-config{margin-right:-15px}.field-config.sc-snk-field-config:hover .field-config__options.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config.sc-snk-field-config:hover .field-config__add.sc-snk-field-config{visibility:visible;opacity:1}.field-config__draggable.sc-snk-field-config{padding-right:var(--snk-field-config__draggable--padding-right)}.field-config__config-outer-arrow.sc-snk-field-config{clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px;padding-top:3px;border-bottom:1px solid #FFFFFF;background-color:var(--snk-field-config__config-outer-arrow--background-color)}.field-config__config-inner-arrow.sc-snk-field-config{background-color:#FFFFFF;clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px}.ez-box__container.sc-snk-field-config ez-collapsible-box.sc-snk-field-config{--snk-collapsible-box__header--padding-left:6px}ez-icon.sc-snk-field-config{--snk-icon--color:var(--snk-field-config--color)}ez-popover.sc-snk-field-config{--snk-popover__box--background-color:transparent;--snk-popover__box--box-shadow:none}.field-config__options.sc-snk-field-config ez-button.sc-snk-field-config{--snk-button--background-color:transparent;--snk-button--focus--border:none;--snk-button--focus--box-shadow:none}@media screen and (min-width: 1200px){.field-config__label.sc-snk-field-config{flex-direction:row}}";
 

package/dist/esm/snk-filter-field-search_2.entry.js

@@ -0,0 +1,430 @@
+import { h, r as registerInstance, c as createEvent, g as getElement } from './index-cfd4bb13.js';
+import { S as SelectedItemType } from './index-620ac460.js';
+import { UserInterface, JSUtils, ElementIDUtils, ApplicationContext, StringUtils, DataType } from '@sankhyalabs/core';
+import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
+import { c as FilterOperand, d as FilterConfigType, e as FilterEntities, F as FilterUserConfigTypes } from './index-507e19ec.js';
+
+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 = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezSelectFilterItem = createEvent(this, "ezSelectFilterItem", 7);
+    this._filterMetadataStorage = new Map();
+    this._currentMetadata = null;
+    this._filterText = "";
+    this._isLoading = false;
+    this.searchable = true;
+    this.fieldsDataSource = undefined;
+    this.breadcrumbItems = [];
+    this.linkItems = [];
+    this.fieldItems = [];
+  }
+  /**
+   * Realiza a abertura do componente e faz a primeira carga
+   * de dados.
+   * */
+  async show() {
+    var _a;
+    (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.show();
+    return this.loadData();
+  }
+  /**
+   * 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 applyFilter(filterText) {
+    if (this.searchable)
+      throw new Error('This method is not available when searchable is true');
+    this.handleFilterChange(filterText);
+  }
+  async loadData() {
+    this._isLoading = true;
+    let metadata;
+    if (this._currentLink != undefined) {
+      metadata = this._filterMetadataStorage.get(this._currentLink.uri);
+    }
+    if (!metadata) {
+      metadata = await this.fieldsDataSource.fetchData(this._currentLink);
+      this._currentLink = metadata.currentLink;
+      this._filterMetadataStorage.set(this._currentLink.uri, metadata);
+    }
+    const { fields, links } = metadata || {};
+    if (!Array.isArray(fields) || !Array.isArray(links))
+      throw new Error('Invalid metadata');
+    this._currentMetadata = metadata;
+    this.mapDataSourceToLinkItems();
+    this.mapDataSourceToFieldItems();
+    this._isLoading = false;
+    this._ezFieldList.scrollToTop();
+    this._ezLinkList.scrollToTop();
+  }
+  mapDataSourceToLinkItems() {
+    var _a;
+    const { links } = this._currentMetadata;
+    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._currentMetadata;
+    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)];
+    }
+    const selectedItem = Object.assign(Object.assign({}, item), { type: SelectedItemType.LINK });
+    this._currentLink = selectedItem;
+    this.ezSelectFilterItem.emit(selectedItem);
+    this.loadData();
+  }
+  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", overlayType: "none", "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')))))));
+  }
+};
+SnkFilterFieldSearch.style = snkFilterFieldSearchCss;
+
+class PersonalizedFilterUtils {
+  /**
+   * Cria uma expressão de filtro a partir de um IExpressionItem.
+   * @param expressionItem - Objeto com os parâmetros necessários para montar a expressão.
+   * @returns Retorna a expressão de filtro.
+   */
+  static buildFilterExpression(expressionItem) {
+    if (expressionItem == undefined) {
+      return;
+    }
+    const value = this.buildVariableParameterValue(expressionItem);
+    let expression = expressionItem.expression || "";
+    switch (expressionItem.operand) {
+      case FilterOperand.IN:
+        expression += ` ${expressionItem.operand} (${value})`;
+        break;
+      case FilterOperand.NULL:
+      case FilterOperand.NOT_NULL:
+        expression += ` IS ${value}`;
+        break;
+      case FilterOperand.LIKE:
+        expression += ` LIKE '%${value}%'`;
+        break;
+      case FilterOperand.START_WITH:
+        expression += ` LIKE '${value}%'`;
+        break;
+      case FilterOperand.FINISHED_WITH:
+        expression += ` LIKE '%${value}'`;
+        break;
+      default:
+        expression += ` ${expressionItem.operand} ${value}`;
+    }
+    return expression;
+  }
+  /**
+   * Obtém o valor do parâmetro a partir de um IExpressionItem.
+   * @param expressionItem - Objeto com os parâmetros necessários para montar a expressão.
+   * @returns Retorna o valor do parâmetro.
+   */
+  static buildVariableParameterValue(expressionItem) {
+    if (expressionItem == undefined) {
+      return;
+    }
+    if (expressionItem.systemConfig != undefined) {
+      const systemConfig = expressionItem.systemConfig;
+      return `?:{entidade=${systemConfig.entity || ""};campo=${systemConfig.fieldName || ""}}`;
+    }
+    if (expressionItem.userConfig != undefined) {
+      const userConfig = expressionItem.userConfig;
+      return `?:{desc=${userConfig.description || ""};tipo=${userConfig.type || ""}}`;
+    }
+    return `?:{entidade=${expressionItem.entityName || ""};campo=${expressionItem.fieldName || ""}}`;
+  }
+}
+
+const snkFilterParamConfigCss = ":host{--snk-filter-param-config__expression--color:var(--title--primary, #2b3a54);display:flex;position:relative}.snk-filter-param-config__expression{--text-area__input--disabled--color:var(--snk-filter-param-config__expression--color)}";
+
+const SnkFilterParamConfig = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this._opened = false;
+    this._configType = FilterConfigType.SYSTEM_CONFIG;
+    this._expressionItem = undefined;
+    this._informedInstance = false;
+    this._canSave = false;
+    this.messagesBuilder = undefined;
+  }
+  open(expressionItem) {
+    this._opened = true;
+    this._expressionItem = expressionItem;
+    this.loadValues();
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
+  close() {
+    this._opened = false;
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
+  /**
+   * 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-param-config.msg.ts"
+   */
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
+  getConfigValue(configName, inputName, inputAlias = "") {
+    var _a, _b, _c;
+    return ((_b = (_a = this._expressionItem) === null || _a === void 0 ? void 0 : _a[configName]) === null || _b === void 0 ? void 0 : _b[inputName])
+      || ((_c = this._expressionItem) === null || _c === void 0 ? void 0 : _c[inputAlias || inputName]);
+  }
+  loadValues() {
+    var _a;
+    const entityName = this.getConfigValue("systemConfig", "entity", "entityName");
+    const fieldName = this.getConfigValue("systemConfig", "fieldName");
+    const description = this.getConfigValue("userConfig", "description");
+    const type = this.getConfigValue("userConfig", "type");
+    if (((_a = this._expressionItem) === null || _a === void 0 ? void 0 : _a.userConfig) != undefined) {
+      this._configType = FilterConfigType.USER_CONFIG;
+    }
+    else {
+      this._configType = FilterConfigType.SYSTEM_CONFIG;
+    }
+    if (!StringUtils.isEmpty(entityName) && !StringUtils.isEmpty(fieldName)) {
+      this._instanceElement.value = { value: entityName, label: "" };
+      this._fieldElement.value = { value: fieldName, label: "" };
+    }
+    if (!StringUtils.isEmpty(description) && !StringUtils.isEmpty(type)) {
+      this._descriptionElement.value = description;
+      this._typeElement.value = type;
+    }
+    this.buildFilterExpression();
+  }
+  changeDefinitionUsed(option) {
+    this._configType = option !== null && option !== void 0 ? option : FilterConfigType.SYSTEM_CONFIG;
+    if (this._configType === FilterConfigType.SYSTEM_CONFIG) {
+      const entityName = this.getConfigValue("systemConfig", "entity", "entityName");
+      const fieldName = this.getConfigValue("systemConfig", "fieldName");
+      this._instanceElement.value = this._instanceElement.value || { value: entityName, label: "" };
+      this._fieldElement.value = this._fieldElement.value || { value: fieldName, label: "" };
+    }
+    else if (this._configType === FilterConfigType.USER_CONFIG) {
+      const description = this.getConfigValue("userConfig", "description");
+      const type = this.getConfigValue("userConfig", "type");
+      this._descriptionElement.value = this._descriptionElement.value || description;
+      this._typeElement.value = this._typeElement.value || type;
+    }
+    this.buildFilterExpression();
+  }
+  getTypeValue() {
+    var _a;
+    const value = (_a = this._typeElement) === null || _a === void 0 ? void 0 : _a.value;
+    return ((value === null || value === void 0 ? void 0 : value.value) || value);
+  }
+  getExpressionValues() {
+    var _a, _b, _c, _d, _e;
+    let systemConfig;
+    let userConfig;
+    if (this._configType === FilterConfigType.SYSTEM_CONFIG) {
+      const entity = (_b = (_a = this._instanceElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.value;
+      const fieldName = (_d = (_c = this._fieldElement) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.value;
+      systemConfig = { entity, fieldName };
+    }
+    else if (this._configType === FilterConfigType.USER_CONFIG) {
+      const description = (_e = this._descriptionElement) === null || _e === void 0 ? void 0 : _e.value;
+      const type = this.getTypeValue();
+      userConfig = { description, type };
+    }
+    return Object.assign(Object.assign(Object.assign({}, this._expressionItem), { systemConfig }), { userConfig });
+  }
+  isEnabled(value) {
+    return this._configType === value;
+  }
+  isInformedInstance() {
+    var _a, _b;
+    return !StringUtils.isEmpty((_b = (_a = this._instanceElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.value);
+  }
+  save() {
+    var _a;
+    this._expressionItem = Object.assign(Object.assign({}, this.getExpressionValues()), { expression: (_a = this._expressionElement) === null || _a === void 0 ? void 0 : _a.value });
+    this._promiseResolver(this._expressionItem);
+    this._opened = false;
+  }
+  buildFilterExpression() {
+    var _a;
+    this._informedInstance = this.isInformedInstance();
+    const expression = PersonalizedFilterUtils.buildFilterExpression(this.getExpressionValues());
+    this._expressionElement.value = expression || ((_a = this._expressionItem) === null || _a === void 0 ? void 0 : _a.expression);
+    this._canSave = this.getCanSave();
+  }
+  handleChangeInstance() {
+    this._informedInstance = this.isInformedInstance();
+    if (this._fieldElement != undefined && !StringUtils.isEmpty(this._fieldElement.value)) {
+      this._fieldElement.value = null;
+    }
+    this.buildFilterExpression();
+  }
+  getInstanceCriteria() {
+    var _a, _b;
+    const value = (_b = (_a = this._instanceElement) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.value;
+    return {
+      expression: "this.NOMETAB = (SELECT NOMETAB FROM TDDINS WHERE NOMEINSTANCIA = ?)",
+      params: [
+        {
+          name: "NOMEINSTANCIA",
+          dataType: DataType.TEXT,
+          value
+        }
+      ]
+    };
+  }
+  onSearch({ mode, argument }, entity) {
+    if (this._application == undefined) {
+      return;
+    }
+    const isField = entity === FilterEntities.FIELD;
+    const criteria = isField ? this.getInstanceCriteria() : undefined;
+    const messageKey = `snkFilterParamConfig.label${isField ? "Field" : "Instance"}`;
+    const entityDescription = this.getMessage(messageKey);
+    const searchOptions = {
+      descriptionFieldName: isField ? "DESCRCAMPO" : "DESCRINSTANCIA",
+      codeFieldName: isField ? "NOMECAMPO" : "NOMEINSTANCIA",
+      showInactives: false
+    };
+    const options = {
+      entity,
+      entityDescription,
+      criteria,
+      searchOptions
+    };
+    return this._application.executePreparedSearch(mode, argument, options);
+  }
+  getElementID(sufix) {
+    return {
+      [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(sufix)
+    };
+  }
+  getCanSave() {
+    var _a;
+    if (this._configType === FilterConfigType.USER_CONFIG) {
+      const description = (_a = this._descriptionElement) === null || _a === void 0 ? void 0 : _a.value;
+      const type = this.getTypeValue();
+      return !StringUtils.isEmpty(description) && !StringUtils.isEmpty(type);
+    }
+    return true;
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  render() {
+    ElementIDUtils.addIDInfoIfNotExists(this._element, 'snkFilterParamConfig');
+    return (h("ez-popup", Object.assign({ useHeader: false, size: "small", heightMode: "auto", opened: this._opened }, this.getElementID("popup")), h("ez-modal-container", Object.assign({ onEzModalAction: (evt) => {
+        if (evt.detail === ModalAction.CLOSE)
+          this.close();
+      }, modalTitle: this.getMessage("snkFilterParamConfig.modalTitle") }, this.getElementID("modalContainer")), h("div", { class: "ez-flex" }, h("div", { class: "ez-col ez-col--sd-6 ez-flex--column" }, h("ez-radio-button", Object.assign({ value: this._configType, onEzChange: (evt) => this.changeDefinitionUsed(evt.detail) }, this.getElementID("systemConfigOption")), h("ez-radio-button-option", { label: this.getMessage("snkFilterParamConfig.labelSystemConfig"), value: FilterConfigType.SYSTEM_CONFIG })), h("ez-search", Object.assign({ ref: (ref) => this._instanceElement = ref, label: this.getMessage("snkFilterParamConfig.labelInstance"), enabled: this.isEnabled(FilterConfigType.SYSTEM_CONFIG), suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, onEzChange: () => this.handleChangeInstance(), optionLoader: (searchArgument) => this.onSearch(searchArgument, FilterEntities.INSTANCE) }, this.getElementID("configFindEntity"))), h("ez-search", Object.assign({ ref: (ref) => this._fieldElement = ref, label: this.getMessage("snkFilterParamConfig.labelField"), enabled: this.isEnabled(FilterConfigType.SYSTEM_CONFIG) && this._informedInstance, suppressEmptyOption: true, showOptionValue: false, showSelectedValue: false, onEzChange: () => this.buildFilterExpression(), optionLoader: (searchArgument) => this.onSearch(searchArgument, FilterEntities.FIELD) }, this.getElementID("configFindField")))), h("div", { class: "ez-flex ez-padding--medium" }, h("hr", { class: "ez-divider-vertical" })), h("div", { class: "ez-col ez-col--sd-6 ez-flex--column" }, h("ez-radio-button", Object.assign({ value: this._configType, onEzChange: (evt) => this.changeDefinitionUsed(evt.detail) }, this.getElementID("userConfigOption")), h("ez-radio-button-option", { label: this.getMessage("snkFilterParamConfig.labelUserConfig"), value: FilterConfigType.USER_CONFIG })), h("ez-text-input", Object.assign({ ref: (ref) => this._descriptionElement = ref, label: this.getMessage("snkFilterParamConfig.labelDescription"), enabled: this.isEnabled(FilterConfigType.USER_CONFIG), onEzChange: () => this.buildFilterExpression() }, this.getElementID("configParamLabel"))), h("ez-combo-box", Object.assign({ ref: (ref) => this._typeElement = ref, label: this.getMessage("snkFilterParamConfig.labelType"), enabled: this.isEnabled(FilterConfigType.USER_CONFIG), suppressEmptyOption: true, onEzChange: () => this.buildFilterExpression() }, this.getElementID("configParamType")), Object.keys(FilterUserConfigTypes).map((configType) => {
+      return (h("option", { value: FilterUserConfigTypes[configType] }, this.getMessage(`snkFilterParamConfig.labelTypeValues.${configType.toLowerCase()}`)));
+    })))), h("ez-text-area", Object.assign({ ref: (ref) => this._expressionElement = ref, class: "snk-filter-param-config__expression", label: this.getMessage("snkFilterParamConfig.labelExpression"), enabled: false }, this.getElementID("presentationExpression"))), h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, h("ez-button", Object.assign({ class: "ez-padding-right--medium", label: this.getMessage("snkFilterParamConfig.labelCancel"), onClick: () => this.close() }, this.getElementID("cancelEditParam"))), h("ez-button", Object.assign({ class: "ez-button--primary", label: this.getMessage("snkFilterParamConfig.labelSave"), onClick: () => this.save(), enabled: this._canSave }, this.getElementID("saveEditParam")))))));
+  }
+  get _element() { return getElement(this); }
+};
+SnkFilterParamConfig.style = snkFilterParamConfigCss;
+
+export { SnkFilterFieldSearch as snk_filter_field_search, SnkFilterParamConfig as snk_filter_param_config };