@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-131882.2 → 0.0.0-bugfix-dev-KB-174860.0

package/dist/esm/snk-entity-search.entry.js

@@ -0,0 +1,207 @@
+import { r as registerInstance, e as createEvent, h, f as Host, g as getElement } from './index-04f73a26.js';
+import { KeyboardManager, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
+
+const snkEntitySearchCss = ".entity-search-popover{width:432px;font-family:var(--font-pattern, \"Roboto\");color:var(--color--gray-600, #1C1D22);text-shadow:0 0 var(--color--gray-500, #494A4E), 0 0 1px transparent;font-size:var(--font-size--large, 18px);padding:var(--space--24, 24px);max-width:430px;display:flex;flex-direction:column}.entity-search-popover label{margin-bottom:var(--space--16, 16px)}";
+
+const SnkEntitySearch = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.loaded = createEvent(this, "loaded", 7);
+    this.SEARCH_DESCRIPTION_TIMEOUT = 300;
+    this._entityPKField = null;
+    this.searchEntitySelect = async (item) => {
+      if (!this._entityPKField || !item) {
+        return;
+      }
+      try {
+        const pk = [{ name: this._entityPKField, value: item.value }];
+        await this.closeSearchPopover();
+        await this.refreshDataUnitByPk(pk);
+      }
+      catch (error) {
+        console.error('Erro ao selecionar entidade:', error);
+      }
+    };
+    this.entityName = "";
+    this.dataUnit = undefined;
+    this.messagesBuilder = undefined;
+    this._searchInputValue = "";
+    this._showMoreOnSearch = false;
+    this.visibleOptions = [];
+    this.value = undefined;
+    this.showLoading = true;
+  }
+  async showUnder(element) {
+    await this._popoverSearchEntity.showUnder(element, { horizontalGap: 12, verticalGap: 4 });
+  }
+  buildSearchOptions(limit) {
+    return {
+      entity: this.entityName,
+      entityDescription: this.entityName,
+      executeOnOpen: true,
+      searchOptions: {
+        localEntityName: this.entityName,
+        limit,
+      }
+    };
+  }
+  async handlePredictiveSearch(argument) {
+    var _a, _b;
+    const response = await this._application.executePreparedSearchWithFullResponse(argument, this.buildSearchOptions(5));
+    this._showMoreOnSearch = (_a = response === null || response === void 0 ? void 0 : response.hasMore) !== null && _a !== void 0 ? _a : false;
+    this._entityPKField = response === null || response === void 0 ? void 0 : response.pkField;
+    return (_b = response === null || response === void 0 ? void 0 : response.data) !== null && _b !== void 0 ? _b : [];
+  }
+  async loadEntitySuggestions(argument) {
+    var _a;
+    const value = (_a = argument === null || argument === void 0 ? void 0 : argument.argument) !== null && _a !== void 0 ? _a : '';
+    const mode = (argument === null || argument === void 0 ? void 0 : argument.mode) || "PREDICTIVE";
+    if (!value || value.trim().length === 0) {
+      return [];
+    }
+    try {
+      this._showMoreOnSearch = false;
+      if (mode === "PREDICTIVE") {
+        return await this.handlePredictiveSearch(value);
+      }
+      const searchResult = await this._application.executePreparedSearch(mode, value, this.buildSearchOptions());
+      return Array.isArray(searchResult) ? searchResult : [searchResult];
+    }
+    catch (error) {
+      console.error('Erro ao carregar sugestões de entidades:', error);
+      return [];
+    }
+  }
+  async refreshDataUnitByPk(pks) {
+    try {
+      const pkField = pks[0].name;
+      const pkValue = pks[0].value;
+      // Criar filtro para a busca específica
+      const quickFilter = {
+        term: '',
+        filter: {
+          name: '',
+          params: [],
+          expression: `(${pkField} = ${pkValue})`
+        }
+      };
+      // Carregar dados com o filtro aplicado diretamente
+      await this.dataUnit.loadData(quickFilter);
+      this.loaded.emit(this.dataUnit.records);
+    }
+    catch (error) {
+      console.error('Erro ao atualizar dataset:', error);
+    }
+  }
+  async closeSearchPopover() {
+    if (this._popoverSearchEntity && this._popoverSearchEntity.opened) {
+      await this._popoverSearchEntity.hide();
+    }
+  }
+  async handleOnEzVisibilityChange(event) {
+    if (event.detail) {
+      await this._textInput.setFocus();
+    }
+  }
+  async handleSelectItem(evt) {
+    const currentOpt = evt.detail;
+    this.value = currentOpt;
+    await this._popoverListResult.hide();
+    await this.searchEntitySelect(currentOpt);
+    this._searchInputValue = "";
+  }
+  updateKeyOption(option) {
+    return (Object.assign(Object.assign({}, option), { presentationValue: option.value, presentationLabel: option.label }));
+  }
+  async handleInputChange(value) {
+    if (this._debounceSearch) {
+      clearTimeout(this._debounceSearch);
+    }
+    return new Promise((resolve) => {
+      this._debounceSearch = setTimeout(async () => {
+        var _a;
+        this.showLoading = true;
+        this._searchInputValue = value;
+        await this._popoverListResult.showUnder(this._textInput);
+        this.visibleOptions = (_a = (await this.loadEntitySuggestions({ argument: this._searchInputValue, mode: undefined }))) === null || _a === void 0 ? void 0 : _a.map(this.updateKeyOption);
+        this.showLoading = false;
+        resolve();
+      }, this.SEARCH_DESCRIPTION_TIMEOUT);
+    });
+  }
+  isOptionsVisible() {
+    return this._popoverListResult.opened;
+  }
+  async handleArrowUp() {
+    if (!this.isOptionsVisible()) {
+      return;
+    }
+    await this._searchList.previousOption();
+  }
+  async handleArrowDown() {
+    if (!this.isOptionsVisible()) {
+      return;
+    }
+    await this._searchList.nextOption();
+  }
+  async selectCurrentItem() {
+    var _a;
+    await ((_a = this._searchList) === null || _a === void 0 ? void 0 : _a.selectCurrentItem());
+  }
+  async cancelSelection() {
+    var _a, _b;
+    await ((_a = this._searchList) === null || _a === void 0 ? void 0 : _a.cancelSelection());
+    (_b = this._popoverListResult) === null || _b === void 0 ? void 0 : _b.hide();
+  }
+  async handleInputTab() {
+    await this.cancelSelection();
+  }
+  async handleInputEsc() {
+    await this.cancelSelection();
+  }
+  getMessage(key, params) {
+    if (this.messagesBuilder) {
+      return this.messagesBuilder.getMessage(key, params);
+    }
+    // Fallback para mensagens padrão em português
+    const messages = {
+      'snkCrud.entitySearch.label': 'Busca por registros',
+      'snkCrud.entitySearch.placeholder': 'Digite o que você procura aqui...'
+    };
+    return messages[key] || key;
+  }
+  async initKeyboardManager() {
+    this._keyboardManager = new KeyboardManager();
+    const defaultOpts = { element: this._elem, propagate: true };
+    this._keyboardManager
+      .bind("ArrowUp", () => this.handleArrowUp(), Object.assign(Object.assign({}, defaultOpts), { propagate: false }))
+      .bind("ArrowDown", () => this.handleArrowDown(), Object.assign(Object.assign({}, defaultOpts), { propagate: false }))
+      .bind("Enter", () => this.selectCurrentItem(), Object.assign(Object.assign({}, defaultOpts), { propagate: false }))
+      .bind("Tab", () => this.handleInputTab(), defaultOpts)
+      .bind("Escape", () => this.handleInputEsc(), defaultOpts);
+  }
+  connectedCallback() {
+    this.initKeyboardManager();
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  }
+  componentDidLoad() {
+    ElementIDUtils.addIDInfoIfNotExists(this._elem, 'snk-entity-search');
+  }
+  disconnectedCallback() {
+    this._keyboardManager
+      .unbind("ArrowUp")
+      .unbind("ArrowDown")
+      .unbind("Enter")
+      .unbind("Tab")
+      .unbind("Escape");
+  }
+  render() {
+    return (h(Host, null, h("ez-popover-core", { ref: (ref) => this._popoverSearchEntity = ref, onEzVisibilityChange: (event) => this.handleOnEzVisibilityChange(event) }, h("div", { class: "entity-search-popover" }, h("label", null, this.getMessage('snkCrud.entitySearch.label')), h("ez-classic-input", { ref: (ref) => this._textInput = ref, placeholder: this.getMessage('snkCrud.entitySearch.placeholder'), rightIconClickable: true, size: "small", value: this._searchInputValue, onEzChange: (evt) => this.handleInputChange(evt.detail) }), h("ez-popover-core", { ref: elem => this._popoverListResult = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none', useAnchorSize: true, onEzVisibilityChange: (event) => event.stopPropagation() }, h("ez-search-result-list", { ref: (ref) => this._searchList = ref, showLoading: this.showLoading, visibleOptions: this.visibleOptions, value: this.value, onChangeValue: (evt) => this.handleSelectItem(evt) }))))));
+  }
+  get _elem() { return getElement(this); }
+};
+SnkEntitySearch.style = snkEntitySearchCss;
+
+export { SnkEntitySearch as snk_entity_search };

package/dist/esm/snk-exporter-email-sender.entry.js

@@ -120,7 +120,7 @@ const SnkExporterEmailSender = class {
     return (h("ez-popup", { useHeader: false, size: "x-small", heightMode: "auto", opened: this._opened }, h("ez-modal-container", { onEzModalAction: (evt) => {
         if (evt.detail === ModalAction.CLOSE)
           this.close();
-      }, modalTitle: this.getMessage("snkExporter.emailSenderTitle"), modalSubTitle: this.getStepMessage("subTitle") }, h("ez-view-stack", { ref: ref => this._viewStack = ref }, h("stack-item", null, h(OptionsStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateConfigInfo(field, value) })), h("stack-item", null, h(EmailInfoStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateEmailInfo(field, value) }))), h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, h("ez-button", Object.assign({ class: "ez-button--tertiary ez-padding-right--medium", label: this.getStepMessage("firstButton"), onClick: () => this.executeButtonAction(true), enabled: this.checkButtonEnabled(true) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("firstButton")}` })), h("ez-button", Object.assign({ class: this.getSecondButtonClass(), label: this.getStepMessage("secondButton"), onClick: () => this.executeButtonAction(false), enabled: this.checkButtonEnabled(false) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("secondButton")}` }))))));
+      }, modalTitle: this.getMessage("snkExporter.emailSenderTitle"), modalSubTitle: this.getStepMessage("subTitle") }, h("ez-view-stack", { ref: ref => this._viewStack = ref }, h("stack-item", null, h(OptionsStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateConfigInfo(field, value) })), h("stack-item", null, h(EmailInfoStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateEmailInfo(field, value) }))), 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.getStepMessage("firstButton"), onClick: () => this.executeButtonAction(true), enabled: this.checkButtonEnabled(true) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("firstButton")}` }, { variant: "secondary", size: "medium" })), h("ez-button", Object.assign({ label: this.getStepMessage("secondButton"), onClick: () => this.executeButtonAction(false), enabled: this.checkButtonEnabled(false) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("secondButton")}` }, { variant: "primary", size: "medium" }))))));
   }
   get _element() { return getElement(this); }
 };

