@sankhyalabs/sankhyablocks 5.19.1 → 6.0.0

package/dist/esm/{snk-filter-field-search_2.entry.js → snk-expression-item_3.entry.js}

@@ -1,8 +1,304 @@
-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 { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8c3d76a6.js';
+import { UserInterface, ApplicationContext, ElementIDUtils, JSUtils, StringUtils, DataType } from '@sankhyalabs/core';
+import { ApplicationUtils, CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
+import { fieldBuilder } from '@sankhyalabs/ezui/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder';
+import { F as FilterOperand, c as FilterConfigType, d as FilterEntities, e as FilterUserConfigTypes } from './index-a255b326.js';
+import { s as store } from './index-d60ca0ac.js';
+import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 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';
+import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-202cd721.js';
+import './filter-item-type.enum-5028ed3f.js';
+
+var SelectedItemType;
+(function (SelectedItemType) {
+  SelectedItemType["LINK"] = "LINK";
+  SelectedItemType["FIELD"] = "FIELD";
+})(SelectedItemType || (SelectedItemType = {}));
+
+const defaultsOperand = [
+  { label: "Igual (=)", value: "EQUAL" },
+  { label: "Diferente (<>)", value: "DIFFERENT" },
+  { label: "Contendo (LIKE)", value: "LIKE" },
+  { label: "Contido em (IN)", value: "IN" },
+  { label: "Iniciado com (%?)", value: "START_WITH" },
+  { label: "Terminado com (?%)", value: "FINISHED_WITH" },
+  { label: "Vazio (NULL)", value: "NULL" },
+  { label: "Não Vazio (NOT NULL)", value: "NOT_NULL" },
+];
+const FilterOperandDefault = defaultsOperand.concat([
+  { label: "Maior (>)", value: "LARGER" },
+  { label: "Maior ou Igual (>=)", value: "LARGER_EQUAL" },
+  { label: "Menor (<)", value: "SMALLER" },
+  { label: "Menor ou Igual (<=)", value: "SMALLER_EQUAL" }
+]);
+const FilterOperandTypeTextSearch = defaultsOperand;
+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);--snk-expression-item__background-color-dashed:var(--background--body, #fafcff)}.box.sc-snk-expression-item{width:100%;height:56px;background:var(--snk-expression-item--background-color);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}.dashes.sc-snk-expression-item{z-index:var(--more-visible, 2);background:var(--snk-expression-item__background-color-dashed);border-bottom:2px dashed var(--text-secondary, #A2ABB9);border-left:2px dashed var(--text-secondary, #A2ABB9);position:absolute;width:15px;height:62px;margin-left:-15px;margin-top:-33.5px}";
+
+const DEFAULT_FIELD_NAME = 'NOT_DEFINED';
+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;
+    this.entityURI = undefined;
+  }
+  expressionChanged(newValue, oldValue) {
+    if (newValue !== oldValue) {
+      this.ezFilterItemChange.emit(newValue);
+      this.updateFieldSelected();
+    }
+  }
+  componentWillLoad() {
+    this._dataSourceFetcher = store.get(`filterFieldsDataSource.${this.entityURI}`);
+    store.onChange(`filterFieldsDataSource.${this.entityURI}`, () => {
+      this._dataSourceFetcher = store.get(`filterFieldsDataSource.${this.entityURI}`);
+    });
+    if (this.expression) {
+      this.updateFieldSelected();
+      this._optionNotNull = this.expression.operand === 'NULL' || this.expression.operand === 'NOT_NULL';
+    }
+  }
+  componentDidRender() {
+    this._showValueVariable = this._elValueVariable.value;
+  }
+  updateFieldSelected() {
+    const field = {
+      dataType: this.expression.type,
+      description: this.expression.description,
+      name: this.expression.fieldName,
+      label: this.expression.fieldLabel,
+      entityName: this.expression.entityName,
+      onlyDate: false,
+      path: this.expression.description,
+      properties: this.expressionPropsToFieldProps(this.expression.props),
+      type: SelectedItemType.FIELD,
+      uri: "",
+      userInterface: this.expression.userInterface
+    };
+    this._fieldSelected = field;
+  }
+  buildExpression(entityName, fieldName, entityPath) {
+    if (entityPath.length > 0) {
+      entityPath.shift();
+    }
+    return entityPath.length > 0 ? `${entityPath.join("->")}->${fieldName}` : `${entityName}.${fieldName}`;
+  }
+  setValueExpression(key, value) {
+    if (key === "fieldName") {
+      this.expression.description = value.path;
+      this.expression.expression = this.buildExpression(value.entityName, value.name, value.entityPath);
+      this.expression.fieldName = value.name;
+      this.expression.fieldLabel = value.label;
+      this.expression.type = value.dataType;
+      this.expression.userInterface = value.userInterface;
+      this.expression.entityName = value.entityName;
+      this.expression.value = undefined;
+      this.expression.props = this.fieldPropsToExpressionProps(value.properties);
+    }
+    else {
+      this.expression[key] = value;
+    }
+    this.expressionChanged(this.expression);
+  }
+  fieldPropsToExpressionProps(properties) {
+    const parsedProps = [];
+    if (!properties) {
+      return parsedProps;
+    }
+    for (const key in properties) {
+      let propValue = properties[key];
+      if (typeof propValue == "object") {
+        propValue = JSON.stringify(propValue);
+      }
+      parsedProps.push({ name: key, value: propValue });
+    }
+    return parsedProps;
+  }
+  expressionPropsToFieldProps(properties) {
+    const parsedProps = {};
+    if (!properties) {
+      return parsedProps;
+    }
+    properties.forEach(prop => {
+      try {
+        parsedProps[prop.name] = JSON.parse(prop.value);
+      }
+      catch (_a) {
+        parsedProps[prop.name] = prop.value;
+      }
+    });
+    return parsedProps;
+  }
+  getMessage(key, params) {
+    return this.application.messagesBuilder.getMessage(key, params);
+  }
+  handleSelectItem(filterField) {
+    if (filterField.name === this.expression.fieldName) {
+      this._elFilterInput.value = filterField.path;
+      return;
+    }
+    if (filterField.type === SelectedItemType.FIELD) {
+      const field = filterField;
+      this._fieldSelected = field;
+      this.setValueExpression("fieldName", field);
+    }
+  }
+  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;
+    }
+    this.expression["paramVariable"] = showValueVariable;
+    this.expressionChanged(this.expression);
+  }
+  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) {
+    const filterOperandValue = FilterOperand[optionSelected];
+    if ([FilterOperand.NULL, FilterOperand.NOT_NULL].includes(filterOperandValue)) {
+      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.confirmExpression.title"), this.getMessage("snkPersonalizedFilter.confirmExpression.description"))
+      .then((canRemove) => {
+      if (canRemove) {
+        this.ezFilterItemRemove.emit(this.expression);
+      }
+    });
+  }
+  buildFieldByType() {
+    var _a, _b, _c;
+    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 || this.expression.paramVariable || this._showValueVariable || !((_c = this._fieldSelected) === null || _c === void 0 ? void 0 : _c.dataType)) {
+      inputFieldData.$attrs$.enabled = false;
+    }
+    if (this.expression.value) {
+      inputFieldData.$attrs$.value = this.getExpressiontValue(this.expression);
+    }
+    inputFieldData.$attrs$.onEzChange = (event) => {
+      this.setValueExpression("value", event.target.value);
+    };
+    if (this.expression.userInterface === 'SWITCH' && this.expression.value == undefined) {
+      this.setValueExpression("value", false);
+    }
+    return h(inputFieldData.$tag$, Object.assign(Object.assign({}, inputFieldData.$attrs$), { ref: (el) => {
+        this._elFieldDynamic = el;
+      }, label: this.expression.fieldLabel || this._fieldSelected.label }));
+  }
+  getExpressiontValue(expression) {
+    return convertType(expression.type, expression.value);
+  }
+  configureFieldByType() {
+    var _a, _b;
+    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: (_b = (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.options,
+        };
+        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) {
+    var _a, _b;
+    if (application == undefined)
+      return;
+    const searchOptions = {
+      showInactives: false
+    };
+    const options = {
+      entity: (_b = (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.ENTITYNAME,
+      searchOptions,
+      entityDescription: this._fieldSelected.description
+    };
+    return application.executePreparedSearch(mode, argument, options);
+  }
+  render() {
+    var _a;
+    return (h(Host, null, h("div", { class: "dashes" }), h("div", { class: "box" }, h("div", { class: "box__container" }, h("div", { class: "box__container--input-filter" }, h("ez-filter-input", Object.assign({ ref: ref => this._elFilterInput = ref, 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() }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `expressionFilterInput_${this.expression.fieldName || DEFAULT_FIELD_NAME}` })), 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", Object.assign({ label: this.getMessage("snkPersonalizedFilter.info.labelOperator"), value: this.expression.operand, canShowError: false, options: this.buildOptionsOperator(), onEzChange: (evt) => { var _a; return this.handleChangeOperator((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, suppressEmptyOption: true }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxOperand_${this.expression.fieldName || DEFAULT_FIELD_NAME}` }))), 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, value: this.expression.paramVariable, label: this.getMessage("snkPersonalizedFilter.info.labelValueVarible"), mode: CheckMode.SWITCH, onEzChange: (evt) => this.handleChangeValueVariable(evt.detail) }), (this._showValueVariable && !this._optionNotNull) &&
+      h("ez-icon", Object.assign({ class: "box__container--input-value-variable--icon", size: "large", iconName: "settings-inverted" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: 'iconConfig' }, { 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" }, h("ez-button", { mode: "icon", iconName: "delete", enabled: this.canRemove, label: this.getMessage("snkPersonalizedFilter.info.labelDeleteItem"), onClick: (evt) => this.confirmRemove(evt) })))))));
+  }
+  static get watchers() { return {
+    "expression": ["expressionChanged"]
+  }; }
+};
+SnkExpressionItem.style = snkExpressionItemCss;
 
 const ICON_MODES = {
   [UserInterface.SHORTTEXT]: 'text',
@@ -30,6 +326,7 @@ const ListItem = ({ userInterface, 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 ENTITY_NAME_PATTERN = /\w+:\/\/(\w+)/;
 const SnkFilterFieldSearch = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -43,6 +340,8 @@ const SnkFilterFieldSearch = class {
     this.breadcrumbItems = [];
     this.linkItems = [];
     this.fieldItems = [];
+    this.searchEmpty = false;
+    this.groupEmpty = false;
   }
   /**
    * Realiza a abertura do componente e faz a primeira carga
@@ -64,6 +363,7 @@ const SnkFilterFieldSearch = class {
     this.handleFilterChange(filterText);
   }
   async loadData() {
+    var _a, _b;
     this._isLoading = true;
     let metadata;
     if (this._currentLink != undefined) {
@@ -81,14 +381,15 @@ const SnkFilterFieldSearch = class {
     this.mapDataSourceToLinkItems();
     this.mapDataSourceToFieldItems();
     this._isLoading = false;
-    this._ezFieldList.scrollToTop();
-    this._ezLinkList.scrollToTop();
+    (_a = this._ezFieldList) === null || _a === void 0 ? void 0 : _a.scrollToTop();
+    (_b = this._ezLinkList) === null || _b === void 0 ? void 0 : _b.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.groupEmpty = Boolean(items.length === 0);
     this.linkItems = [{
         group: filterLinkLabelMessage,
         items,
@@ -99,7 +400,7 @@ const SnkFilterFieldSearch = class {
   }
   mapDataSourceToFieldItems() {
     var _a;
-    const { fields } = this._currentMetadata;
+    const fields = this._currentMetadata.fields;
     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)
@@ -109,6 +410,7 @@ const SnkFilterFieldSearch = class {
       return searchableByDescription || searchableByName;
     });
     const items = filteredFields.map(field => (Object.assign({ label: field.description }, field)));
+    this.searchEmpty = Boolean(this._filterText && items.length === 0);
     this.fieldItems = [{
         group: filterFieldLabelMessage,
         items
@@ -136,10 +438,17 @@ const SnkFilterFieldSearch = class {
     this.ezSelectFilterItem.emit(selectedItem);
     this.loadData();
   }
+  getEntityFromBreadCrumbItem(item) {
+    const result = ENTITY_NAME_PATTERN.exec(item.uri);
+    if (!result) {
+      return undefined;
+    }
+    return result[1];
+  }
   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}` });
+    const selectedField = Object.assign(Object.assign({}, item), { type: SelectedItemType.FIELD, entityPath: this.breadcrumbItems.map(item => this.getEntityFromBreadCrumbItem(item)).filter(item => item != undefined), path: `${breadcrumbPath} >> ${item.description}` });
     this.ezSelectFilterItem.emit(selectedField);
     (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.hide();
   }
@@ -175,66 +484,17 @@ const SnkFilterFieldSearch = class {
   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: listItem => h("ez-badge", { label: listItem.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')))))));
+    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 ${(this.groupEmpty && this.searchEmpty) && " ez-margin--auto"}` }, this.groupEmpty ?
+      h("div", { class: "ez-margin--auto" }, h("span", { class: "ez-text ez-text--secondary ez-text--medium" }, this.getMessage('snkFilterFieldSearch.groupEmpty')))
+      :
+        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: listItem => h("ez-badge", { label: listItem.fieldCount }), "aria-describedby": "filterLinkLabel" }, this.getElementID('EzListLinks'))), this.searchEmpty ?
+      h("div", { class: "ez-margin--auto" }, h("span", { class: "ez-text ez-text--secondary ez-text--medium" }, this.getMessage('snkFilterFieldSearch.searchEmpty')))
+      :
+        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 {
@@ -377,7 +637,7 @@ const SnkFilterParamConfig = class {
     };
   }
   onSearch({ mode, argument }, entity) {
-    if (this._application == undefined) {
+    if (this._application == undefined || !this._opened) {
       return;
     }
     const isField = entity === FilterEntities.FIELD;
@@ -429,4 +689,4 @@ const SnkFilterParamConfig = class {
 };
 SnkFilterParamConfig.style = snkFilterParamConfigCss;
 
-export { SnkFilterFieldSearch as snk_filter_field_search, SnkFilterParamConfig as snk_filter_param_config };
+export { SnkExpressionItem as snk_expression_item, SnkFilterFieldSearch as snk_filter_field_search, SnkFilterParamConfig as snk_filter_param_config };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-cfd4bb13.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8c3d76a6.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { A as ACTION_CONFIG } from './constants-e916ccc3.js';