@sankhyalabs/sankhyablocks 5.19.1 → 6.0.0

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

@@ -1,51 +1,66 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { ElementIDUtils, UserInterface, ApplicationContext } from '@sankhyalabs/core';
-import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
-import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
 import { F as FilterItemType } from './filter-item-type.enum.js';
+import { E as EPresentationMode } from './presentationMode.js';
+import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
+import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
+
+const snkFilterPersonalizedCss = ".sc-snk-filter-personalized-h{--snk-filter-personalized__max-height:21;--snk-filter-personalized__max-width:21.5}.SnkFilterPersonalized_list-container.sc-snk-filter-personalized{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.SnkFilterPersonalized_list-container-chip.sc-snk-filter-personalized{width:400px}.SnkFilterPersonalized_list-scroller.sc-snk-filter-personalized{display:block;max-height:calc(var(--space--2xl) * var(--snk-filter-personalized__max-height));cursor:auto;--ez-scroller__max-height:300px}.SnkFilterPersonalized_checkbox.sc-snk-filter-personalized{display:grid;grid-template-columns:auto auto;justify-content:start}.SnkFilterPersonalized_list-container.sc-snk-filter-personalized:has(.SnkFilterPersonalized_list-item--chip){gap:var(--space--small, 6px);max-width:calc(var(--space--md) * var(--snk-filter-personalized__max-width))}.SnkFilterPersonalized_list-item--modal.sc-snk-filter-personalized{display:flex;border-radius:var(--border--radius-regular)}.SnkFilterPersonalized_list-item--modal.sc-snk-filter-personalized:hover{background-color:var(--background--medium, #f0f3f7)}.SnkFilterPersonalized_list-actions.sc-snk-filter-personalized{display:none;align-items:center}.SnkFilterPersonalized_list-item--modal.sc-snk-filter-personalized:hover .SnkFilterPersonalized_list-actions.sc-snk-filter-personalized{display:flex}.SnkFilterPersonalized_list-item--chip.sc-snk-filter-personalized{display:flex;flex-direction:column;border:var(--border--small, 1px solid) var(--color-strokes, #DCE0E8);border-radius:var(--border--radius-regular)}.SnkFilterPersonalized_list-item--chip.sc-snk-filter-personalized .sc-snk-filter-personalized:first-of-type{gap:var(--space--3xs)}";
 
 const SnkFilterPersonalized$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.deleteFilter = createEvent(this, "deleteFilter", 7);
+    this.editFilter = createEvent(this, "editFilter", 7);
+    this.addFilter = createEvent(this, "addFilter", 7);
     this.valueChanged = createEvent(this, "valueChanged", 7);
+    this.originalItems = [];
+    this.messagesBuilder = undefined;
+    this.presentationMode = EPresentationMode.MODAL;
     this.config = undefined;
     this.value = undefined;
-    this.fix = undefined;
-    this.unfix = undefined;
+    this.items = [];
   }
