@sankhyalabs/sankhyablocks 0.0.0-feat-dev-kb-4158.0

package/dist/components/snk-filter-modal.js

@@ -0,0 +1,242 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { F as FilterType, d as defineCustomElement$2 } from './snk-filter-modal-item2.js';
+import { F as FilterItemType } from './filter-item-type.enum.js';
+import { ObjectUtils } from '@sankhyalabs/core';
+import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils.js';
+
+const snkFilterModalCss = "ez-modal{--ez-modal-content-padding:24px 12px}.snk-filter-modal__container{width:344px;max-width:344px;min-width:344px;overflow:hidden}.snk-filter-modal__content{display:flex;flex-direction:column;gap:var(--space--medium, 12px);padding-right:var(--space--3xs, 4px)}.snk-filter-modal__collapsible-box{border:var(--border--small, 1px solid) var(--color--strokes, #DCE0E8);border-radius:var(--border--radius-medium);padding:var(--space--medium, 12px) var(--space--small, 6px)}.snk-filter-modal__rendered-items{max-height:760px;overflow-x:clip;overflow-y:auto}.snk-filter-modal__rendered-items::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";
+
+const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.getMessage = undefined;
+    this.configName = undefined;
+    this.filters = undefined;
+    this.applyFilters = undefined;
+    this.closeModal = undefined;
+    this.addPersonalizedFilter = undefined;
+    this.editPersonalizedFilter = undefined;
+  }
+  getCustomMessage(key, params) {
+    var _a;
+    return (_a = this.getMessage) === null || _a === void 0 ? void 0 : _a.call(this, `snkFilterBar.filterModal.${key}`, params);
+  }
+  //TODO: tratar clear all dos filtros personalizados
+  handleClearAll() {
+    const { customFilters, quickFilters, otherFilters, multiListFilters } = this.filters.reduce((acc, filter) => {
+      if (filter.type === FilterItemType.MULTI_LIST) {
+        acc.multiListFilters.push(filter);
+        return acc;
+      }
+      if (filter.filterType === FilterType.QUICK_FILTER) {
+        acc.quickFilters.push(filter);
+        return acc;
+      }
+      if (filter.filterType === FilterType.CUSTOM_FILTER) {
+        acc.customFilters.push(filter);
+        return acc;
+      }
+      if (filter.filterType === FilterType.OTHER_FILTERS) {
+        acc.otherFilters.push(filter);
+        return acc;
+      }
+      return acc;
+    }, { quickFilters: [], customFilters: [], otherFilters: [], multiListFilters: [] });
+    this.handleClearFilterList(quickFilters);
+    this.handleClearCustomFilters(customFilters);
+    this.handleClearOthersFilters(otherFilters);
+    multiListFilters.forEach(multiListFilter => this.handleClearSigleFilter(multiListFilter));
+  }
+  handleClearOthersFilters(otherFilters) {
+    this.filters = this.filters.map(filter => otherFilters.includes(filter) ? (Object.assign(Object.assign({}, filter), { value: undefined })) : filter);
+  }
+  handleClearCustomFilters(customFilters) {
+    this.filters.forEach((filter, index) => {
+      if (filter.filterType === FilterType.CUSTOM_FILTER)
+        this.filters[index] = this.clearAllCustomFilter(customFilters).shift();
+    });
+  }
+  clearAllCustomFilter(filterConfigSnapshot) {
+    return filterConfigSnapshot.map(filterItem => {
+      const copy = Object.assign({}, filterItem);
+      delete copy.value;
+      copy.visible = false;
+      if (copy.groupedItems) {
+        copy.groupedItems = this.clearAllCustomFilter(copy.groupedItems);
+      }
+      return copy;
+    });
+  }
+  handleClose() {
+    const hasChangesToSave = ObjectUtils.objectToString(this.filters) !== ObjectUtils.objectToString(this._originalFilterConfig);
+    if (!hasChangesToSave) {
+      this.closeModal();
+      return;
+    }
+    return ApplicationUtils.confirm(this.getCustomMessage('validations.notSaved.title'), this.getCustomMessage('validations.notSaved.message')).then((cancelAction) => {
+      if (cancelAction)
+        this.closeModal();
+    });
+  }
+  handleApplyFilters() {
+    const filterPersonalized = this.filters.find(filter => filter.filterType === FilterType.CUSTOM_FILTER);
+    if (this.isValidCustomFilter(filterPersonalized)) {
+      this.applyFilters(this.filters);
+    }
+  }
+  isValidCustomFilter(filterPersonalized) {
+    const isValid = PersonalizedFilterUtils.validateVariableValues(filterPersonalized);
+    if (!isValid) {
+      ApplicationUtils.alert(this.getCustomMessage('validations.notFullFilled.title'), this.getCustomMessage('validations.notFullFilled.message'));
+      return false;
+    }
+    return true;
+  }
+  modalActionListener(evt) {
+    const modalAction = evt.detail;
+    switch (modalAction) {
+      case ModalAction.CANCEL:
+        this.handleClearAll();
+        break;
+      case ModalAction.OK:
+        this.handleApplyFilters();
+        break;
+      case ModalAction.CLOSE:
+        this.handleClose();
+        break;
+    }
+  }
+  handleFilterChange(filterConfig) {
+    this.filters = this.filters.map(filter => filter.id === filterConfig.id ? filterConfig : filter);
+  }
+  handleClearFilterList(filterList) {
+    this.filters = this.filters.map(filter => filterList.includes(filter) ? (Object.assign(Object.assign({}, filter), { value: undefined })) : filter);
+  }
+  handleClearSigleFilter(filterItem) {
+    if (FilterItemType.MULTI_LIST === filterItem.type) {
+      let filterItemCopy = ObjectUtils.copy(filterItem);
+      this.uncheckFilterValues(filterItemCopy.value);
+      const filterListCopy = ObjectUtils.copy(this.filters);
+      const index = filterListCopy.findIndex(item => item.id === filterItem.id);
+      filterListCopy.splice(index, 1, filterItemCopy);
+      this.filters = ObjectUtils.copy(filterListCopy);
+    }
+    else {
+      this.filters.find(filter => filter.id === filterItem.id).value = undefined;
+    }
+  }
+  uncheckFilterValues(valueList) {
+    valueList.forEach(value => {
+      if (!!value) {
+        value.check = false;
+      }
+    });
+    return valueList;
+  }
+  renderFilterItem(filterItem, fullRow) {
+    return (h("snk-filter-modal-item", { class: fullRow ? 'ez-col ez-col--sd-12' : 'ez-col ez-col--sd-6 ez-padding--small', filterItem: filterItem, configName: this.configName, onFilterChange: (event) => this.handleFilterChange(event.detail), onEditPersonalizedFilter: evt => this.editPersonalizedFilter(evt.detail), onAddPersonalizedFilter: () => this.addPersonalizedFilter() }));
+  }
+  mountFiltersLines(filters) {
+    const MAX_LINE_LENGTH = 2;
+    let currentLine = 0;
+    let forceAddCurrent = false;
+    const filtersLines = {};
+    for (let curr = 0; curr < filters.length; curr++) {
+      filtersLines[currentLine] = filtersLines[currentLine] || [];
+      const item = filters[curr];
+      const isLast = curr === filters.length - 1;
+      const currentItemMatch = [FilterItemType.TEXT, FilterItemType.NUMBER].includes(item.type);
+      const nextItemMatch = isLast ? false : [FilterItemType.TEXT, FilterItemType.NUMBER].includes(filters[curr + 1].type);
+      if ((currentItemMatch && nextItemMatch) || forceAddCurrent) {
+        filtersLines[currentLine].push(item);
+        forceAddCurrent = filtersLines[currentLine].length < MAX_LINE_LENGTH;
+        if (filtersLines[currentLine].length === MAX_LINE_LENGTH)
+          ++currentLine;
+        continue;
+      }
+      filtersLines[currentLine] = filtersLines[currentLine] || [];
+      filtersLines[currentLine].push(item);
+      ++currentLine;
+    }
+    return Object.values(filtersLines);
+  }
+  renderFilterLine(filters) {
+    const fullLine = filters.length === 1;
+    return filters.map((filter) => this.renderFilterItem(filter, fullLine));
+  }
+  getIformedFiltersCount(listItems) {
+    let countInformedItens = 0;
+    listItems.forEach(item => {
+      var _a, _b, _c, _d, _e;
+      if (FilterItemType.MULTI_LIST === item.type) {
+        countInformedItens += (_e = (_d = (_c = ((_b = (_a = item.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : item.value)) === null || _c === void 0 ? void 0 : _c.filter(value => value === null || value === void 0 ? void 0 : value.check)) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 0;
+        return;
+      }
+      if (item.groupedItems != undefined) {
+        countInformedItens = item.groupedItems.filter(item => item.visible).length;
+        return;
+      }
+      if (!!item.value) {
+        countInformedItens++;
+      }
+    });
+    return countInformedItens;
+  }
+  renderCollapsibleFilterBox(label, listItems, isSingleItem, shouldRenderFooter = true) {
+    if (!listItems.length)
+      return null;
+    const appliedFilters = this.getIformedFiltersCount(listItems);
+    const lines = this.mountFiltersLines(listItems);
+    return (h("ez-collapsible-box", { class: "snk-filter-modal__collapsible-box", headerSize: "medium", value: true, label: label }, !!appliedFilters && (h("ez-badge", { class: "ez-badge--primary-subtle", slot: "rightSlot", label: appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.toString() })), h("div", { class: "ez-row snk-filter-modal__rendered-items" }, lines.map(this.renderFilterLine.bind(this))), shouldRenderFooter && (h("div", { class: "ez-flex ez-flex--justify-end grow" }, h("ez-button", { class: "ez-button--tertiary", size: "medium", label: "Limpar", onClick: () => isSingleItem ? this.handleClearSigleFilter(listItems[0]) : this.handleClearFilterList(listItems) })))));
+  }
+  componentWillRender() {
+    this._modalTitle = this.getCustomMessage('title');
+    this._okButtonLabel = this.getCustomMessage('okButtonLabel');
+    this._cancelButtonLabel = this.getCustomMessage('cancelButtonLabel');
+  }
+  componentDidLoad() {
+    if (!this._originalFilterConfig)
+      this._originalFilterConfig = this.filters;
+  }
+  render() {
+    const customFilters = this.filters.filter(filter => filter.filterType === FilterType.CUSTOM_FILTER);
+    const quickFilters = this.filters.filter(filter => filter.filterType === FilterType.QUICK_FILTER);
+    const otherFilters = this.filters.filter(filter => filter.filterType === FilterType.OTHER_FILTERS);
+    return (h("ez-modal-container", { class: "snk-filter-modal__container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, h("div", { class: "snk-filter-modal__content ez-col--sd-12" }, this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters, false, false), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters, false), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter], true)))));
+  }
+  static get style() { return snkFilterModalCss; }
+}, [0, "snk-filter-modal", {
+    "getMessage": [16],
+    "configName": [1025, "config-name"],
+    "filters": [1040],
+    "applyFilters": [16],
+    "closeModal": [16],
+    "addPersonalizedFilter": [16],
+    "editPersonalizedFilter": [16]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-filter-modal", "snk-filter-modal-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-filter-modal":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkFilterModal$1);
+      }
+      break;
+    case "snk-filter-modal-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const SnkFilterModal = SnkFilterModal$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkFilterModal, defineCustomElement };

package/dist/components/snk-filter-multi-select.d.ts

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

package/dist/components/snk-filter-multi-select.js

@@ -0,0 +1,60 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { ElementIDUtils } from '@sankhyalabs/core';
+import { F as FilterItemType } from './filter-item-type.enum.js';
+
+const SnkFilterMultiSelect$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.valueChanged = createEvent(this, "valueChanged", 7);
+    this.value = undefined;
+    this.config = undefined;
+  }
+  /**
+   * Emitido quando acontece a alteração de valor do componente snk-filter-multi-select
+   */
+  ezChangeListener(evt) {
+    this.value = evt.detail.value;
+    this.valueChanged.emit(this.value);
+  }
+  /**
+   * Exibe o componente snk-filter-multi-select
+   */
+  async show() {
+    this._comboElement.setFocus();
+  }
+  componentDidLoad() {
+    if (this._element) {
+      ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
+    }
+  }
+  render() {
+    if (!this.config || this.config.type !== FilterItemType.MULTI_SELECT) {
+      return undefined;
+    }
+    return (h("ez-combo-box", { id: this.config.id, ref: ref => this._comboElement = ref, label: this.config.label, value: this.config.value, options: this.config.props.options }));
+  }
+  get _element() { return this; }
+}, [0, "snk-filter-multi-select", {
+    "value": [1544],
+    "config": [16],
+    "show": [64]
+  }, [[0, "ezChange", "ezChangeListener"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-filter-multi-select"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-filter-multi-select":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkFilterMultiSelect$1);
+      }
+      break;
+  } });
+}
+
+const SnkFilterMultiSelect = SnkFilterMultiSelect$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkFilterMultiSelect, defineCustomElement };

