@sankhyalabs/sankhyablocks 5.5.0 → 5.7.0

package/dist/collection/components/snk-filter-bar/types/filter-type.enum.js

@@ -0,0 +1,7 @@
+export var FilterType;
+(function (FilterType) {
+  FilterType["QUICK_FILTER"] = "QUICK_FILTER";
+  FilterType["CUSTOM_FILTER"] = "CUSTOM_FILTER";
+  FilterType["OTHER_FILTERS"] = "OTHER_FILTERS";
+})(FilterType || (FilterType = {}));
+export default FilterType;

package/dist/collection/components/snk-filter-bar/utils/SnkFilterModalFactory.js

@@ -0,0 +1,36 @@
+import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
+class SnkFilterModalFactory {
+  constructor({ filterConfig, onComplete, getMessage }) {
+    this._filterConfig = filterConfig;
+    this._onComplete = onComplete;
+    this._getMessage = getMessage;
+  }
+  applyFilters(newFilterConfig) {
+    this._onComplete(newFilterConfig);
+    this._closeModal();
+  }
+  clearAll(filterConfigSnapshot) {
+    return filterConfigSnapshot.map(filterItem => (Object.assign(Object.assign({}, filterItem), { value: undefined })));
+  }
+  buildFilterModal() {
+    const filterModal = document.createElement("snk-filter-modal");
+    filterModal.filters = this._filterConfig;
+    filterModal.getMessage = this._getMessage.bind(this);
+    filterModal.applyFilters = this.applyFilters.bind(this);
+    filterModal.clearAll = this.clearAll.bind(this);
+    filterModal.closeModal = () => this._closeModal();
+    return filterModal;
+  }
+  async showModal() {
+    const filterModal = this.buildFilterModal();
+    const modalProps = {
+      content: filterModal,
+      position: 'left',
+      heightMode: 'full',
+      closeOutsideClick: false,
+      useScrimLight: true
+    };
+    this._closeModal = await ApplicationUtils.showModal(modalProps);
+  }
+}
+export default SnkFilterModalFactory;

package/dist/collection/components/snk-filter-bar/utils/filters-mock.js