-  componentDidLoad() {
-    if (this._element) {
-      ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
-    }
+  /**
+   * Apresenta o componente
+   */
+  async show() {
+    const elem = document.querySelector("#param_0");
+    if (elem)
+      elem["setFocus"]();
   }
-  getValue(param, index) {
-    if (this.value && index >= 0 && index < this.value.length) {
-      const rawValue = this.value[index];
-      if (param.type === UserInterface.SEARCH) {
-        return rawValue;
-      }
-      return convertType(param.dataType, rawValue);
-    }
-    return undefined;
+  configWatcher(newConfig) {
+    this.items = this.originalItems = newConfig.groupedItems || [];
   }
-  setValue(index, value) {
-    if (this.value == undefined) {
-      this.value = Array(index).fill(null);
-    }
-    else {
-      this.value = [...this.value];
-    }
-    this.value[index] = value;
-    if (this.value.filter(item => item != undefined).length == 0) {
-      this.value = null;
-    }
-    this.valueChanged.emit(this.value || []);
+  /**
+   * 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-personalized-filter.msg.ts"
+   */
+  getMessage(key, params) {
+    var _a;
+    if (this.messagesBuilder)
+      return this.messagesBuilder.getMessage(key, params);
+    if ((_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder)
+      return this._application.messagesBuilder.getMessage(key, params);
+  }
+  getItemContent(item) {
+    var _a, _b;
+    const CheckboxElement = () => (h("ez-check", Object.assign({ class: "SnkFilterPersonalized_checkbox", id: `param_${item.id}`, key: item.id, compact: true, value: item.visible, label: item.label, onEzChange: ({ detail: visible }) => this.handleItemChange.bind(this)(visible, item.id) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`checkboxFilter_${item.id}`)}` })));
+    const isVariable = !!((_b = (_a = item.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) === null || _b === void 0 ? void 0 : _b.parameters.length);
+    return (h("div", { class: `${!this.isModalMode() ? "SnkFilterPersonalized_list-item--chip" : ""}` }, h("li", { class: `${this.isModalMode() ? "SnkFilterPersonalized_list-item--modal" : ""}` }, h("div", { class: "ez-flex ez-flex--align-items-center ez-margin-right--small ez-size-width--full" }, h(CheckboxElement, null), this.isModalMode() ?
+      h("div", { class: "SnkFilterPersonalized_list-actions" }, h("ez-button", { size: "small", mode: "icon", iconName: "edit", title: this.getMessage('snkPersonalizedFilter.listActions.edit'), onClick: () => this.editFilter.emit(item.id) }), h("ez-button", { size: "small", mode: "icon", iconName: "delete", title: this.getMessage('snkPersonalizedFilter.listActions.delete'), onClick: this.handleDeleteFilter.bind(this, item) }))
+      :
+        isVariable && (h("ez-badge", Object.assign({ class: "ez-badge--warning-subtle ez-margin-right--small", label: this.getMessage('snkPersonalizedFilter.info.badgeVariable'), size: "medium" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`variableBadge_${item.id}`)}` }))))), (item.visible && isVariable) && (h("div", { class: "ez-row ez-padding--small" }, this.getFormField(item)))));
+  }
+  isModalMode() {
+    return this.presentationMode === EPresentationMode.MODAL;
   }
   doSearch(mode, argument, param) {
-    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     return new Promise((resolve, reject) => {
-      application.executePreparedSearch(mode, argument, param.searchContext)
+      this._application.executePreparedSearch(mode, argument, param.searchContext)
         .then(result => {
         resolve(result);
       }).catch(reason => {
@@ -53,54 +68,120 @@ const SnkFilterPersonalized$1 = /*@__PURE__*/ proxyCustomElement(class extends H
       });
     });
   }
-  getParamsInterface() {
-    var _a, _b, _c;
-    const params = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.personalizedFilter) === null || _c === void 0 ? void 0 : _c.parameters;
+  getFormField(parentItem) {
+    var _a, _b;
+    const params = (_b = (_a = parentItem === null || parentItem === void 0 ? void 0 : parentItem.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) === null || _b === void 0 ? void 0 : _b.parameters;
     return params.map((param, index) => {
-      var _a;
+      var _a, _b;
+      const formProp = Object.assign(Object.assign({}, param), { id: parentItem.id });
+      const value = (_a = parentItem.value) === null || _a === void 0 ? void 0 : _a[index];
       const elemId = 'param_' + index;
-      switch (param.type) {
+      switch (param.userInterface) {
         case UserInterface.SEARCH:
-          return h("ez-search", { id: elemId, suppressEmptyOption: true, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
+          return h("ez-search", { id: elemId, suppressEmptyOption: true, value: value, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
         case UserInterface.SWITCH:
         case UserInterface.CHECKBOX:
-          const mode = UserInterface.SWITCH === param.type ? CheckMode.SWITCH : CheckMode.REGULAR;
-          return h("ez-check", { id: elemId, class: "ez-padding-bottom--medium", mode: mode, value: this.getValue(param, index), label: param.label, onEzChange: evt => this.setValue(index, evt.detail) });
+          const mode = UserInterface.SWITCH === param.userInterface ? CheckMode.SWITCH : CheckMode.REGULAR;
+          return h("ez-check", { id: elemId, class: "ez-padding-bottom--medium", mode: mode, value: value, label: param.label, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.DECIMALNUMBER:
         case UserInterface.INTEGERNUMBER:
-          return h("ez-number-input", { id: elemId, label: param.label, value: this.getValue(param, index), precision: (_a = param.props) === null || _a === void 0 ? void 0 : _a.precision, onEzChange: evt => this.setValue(index, evt.detail) });
+          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: (_b = param.props) === null || _b === void 0 ? void 0 : _b.precision, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.OPTIONSELECTOR:
-          return h("ez-combo-box", { id: elemId, label: param.label, value: this.getValue(param, index), options: param.options, onEzChange: evt => { var _a; return this.setValue(index, (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); } });
+          return h("ez-combo-box", { id: elemId, label: param.label, value: value, options: param.options, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.DATE:
-          return h("ez-date-input", { id: elemId, label: param.label, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail) });
+          return h("ez-date-input", { id: elemId, label: param.label, value: this.parseDate(value), onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.DATETIME:
-          return h("ez-date-time-input", { id: elemId, label: param.label, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail) });
+          return h("ez-date-time-input", { id: elemId, label: param.label, value: this.parseDate(value), onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         default:
-          return h("ez-text-input", { id: elemId, label: param.label, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail) });
+          return h("ez-text-input", { id: elemId, label: param.label, value: value, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
       }
     });
   }
-  /**
-   * Exibe o componente snk-filter-personalized
-   */
-  async show() {
-    const elem = document.querySelector("#param_0");
-    if (elem) {
-      elem["setFocus"]();
+  parseDate(objValue) {
+    if (typeof objValue === "string") {
+      let date = new Date(objValue);
+      date.setMinutes(date.getMinutes() + date.getTimezoneOffset());
+      return date;
+    }
+    return objValue;
+  }
+  getVisibleCount(items) {
+    return items.reduce((total, item) => {
+      if (!!item.visible)
+        return total + 1;
+      return total;
+    }, 0);
+  }
+  handleItemChange(visible, itemId) {
+    this.items = this.originalItems = this.originalItems.map(item => {
+      const isVisible = item.id === itemId ? visible : item.visible;
+      return Object.assign(Object.assign({}, item), { visible: isVisible, active: isVisible });
+    });
+    this.emitChange();
+  }
+  handleFilterChange({ detail: query = "" }) {
+    this.items = query ? this.originalItems.filter(item => item.label.toLowerCase().includes(query.toLowerCase())) : this.originalItems;
+  }
+  handleFilterItemChange(value, formProp) {
+    var _a;
+    const changedItem = this.items.find(({ id }) => id === formProp.id);
+    const { parameters = [] } = ((_a = changedItem.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) || {};
+    const indexToChangedParameter = parameters.findIndex(param => param.name === formProp.name);
+    parameters[indexToChangedParameter] = formProp;
+    changedItem.props.personalizedFilter.parameters = parameters;
+    if (!changedItem.value) {
+      changedItem.value = [];
     }
+    changedItem.value[indexToChangedParameter] = value;
+    const updatedItems = [
+      ...this.items,
+      changedItem
+    ];
+    this.items = Array.from(new Set(updatedItems));
+    this.emitChange();
+  }
+  handleClearFilters() {
+    this.emitChange(true);
+  }
+  emitChange(clear = false) {
+    const items = this.items.map(item => (Object.assign(Object.assign({}, item), { visible: !clear && item.visible })));
+    const value = this.getVisibleCount(items);
+    this.valueChanged.emit({ value, items });
+  }
+  handleDeleteFilter(item) {
+    this._application.confirm(this.getMessage('snkPersonalizedFilter.deleteConfirm.title'), this.getMessage('snkPersonalizedFilter.deleteConfirm.message', { filterName: item.label })).then((actionConfirmed) => {
+      if (actionConfirmed) {
+        this.deleteFilter.emit(item);
+        this.items = this.originalItems = this.originalItems.filter(originalItem => originalItem.id !== item.id);
+        this.emitChange();
+      }
+    });
+  }
+  componentDidLoad() {
+    if (this._element)
+      ElementIDUtils.addIDInfoIfNotExists(this._element, 'filterContentEditor');
+  }
+  componentWillLoad() {
+    var _a;
+    this._application = ApplicationContext.getContextValue('__SNK__APPLICATION__');
+    this.items = this.originalItems = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.groupedItems) || [];
   }
   render() {
-    if (!this.config || this.config.type !== FilterItemType.PERSONALIZED) {
+    if (!this.config || this.config.type !== FilterItemType.PERSONALIZED)
       return undefined;
-    }
-    return (h(Host, null, this.getParamsInterface()));
+    return (h(Host, null, h("div", { class: "ez-margin-bottom--medium" }, this.presentationMode === EPresentationMode.MODAL && (h(Fragment, null, h("ez-filter-input", Object.assign({ label: this.config.label, onEzChange: this.handleFilterChange.bind(this) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("filterSearch")}` })), h("span", { class: "ez-text ez-title--small ez-title--primary" }, " ", this.config.detailTitle, " ")))), this.items.length ? (h("ez-scroller", { class: "SnkFilterPersonalized_list-scroller", direction: EzScrollDirection.VERTICAL }, h("ul", { class: `SnkFilterPersonalized_list-container ${!this.isModalMode() ? "SnkFilterPersonalized_list-container-chip" : ""}` }, this.items.map((itemConfig) => this.getItemContent(itemConfig))))) : (h("div", { class: "ez-margin--auto" }, h("span", { class: "ez-text ez-text--secondary ez-text--small" }, this.getMessage('snkPersonalizedFilter.info.noDataFound')))), this.presentationMode === EPresentationMode.MODAL && (h("div", { class: "ez-flex ez-flex--justify-end grow ez-margin-top--medium" }, h("ez-button", { class: "ez-button--tertiary", size: "medium", label: this.getMessage('snkPersonalizedFilter.footerActions.clear'), onClick: this.handleClearFilters.bind(this) }), h("ez-button", { class: "ez-button--secondary", size: "medium", label: this.getMessage('snkPersonalizedFilter.footerActions.create'), onClick: () => this.addFilter.emit() })))));
   }
   get _element() { return this; }
-}, [0, "snk-filter-personalized", {
+  static get watchers() { return {
+    "config": ["configWatcher"]
+  }; }
+  static get style() { return snkFilterPersonalizedCss; }
+}, [2, "snk-filter-personalized", {
+    "messagesBuilder": [1040],
+    "presentationMode": [2, "presentation-mode"],
     "config": [16],
     "value": [1040],
-    "fix": [16],
-    "unfix": [16],
+    "items": [32],
     "show": [64]
   }]);
 function defineCustomElement$1() {

package/dist/components/snk-grid2.js

@@ -6,14 +6,20 @@ import { C as ConfigStorage } from './ConfigStorage.js';
 import { P as PresentationMode } from './index2.js';
 import { T as TaskbarProcessor } from './taskbar-processor.js';
 import { s as store } from './index3.js';
-import { d as defineCustomElement$9 } from './snk-actions-button2.js';
-import { d as defineCustomElement$8 } from './snk-data-exporter2.js';
-import { d as defineCustomElement$7 } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$6 } from './snk-filter-bar2.js';
-import { d as defineCustomElement$5 } from './snk-filter-detail2.js';
-import { d as defineCustomElement$4 } from './snk-filter-item2.js';
-import { d as defineCustomElement$3 } from './snk-grid-config2.js';
-import { d as defineCustomElement$2 } from './snk-select-box2.js';
+import { d as defineCustomElement$f } from './snk-actions-button2.js';
+import { d as defineCustomElement$e } from './snk-data-exporter2.js';
+import { d as defineCustomElement$d } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$c } from './snk-expression-group2.js';
+import { d as defineCustomElement$b } from './snk-expression-item2.js';
+import { d as defineCustomElement$a } from './snk-filter-bar2.js';
+import { d as defineCustomElement$9 } from './snk-filter-detail2.js';
+import { d as defineCustomElement$8 } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$7 } from './snk-filter-item2.js';
+import { d as defineCustomElement$6 } from './snk-filter-param-config2.js';
+import { d as defineCustomElement$5 } from './snk-grid-config2.js';
+import { d as defineCustomElement$4 } from './snk-personalized-filter2.js';
+import { d as defineCustomElement$3 } from './snk-select-box2.js';
+import { d as defineCustomElement$2 } from './snk-simple-bar2.js';
 
 class SnkMultiSelectionListDataSource {
   setDataUnit(dataUnit) {
@@ -355,7 +361,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-grid", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-grid-config", "snk-select-box", "snk-taskbar"];
+  const components = ["snk-grid", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-grid":
       if (!customElements.get(tagName)) {
@@ -364,40 +370,70 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$f();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$e();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$d();
+      }
+      break;
+    case "snk-expression-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$a();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$9();
+      }
+      break;
+    case "snk-filter-field-search":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$7();
+      }
+      break;
+    case "snk-filter-param-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
       }
       break;
     case "snk-grid-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$5();
+      }
+      break;
+    case "snk-personalized-filter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
       }
       break;
     case "snk-select-box":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "snk-simple-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

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

@@ -1,156 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as dist, D as DataFetcher } from './DataFetcher.js';
-import { F as FilterUserConfigTypes, a as FilterOperand } from './index2.js';
-import { s as store } from './index3.js';
-import { StringUtils, ApplicationContext } from '@sankhyalabs/core';
-import { d as defineCustomElement$4 } from './snk-expression-item2.js';
-import { d as defineCustomElement$3 } from './snk-filter-field-search2.js';
-import { d as defineCustomElement$2 } from './snk-filter-param-config2.js';
-
-class PersonalizedFilterFetcher {
-  constructor() {
-    this.templateByQuery = new Map();
-    this.buildTemplates();
-  }
-  buildTemplates() {
-    const query = dist.gql `
-    query($name: String!) {
-      $queryAlias$: fetchFilterFields(name: $name){
-        currentLink {
-          description
-          uri
-        }
-        links {
-          description
-          uri
-          fieldCount
-        }
-        fields {
-          name
-          description
-          uri
-          onlyDate
-          dataType
-          userInterface
-          properties {
-            name
-            value
-          }
-        }
-      }
-    }
-    `;
-    this.templateByQuery.set("fetchFilterFields", query);
-  }
-  loadFields(uri) {
-    return new Promise((resolve, reject) => {
-      DataFetcher.get()
-        .callGraphQL({
-        values: { name: uri },
-        query: this.templateByQuery.get("fetchFilterFields"),
-      })
-        .then((resp) => {
-        let fields = resp.fields;
-        for (const field of fields) {
-          if (Array.isArray(field.properties) && field.properties.length > 0 && field.userInterface === "SEARCH") {
-            const propertiesConvertedObject = field.properties.reduce((accumulator, prop) => {
-              accumulator[prop.name] = prop.value;
-              return accumulator;
-            }, {});
-            field.properties = propertiesConvertedObject;
-          }
-        }
-        resolve(Object.assign(Object.assign({}, resp), { fields: fields }));
-      })
-        .catch((error) => {
-        reject(error);
-      });
-    });
-  }
-}
-
-const snkPersonalizedFilterCss = ":host{display:flex}";
-
-const SnkPersonalizedFilter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this._personalizedFilterFetcher = new PersonalizedFilterFetcher();
-    this._dataSourceFetcher = {
-      fetchData: async (entity) => {
-        let entityURI = entity === null || entity === void 0 ? void 0 : entity.uri;
-        if (StringUtils.isEmpty(entityURI)) {
-          entityURI = "dd://Financeiro/br.com.sankhya.fin.cad.receber"; //TODO: Receber como prop
-        }
-        return await this._personalizedFilterFetcher.loadFields(entityURI);
-      }
-    };
-    this.items = {
-      entityName: "Financeiro",
-      fieldName: "CODBCO",
-      description: "Financeiro >> Banco",
-      type: FilterUserConfigTypes.DECIMAL,
-      expression: "Financeiro.CODBCO",
-      operand: FilterOperand.EQUAL,
-      paramVariable: false,
-      value: "61",
-      systemConfig: null,
-      userConfig: null
-    };
-    this.handleFilterItemChange = (changes) => {
-      console.log("Campo do ExpressionItem alterado");
-      console.log(changes);
-    };
-    this.handleFilterItemRemove = (expression) => {
-      console.log("Event de deleção disparado");
-      console.log(expression);
-    };
-    this.messagesBuilder = undefined;
-  }
-  componentWillLoad() {
-    if (store.get("filterFieldsDataSource") == undefined) {
-      store.set("filterFieldsDataSource", this._dataSourceFetcher);
-    }
-    if (!this.messagesBuilder) {
-      const snkApp = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-      this.messagesBuilder = snkApp === null || snkApp === void 0 ? void 0 : snkApp.messagesBuilder;
-    }
-  }
-  render() {
-    return (h(Host, null, h("div", null, h("snk-expression-item", { expression: this.items, canRemove: true, onEzFilterItemChange: (evt) => this.handleFilterItemChange(evt.detail), onEzFilterItemRemove: (evt) => this.handleFilterItemRemove(evt.detail), messagesBuilder: this.messagesBuilder }))));
-  }
-  static get style() { return snkPersonalizedFilterCss; }
-}, [0, "snk-personalized-filter", {
-    "messagesBuilder": [1040]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["snk-personalized-filter", "snk-expression-item", "snk-filter-field-search", "snk-filter-param-config"];
-  components.forEach(tagName => { switch (tagName) {
-    case "snk-personalized-filter":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SnkPersonalizedFilter$1);
-      }
-      break;
-    case "snk-expression-item":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "snk-filter-field-search":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "snk-filter-param-config":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
+import { S as SnkPersonalizedFilter$1, d as defineCustomElement$1 } from './snk-personalized-filter2.js';
 
 const SnkPersonalizedFilter = SnkPersonalizedFilter$1;
 const defineCustomElement = defineCustomElement$1;