package/dist/components/snk-filter-number.d.ts

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

package/dist/components/snk-filter-number.js

@@ -0,0 +1,61 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { ElementIDUtils } from '@sankhyalabs/core';
+import { F as FilterItemType } from './filter-item-type.enum.js';
+
+const SnkFilterPeriod = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.valueChanged = createEvent(this, "valueChanged", 7);
+    this.config = undefined;
+    this.value = undefined;
+  }
+  /**
+   * Emitido quando acontece a alteração de valor do componente snk-filter-number
+   */
+  ezChangeListener(evt) {
+    this.value = evt.detail;
+    this.valueChanged.emit(this.value);
+  }
+  /**
+   * Exibe o componente snk-filter-number
+   */
+  async show() {
+    this._numberElement.setFocus();
+  }
+  componentDidLoad() {
+    if (this._element) {
+      ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
+    }
+  }
+  render() {
+    var _a;
+    if (!this.config || this.config.type !== FilterItemType.NUMBER) {
+      return undefined;
+    }
+    return (h("ez-number-input", { id: this.config.id, ref: ref => this._numberElement = ref, label: this.config.label, value: this.config.value, precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision }));
+  }
+  get _element() { return this; }
+}, [0, "snk-filter-number", {
+    "config": [16],
+    "value": [2],
+    "show": [64]
+  }, [[0, "ezChange", "ezChangeListener"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-filter-number"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-filter-number":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkFilterPeriod);
+      }
+      break;
+  } });
+}
+
+const SnkFilterNumber = SnkFilterPeriod;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkFilterNumber, defineCustomElement };