@@ -0,0 +1,315 @@
+export const filtersMock = [
+  {
+    "id": "RECDESP",
+    "label": "Receitas + Despesas",
+    "detailTitle": "Selecione o que deseja ver",
+    "type": "BINARY_SELECT",
+    "props": {
+      "options": [
+        {
+          "name": "RECEITA",
+          "expression": "this.RECDESP = 1",
+          "label": "Receitas"
+        },
+        {
+          "name": "DESPESA",
+          "expression": "this.RECDESP = -1",
+          "label": "Despesas"
+        }
+      ]
+    },
+    "value": "DESPESA",
+    "hardFixed": true,
+    "visible": true,
+    "filterType": "QUICK_FILTERS",
+    "detailModal": "Movimento"
+  },
+  {
+    "id": "PROVISAO",
+    "label": "Real + Provisão",
+    "detailTitle": "Selecione o que deseja ver",
+    "type": "BINARY_SELECT",
+    "props": {
+      "options": [
+        {
+          "name": "REAL",
+          "expression": "nullvalue(this.PROVISAO, 'N') = 'N'",
+          "label": "Real"
+        },
+        {
+          "name": "PROVISAO",
+          "expression": "nullvalue(this.PROVISAO, 'N') = 'S'",
+          "label": "Provisão"
+        }
+      ]
+    },
+    "value": "REAL",
+    "hardFixed": true,
+    "visible": true,
+    "filterType": "QUICK_FILTERS",
+    "detailModal": "Lançamento"
+  },
+  {
+    "id": "BAIXADO",
+    "label": "Pendentes + Baixados",
+    "detailTitle": "Selecione o que deseja ver",
+    "type": "BINARY_SELECT",
+    "props": {
+      "options": [
+        {
+          "name": "PENDENTE",
+          "expression": "this.DHBAIXA IS NULL",
+          "label": "Pendentes"
+        },
+        {
+          "name": "BAIXADO",
+          "expression": "this.DHBAIXA IS NOT NULL AND NOT nullvalue(this.PROVISAO, 'N') = 'S'",
+          "label": "Baixados"
+        }
+      ]
+    },
+    "value": "PENDENTE",
+    "hardFixed": true,
+    "visible": true,
+    "filterType": "QUICK_FILTERS",
+    "detailModal": "Status"
+  },
+  {
+    "id": "NUMNOTA",
+    "label": "Nr. Nota",
+    "detailTitle": "Informe o número da nota",
+    "type": "NUMBER",
+    "props": {
+      "expression": "this.NUMNOTA = :NUMNOTA"
+    },
+    "visible": true,
+    "filterType": "QUICK_FILTERS"
+  },
+  {
+    "id": "NUFIN",
+    "label": "Nr. único",
+    "detailTitle": "Informe o número único",
+    "type": "NUMBER",
+    "props": {
+      "expression": "this.NUFIN = :NUFIN AND NOT (this.PROVISAO = 'S' AND this.DHBAIXA IS NOT NULL AND this.ORIGEM = 'E')"
+    },
+    "visible": true,
+    "filterType": "QUICK_FILTERS"
+  },
+  {
+    "id": "DTVENC",
+    "label": "Dt. Vencimento",
+    "detailTitle": "Informe a data ou período",
+    "type": "PERIOD",
+    "props": {
+      "expression": {
+        "fullfill": "onlydate(this.DTVENC) >= :DTVENC.START AND onlydate(this.DTVENC) <= :DTVENC.END",
+        "onlystart": "onlydate(this.DTVENC) >= :DTVENC",
+        "onlyend": "onlydate(this.DTVENC) <= :DTVENC"
+      }
+    },
+    "visible": true,
+    "filterType": "QUICK_FILTERS"
+  },
+  {
+    "id": "0",
+    "label": "cartao",
+    "detailTitle": "cartao",
+    "type": "PERSONALIZED",
+    "props": {
+      "expression": "Financeiro.CODTIPTIT = 17",
+      "personalizedFilter": {
+        "parameters": []
+      }
+    },
+    "filterType": "OTHER_FILTERS"
+  },
+  {
+    "id": "1",
+    "label": "Origem Estoque",
+    "detailTitle": "Origem Estoque",
+    "type": "PERSONALIZED",
+    "props": {
+      "expression": "Financeiro.ORIGEM = 'E'",
+      "personalizedFilter": {
+        "parameters": []
+      }
+    },
+    "filterType": "CUSTOM_FILTERS"
+  },
+  {
+    "id": "CODPARC",
+    "label": "Parceiro",
+    "detailTitle": "Informe o parceiro",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODPARC = :CODPARC",
+      "searchContext": {
+        "entity": "Parceiro",
+        "entityDescription": "Parceiro",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "NOMEPARC",
+          "codeFieldName": "CODPARC",
+          "showInactives": false
+        }
+      }
+    },
+    "visible": true,
+    "filterType": "QUICK_FILTERS",
+    "detailModal": "Título"
+  },
+  {
+    "id": "DHBAIXA",
+    "label": "Data da Baixa",
+    "detailTitle": "Informe a data ou período",
+    "type": "PERIOD",
+    "props": {
+      "expression": {
+        "fullfill": "onlydate(this.DHBAIXA) >= :DHBAIXA.START AND onlydate(this.DHBAIXA) <= :DHBAIXA.END",
+        "onlystart": "onlydate(this.DHBAIXA) >= :DHBAIXA",
+        "onlyend": "onlydate(this.DHBAIXA) <= :DHBAIXA"
+      }
+    },
+    "visible": true,
+    "filterType": "OTHER_FILTERS"
+  },
+  {
+    "id": "CODEMP",
+    "label": "Empresa",
+    "detailTitle": "Informe a empresa",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODEMP = :CODEMP",
+      "searchContext": {
+        "entity": "Empresa",
+        "entityDescription": "Empresa",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "NOMEFANTASIA",
+          "codeFieldName": "CODEMP",
+          "showInactives": false
+        }
+      }
+    },
+    "filterType": "OTHER_FILTERS"
+  },
+  {
+    "id": "CODNAT",
+    "label": "Natureza",
+    "detailTitle": "Informe a natureza",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODNAT = :CODNAT",
+      "searchContext": {
+        "entity": "Natureza",
+        "entityDescription": "Natureza",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "DESCRNAT",
+          "codeFieldName": "CODNAT",
+          "showInactives": false
+        }
+      }
+    },
+    "filterType": "OTHER_FILTERS"
+  },
+  {
+    "id": "DTNEG",
+    "label": "Dt. Negociação",
+    "detailTitle": "Informe a data ou período",
+    "type": "PERIOD",
+    "props": {
+      "expression": {
+        "fullfill": "onlydate(this.DTNEG) >= :DTNEG.START AND onlydate(this.DTNEG) <= :DTNEG.END",
+        "onlystart": "onlydate(this.DTNEG) >= :DTNEG",
+        "onlyend": "onlydate(this.DTNEG) <= :DTNEG"
+      }
+    }
+  },
+  {
+    "id": "NUNOTA",
+    "label": "Nro Único do Pedido",
+    "detailTitle": "Informe o número único do pedido",
+    "type": "NUMBER",
+    "props": {
+      "expression": "(this.NUPED = :NUNOTA OR EXISTS(SELECT 1 FROM TGFVAR V INNER JOIN TGFCAB C ON(C.NUNOTA = V.NUNOTAORIG) WHERE V.NUNOTA = this.NUNOTA AND C.NUNOTA = :NUNOTA))"
+    }
+  },
+  {
+    "id": "CODCENCUS",
+    "label": "Centro de resultado",
+    "detailTitle": "Informe o centro de resultado",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODCENCUS = :CODCENCUS",
+      "searchContext": {
+        "entity": "CentroResultado",
+        "entityDescription": "Centro de resultado",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "DESCRCENCUS",
+          "codeFieldName": "CODCENCUS",
+          "showInactives": false
+        }
+      }
+    }
+  },
+  {
+    "id": "CODCTABCOINT",
+    "label": "Conta bancária",
+    "detailTitle": "Informe a conta bancária",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODCTABCOINT = :CODCTABCOINT",
+      "searchContext": {
+        "entity": "ContaBancaria",
+        "entityDescription": "Conta bancária",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "DESCRICAO",
+          "codeFieldName": "CODCTABCOINT",
+          "showInactives": false
+        }
+      }
+    }
+  },
+  {
+    "id": "CODBCO",
+    "label": "Banco",
+    "detailTitle": "Informe o banco",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODBCO = :CODBCO",
+      "searchContext": {
+        "entity": "Banco",
+        "entityDescription": "Banco",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "NOMEBCO",
+          "codeFieldName": "CODBCO",
+          "showInactives": false
+        }
+      }
+    }
+  },
+  {
+    "id": "CODPROJ",
+    "label": "Projeto",
+    "detailTitle": "Informe o projeto",
+    "type": "SEARCH",
+    "props": {
+      "expression": "this.CODPROJ = :CODPROJ",
+      "searchContext": {
+        "entity": "Projeto",
+        "entityDescription": "Projeto",
+        "searchOptions": {
+          "rootEntity": "Financeiro",
+          "descriptionFieldName": "IDENTIFICACAO",
+          "codeFieldName": "CODPROJ",
+          "showInactives": false
+        }
+      }
+    }
+  }
+];