package/dist/esm/{snk-expression-group_2.entry.js → snk-expression-group_4.entry.js}

@@ -1,11 +1,12 @@
 import { r as registerInstance, e as createEvent, h, i as forceUpdate, f as Host, g as getElement } from './index-04f73a26.js';
-import { a as FilterGroupCondition, F as FilterOperand } from './index-8acbae97.js';
+import { a as FilterGroupCondition, F as FilterOperand, b as FilterConfigType, P as PersonalizedFilterUtils, c as FilterEntities, d as FilterUserConfigTypes } from './PersonalizedFilterUtils-45b5803c.js';
 import { ApplicationUtils, CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
-import { ApplicationContext, StringUtils, ElementIDUtils, UserInterface } from '@sankhyalabs/core';
-import { S as SelectedItemType } from './index-620ac460.js';
+import { ApplicationContext, StringUtils, ElementIDUtils, UserInterface, JSUtils, DataType } from '@sankhyalabs/core';
 import { fieldBuilder } from '@sankhyalabs/ezui/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder';
 import { s as store } from './index-ea250be6.js';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
+import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
+import './filter-item-type.enum-d45e026f.js';
 
 const snkExpressionGroupCss = ".sc-snk-expression-group-h{display:block;--snk-expression-group--container-condition--width:184px;--snk-expression-group--container-condition--height:38px;--snk-expression-group--container-condition--border-radius:var(--border--radius-medium, 12px);--snk-expression-group--container-option--width:85px;--snk-expression-group__container-condition--background-and:#66B6A0;--snk-expression-group__container-condition--background-or:#EBC65E;--snk-expression-group__container-expression--padding-left:26px;--snk-expression-group__background-color-dashed:var(--background--body, #fafcff);--ez-text-input__margin-bottom:0px}.snk-expression-group__container-condition.sc-snk-expression-group{width:var(--snk-expression-group--container-condition--width);height:var(--snk-expression-group--container-condition--height);border-radius:var(--snk-expression-group--container-condition--border-radius);z-index:var(--more-visible--2x, 3);padding:var(--space--nano, 2px)}.snk-expression-group__container-option.sc-snk-expression-group{width:var(--snk-expression-group--container-option--width)}.snk-expression-group__container-condition[data-condition=\"AND\"].sc-snk-expression-group{background-color:var(--snk-expression-group__container-condition--background-and)}.snk-expression-group__container-condition[data-condition=\"OR\"].sc-snk-expression-group{background-color:var(--snk-expression-group__container-condition--background-or)}.snk-expression-group__container-expression.sc-snk-expression-group{padding-left:var(--snk-expression-group__container-expression--padding-left)}.dashes.sc-snk-expression-group{z-index:var(--visible, 1);background:var(--snk-expression-group__background-color-dashed);border-left:2px dashed var(--text-secondary, #A2ABB9);position:absolute;width:15px;height:58px;margin-left:-15px;margin-top:-36.5px}.horizontal-dashes.sc-snk-expression-group{z-index:var(--more-visible, 2);border-bottom:2px dashed var(--text-secondary, #A2ABB9);position:absolute;width:15px;height:54px;margin-left:-15px;margin-top:-33.5px}.hidden.sc-snk-expression-group{display:none}";
 
@@ -249,6 +250,12 @@ const SnkExpressionGroup = class {
 };
 SnkExpressionGroup.style = snkExpressionGroupCss;
 
+var SelectedItemType;
+(function (SelectedItemType) {
+  SelectedItemType["LINK"] = "LINK";
+  SelectedItemType["FIELD"] = "FIELD";
+})(SelectedItemType || (SelectedItemType = {}));
+
 const defaultsOperand = [
   { label: "snkPersonalizedFilter.operands.equal", value: "EQUAL" },
   { label: "snkPersonalizedFilter.operands.different", value: "DIFFERENT" },
@@ -540,4 +547,398 @@ const SnkExpressionItem = class {
 };
 SnkExpressionItem.style = snkExpressionItemCss;
 
-export { SnkExpressionGroup as snk_expression_group, SnkExpressionItem as snk_expression_item };
+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], class: "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 ENTITY_NAME_PATTERN = /\w+:\/\/(\w+)/;
+const SnkFilterFieldSearch = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezSelectFilterItem = createEvent(this, "ezSelectFilterItem", 7);
+    this._currentMetadata = null;
+    this._filterText = "";
+    this._isLoading = false;
+    this.searchable = true;
+    this.fieldsDataSource = undefined;
+    this.breadcrumbItems = [];
+    this.linkItems = [];
+    this.fieldItems = [];
+    this.searchEmpty = false;
+    this.groupEmpty = false;
+  }
+  /**
+   * /**
+   * Realiza a abertura do componente abaixo do elemento HTML informado
+   * e faz a primeira carga de dados.
+   *
+   * @param {HTMLElement} element - Elemento HTML onde o snk-filter-field-search irá se posicionar abaixo.
+   * @param {IEzPopoverAnchorOptions} options - opções para regular o posicionamento do componente.
+   */
+  async show(element, options) {
+    var _a;
+    if (element) {
+      (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.showUnder(element, options);
+    }
+    else {
+      this._ezPopover.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() {
+    var _a, _b;
+    this._isLoading = true;
+    let metadata = await this.fieldsDataSource.fetchData(this._currentLink);
+    this._currentLink = metadata.currentLink;
+    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;
+    (_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,
+      }];
+    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.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)
+        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.searchEmpty = Boolean(this._filterText && items.length === 0);
+    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);
+    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();
+  }
+  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, 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();
+  }
+  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;
+    (_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 ${(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;
+
+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;
+  }
+  /**
+   * Abre o modal de configuração de valor variável
+   */
+  open(expressionItem) {
+    this._opened = true;
+    this._expressionItem = expressionItem;
+    this.loadValues();
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
+  /**
+   * Fecha o modal de configuração de valor variável
+   */
+  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 || !this._opened) {
+      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 new Promise((resolve) => {
+      this._application.executePreparedSearch(mode, argument, options).then(res => resolve(res));
+    });
+  }
+  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 { SnkExpressionGroup as snk_expression_group, SnkExpressionItem as snk_expression_item, SnkFilterFieldSearch as snk_filter_field_search, SnkFilterParamConfig as snk_filter_param_config };