package/dist/components/snk-filter-param-config.d.ts

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

package/dist/components/snk-filter-param-config.js

@@ -0,0 +1,6 @@
+import { S as SnkFilterParamConfig$1, d as defineCustomElement$1 } from './snk-filter-param-config2.js';
+
+const SnkFilterParamConfig = SnkFilterParamConfig$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkFilterParamConfig, defineCustomElement };

package/dist/components/snk-filter-param-config2.js

@@ -0,0 +1,229 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { StringUtils, DataType, ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
+import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
+import { b as FilterConfigType, P as PersonalizedFilterUtils, c as FilterEntities, d as FilterUserConfigTypes } from './PersonalizedFilterUtils.js';
+
+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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    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 this; }
+  static get style() { return snkFilterParamConfigCss; }
+}, [0, "snk-filter-param-config", {
+    "messagesBuilder": [1040],
+    "_opened": [32],
+    "_configType": [32],
+    "_expressionItem": [32],
+    "_informedInstance": [32],
+    "_canSave": [32],
+    "open": [64],
+    "close": [64]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-filter-param-config"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-filter-param-config":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkFilterParamConfig);
+      }
+      break;
+  } });
+}
+
+export { SnkFilterParamConfig as S, defineCustomElement as d };

package/dist/components/snk-filter-period.d.ts

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