package/dist/collection/components/snk-filter-field-search/snk-filter-field-search.js

@@ -6,61 +6,63 @@ const SNK_CONTEXT_KEY = "__SNK__APPLICATION__";
 export class SnkFilterFieldSearch {
   constructor() {
     this._filterMetadataStorage = new Map();
-    this._dataSource = null;
+    this._currentMetadata = null;
     this._filterText = "";
     this._isLoading = false;
     this.searchable = true;
+    this.fieldsDataSource = undefined;
     this.breadcrumbItems = [];
     this.linkItems = [];
     this.fieldItems = [];
   }
   /**
-   * Define a fonte de dados do componente.
-   * @param {IFilterLink} currentLink - Link atual da entidade.
-   * @param {IFilterMetadata} fetchData - callback que executa a busca de dados.
-   * @throws {Error} - Quando os metadados não forem válidos.
-   * @throws {Error} - Quando o link atual não for do tipo link.
-  */
-  async setDataSource(currentLink, fetchData) {
+   * Realiza a abertura do componente e faz a primeira carga
+   * de dados.
+   * */
+  async show() {
     var _a;
+    (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.show();
+    return this.loadData();
+  }
+  /**
+   * Filtra a fonte de dados do componente.
+   * @param {string} filterText - Texto para filtrar a fonte de dados.
+   * @throws {Error} - Quando o componente estiver com a propriedade searchable como true.
+  */
+  async applyFilter(filterText) {
+    if (this.searchable)
+      throw new Error('This method is not available when searchable is true');
+    this.handleFilterChange(filterText);
+  }
+  async loadData() {
     this._isLoading = true;
-    let metadata = this._filterMetadataStorage.get(currentLink.uri);
+    let metadata;
+    if (this._currentLink != undefined) {
+      metadata = this._filterMetadataStorage.get(this._currentLink.uri);
+    }
     if (!metadata) {
-      metadata = await fetchData(currentLink);
-      this._filterMetadataStorage.set(currentLink.uri, metadata);
+      metadata = await this.fieldsDataSource.fetchData(this._currentLink);
+      this._currentLink = metadata.currentLink;
+      this._filterMetadataStorage.set(this._currentLink.uri, metadata);
     }
     const { fields, links } = metadata || {};
     if (!Array.isArray(fields) || !Array.isArray(links))
       throw new Error('Invalid metadata');
-    if (currentLink.type !== SelectedItemType.LINK)
-      throw new Error('The current link must be a link type');
-    this._dataSource = metadata;
-    this._currentLink = currentLink;
+    this._currentMetadata = metadata;
     this.mapDataSourceToLinkItems();
     this.mapDataSourceToFieldItems();
     this._isLoading = false;
-    (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.show();
     this._ezFieldList.scrollToTop();
     this._ezLinkList.scrollToTop();
   }
-  /**
-   * 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 filterDataSource(filterText) {
-    if (this.searchable)
-      throw new Error('This method is not available when searchable is true');
-    this.handleFilterChange(filterText);
-  }
   mapDataSourceToLinkItems() {
     var _a;
-    const { links } = this._dataSource;
+    const { links } = this._currentMetadata;
     const filterLinkLabelMessage = this.getMessage('snkFilterFieldSearch.linkLabel', { link: (_a = this._currentLink) === null || _a === void 0 ? void 0 : _a.description });
     const items = links.map(link => (Object.assign({ label: link.description }, link)));
     this.linkItems = [{
         group: filterLinkLabelMessage,
-        items
+        items,
       }];
     if (this.breadcrumbItems.length === 0) {
       this.breadcrumbItems = [Object.assign({ id: JSUtils.generateUUID(), label: this._currentLink.description }, this._currentLink)];
@@ -68,7 +70,7 @@ export class SnkFilterFieldSearch {
   }
   mapDataSourceToFieldItems() {
     var _a;
-    const { fields } = this._dataSource;
+    const { fields } = this._currentMetadata;
     const filterFieldLabelMessage = this.getMessage('snkFilterFieldSearch.fieldLabel', { link: (_a = this._currentLink) === null || _a === void 0 ? void 0 : _a.description });
     const filteredFields = fields.filter(field => {
       if (!this._currentLink)
@@ -100,7 +102,10 @@ export class SnkFilterFieldSearch {
     else {
       this.breadcrumbItems = [...this.breadcrumbItems, Object.assign({ id: JSUtils.generateUUID(), label: item.description }, item)];
     }
-    this.ezSelectFilterItem.emit(Object.assign(Object.assign({}, item), { type: SelectedItemType.LINK }));
+    const selectedItem = Object.assign(Object.assign({}, item), { type: SelectedItemType.LINK });
+    this._currentLink = selectedItem;
+    this.ezSelectFilterItem.emit(selectedItem);
+    this.loadData();
   }
   handleSelectField({ detail: item }) {
     var _a;
@@ -141,7 +146,7 @@ export class SnkFilterFieldSearch {
   render() {
     var _a;
     const searchLabelMessage = this.getMessage('snkFilterFieldSearch.searchLabel');
-    return (h("ez-popover", Object.assign({ ref: (el) => this._ezPopover = el, role: "dialog", "aria-hidden": !((_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.opened) }, this.getElementID('EzPopover')), h("div", { class: "snk-filter-field-search__container" }, h("header", { class: "snk-filter-field-search__header" }, this.searchable && !!searchLabelMessage && (h("ez-filter-input", Object.assign({ class: "snk-filter-field-search__input", label: searchLabelMessage, asyncSearch: true, canShowError: false, onEzSearching: (event) => this.handleFilterChange.bind(this)(event.detail), "aria-label": searchLabelMessage, "aria-required": "false", "aria-invalid": "false" }, this.getElementID('EzFilterInput')))), this.breadcrumbItems.length > 0 && (h("ez-breadcrumb", Object.assign({ items: this.breadcrumbItems, onSelectedItem: this.handleSelectLink.bind(this), role: "navigation", "aria-current": "step" }, this.getElementID('EzBreadcrumb')))), h("hr", { class: "ez-divider-horizontal ez-margin-vertical--medium" })), h("section", { class: "snk-filter-field-search__section" }, h("ez-list", Object.assign({ ref: (el) => this._ezLinkList = el, class: "snk-filter-field-search__list", id: "filterLinkList", useGroups: true, dataSource: this.linkItems, onEzSelectItem: this.handleSelectLink.bind(this), hoverFeedback: true, ezSelectable: true, itemSlotBuilder: ({ fieldCount }) => h("ez-badge", { label: fieldCount }), "aria-describedby": "filterLinkLabel" }, this.getElementID('EzListLinks'))), h("ez-list", Object.assign({ ref: (el) => this._ezFieldList = el, class: "snk-filter-field-search__list", id: "filterFieldList", useGroups: true, dataSource: this.fieldItems, onEzSelectItem: this.handleSelectField.bind(this), hoverFeedback: true, ezSelectable: true, itemSlotBuilder: ListItem, "aria-describedby": "filterFieldLabel" }, this.getElementID('EzListFields')))))));
+    return (h("ez-popover", Object.assign({ ref: (el) => this._ezPopover = el, role: "dialog", overlayType: "none", "aria-hidden": !((_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.opened) }, this.getElementID('EzPopover')), h("div", { class: "snk-filter-field-search__container" }, h("header", { class: "snk-filter-field-search__header" }, this.searchable && !!searchLabelMessage && (h("ez-filter-input", Object.assign({ class: "snk-filter-field-search__input", label: searchLabelMessage, asyncSearch: true, canShowError: false, onEzSearching: (event) => this.handleFilterChange.bind(this)(event.detail), "aria-label": searchLabelMessage, "aria-required": "false", "aria-invalid": "false" }, this.getElementID('EzFilterInput')))), this.breadcrumbItems.length > 0 && (h("ez-breadcrumb", Object.assign({ items: this.breadcrumbItems, onSelectedItem: this.handleSelectLink.bind(this), role: "navigation", "aria-current": "step" }, this.getElementID('EzBreadcrumb')))), h("hr", { class: "ez-divider-horizontal ez-margin-vertical--medium" })), h("section", { class: "snk-filter-field-search__section" }, h("ez-list", Object.assign({ ref: (el) => this._ezLinkList = el, class: "snk-filter-field-search__list", id: "filterLinkList", useGroups: true, dataSource: this.linkItems, onEzSelectItem: this.handleSelectLink.bind(this), hoverFeedback: true, ezSelectable: true, itemSlotBuilder: ({ fieldCount }) => h("ez-badge", { label: fieldCount }), "aria-describedby": "filterLinkLabel" }, this.getElementID('EzListLinks'))), h("ez-list", Object.assign({ ref: (el) => this._ezFieldList = el, class: "snk-filter-field-search__list", id: "filterFieldList", useGroups: true, dataSource: this.fieldItems, onEzSelectItem: this.handleSelectField.bind(this), hoverFeedback: true, ezSelectable: true, itemSlotBuilder: ListItem, "aria-describedby": "filterFieldLabel" }, this.getElementID('EzListFields')))))));
   }
   static get is() { return "snk-filter-field-search"; }
   static get encapsulation() { return "scoped"; }
@@ -174,6 +179,26 @@ export class SnkFilterFieldSearch {
         "attribute": "searchable",
         "reflect": false,
         "defaultValue": "true"
+      },
+      "fieldsDataSource": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "FilterFieldsDataSource",
+          "resolved": "FilterFieldsDataSource",
+          "references": {
+            "FilterFieldsDataSource": {
+              "location": "import",
+              "path": "./interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a fonte de dados que o componente vai utilizar\npara carregamento dos campos."
+        }
       }
     };
   }
@@ -216,55 +241,23 @@ export class SnkFilterFieldSearch {
   }
   static get methods() {
     return {
-      "setDataSource": {
+      "show": {
         "complexType": {
-          "signature": "(currentLink: IFilterLink, fetchData: DataFetcher) => Promise<void>",
-          "parameters": [{
-              "tags": [{
-                  "name": "param",
-                  "text": "currentLink - Link atual da entidade."
-                }],
-              "text": "- Link atual da entidade."
-            }, {
-              "tags": [{
-                  "name": "param",
-                  "text": "fetchData - callback que executa a busca de dados."
-                }],
-              "text": "- callback que executa a busca de dados."
-            }],
+          "signature": "() => Promise<void>",
+          "parameters": [],
           "references": {
             "Promise": {
               "location": "global"
-            },
-            "IFilterLink": {
-              "location": "import",
-              "path": "./interfaces"
-            },
-            "DataFetcher": {
-              "location": "import",
-              "path": "./interfaces"
             }
           },
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "Define a fonte de dados do componente.",
-          "tags": [{
-              "name": "param",
-              "text": "currentLink - Link atual da entidade."
-            }, {
-              "name": "param",
-              "text": "fetchData - callback que executa a busca de dados."
-            }, {
-              "name": "throws",
-              "text": "{Error} - Quando os metadados n\u00E3o forem v\u00E1lidos."
-            }, {
-              "name": "throws",
-              "text": "{Error} - Quando o link atual n\u00E3o for do tipo link."
-            }]
+          "text": "Realiza a abertura do componente e faz a primeira carga \nde dados.",
+          "tags": []
         }
       },
-      "filterDataSource": {
+      "applyFilter": {
         "complexType": {
           "signature": "(filterText: string) => Promise<void>",
           "parameters": [{

package/dist/collection/components/snk-personalized-filter/snk-personalized-filter.css

@@ -0,0 +1,4 @@
+:host {
+    display: flex;
+}
+  

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

@@ -0,0 +1,87 @@
+import { h, Host } from '@stencil/core';
+import PersonalizedFilterFetcher from "../../lib/http/data-fetcher/fetchers/personalized-filter-fetcher";
+import { FilterOperand, FilterUserConfigTypes } from "../../lib/@types";
+import store from '../../lib/store';
+import { ApplicationContext, StringUtils } from '@sankhyalabs/core';
+export class SnkPersonalizedFilter {
+  constructor() {
+    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 is() { return "snk-personalized-filter"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-personalized-filter.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-personalized-filter.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "messagesBuilder": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "SnkMessageBuilder",
+          "resolved": "SnkMessageBuilder",
+          "references": {
+            "SnkMessageBuilder": {
+              "location": "import",
+              "path": "../../lib/message/SnkMessageBuilder"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
+        }
+      }
+    };
+  }
+}