@sankhyalabs/sankhyablocks 6.5.0 → 6.6.1

package/dist/components/PersonalizedFilterUtils.js

@@ -1,7 +1,49 @@
 import { DataType, NumberUtils, DateUtils, UserInterface } from '@sankhyalabs/core';
-import { F as FilterOperand } from './index2.js';
 import { F as FilterItemType } from './filter-item-type.enum.js';
 
+var FilterGroupCondition;
+(function (FilterGroupCondition) {
+  FilterGroupCondition["AND"] = "AND";
+  FilterGroupCondition["OR"] = "OR";
+})(FilterGroupCondition || (FilterGroupCondition = {}));
+
+var FilterConfigType;
+(function (FilterConfigType) {
+  FilterConfigType["SYSTEM_CONFIG"] = "S";
+  FilterConfigType["USER_CONFIG"] = "E";
+})(FilterConfigType || (FilterConfigType = {}));
+var FilterUserConfigTypes;
+(function (FilterUserConfigTypes) {
+  FilterUserConfigTypes["DATE"] = "D";
+  FilterUserConfigTypes["HORA"] = "H";
+  FilterUserConfigTypes["TEXT"] = "S";
+  FilterUserConfigTypes["INTEGER"] = "I";
+  FilterUserConfigTypes["DECIMAL"] = "F";
+  FilterUserConfigTypes["NUMBER"] = "NUMBER";
+})(FilterUserConfigTypes || (FilterUserConfigTypes = {}));
+var FilterOperand;
+(function (FilterOperand) {
+  FilterOperand["AND"] = "AND";
+  FilterOperand["OR"] = "OR";
+  FilterOperand["IN"] = "IN";
+  FilterOperand["DIFFERENT"] = "<>";
+  FilterOperand["LIKE"] = "LIKE";
+  FilterOperand["START_WITH"] = "LIKE_START";
+  FilterOperand["FINISHED_WITH"] = "LIKE_END";
+  FilterOperand["NULL"] = "NULL";
+  FilterOperand["NOT_NULL"] = "NOT NULL";
+  FilterOperand["EQUAL"] = "=";
+  FilterOperand["LARGER"] = ">";
+  FilterOperand["LARGER_EQUAL"] = ">=";
+  FilterOperand["SMALLER"] = "<";
+  FilterOperand["SMALLER_EQUAL"] = "<=";
+})(FilterOperand || (FilterOperand = {}));
+var FilterEntities;
+(function (FilterEntities) {
+  FilterEntities["FIELD"] = "Campo";
+  FilterEntities["INSTANCE"] = "Instancia";
+})(FilterEntities || (FilterEntities = {}));
+
 class PersonalizedFilterUtils {
   /**
    * Cria uma expressão de filtro a partir de um IExpressionItem.
@@ -30,16 +72,16 @@ class PersonalizedFilterUtils {
         expression += ` IS ${FilterOperand[expressionItem.operand]}`;
         break;
       case "LIKE":
-        expression += ` LIKE ${commas}%${value}%${commas}`;
+        expression += ` LIKE '%${value}%'`;
         break;
       case "START_WITH":
-        expression += ` LIKE ${commas}${value}%${commas}`;
+        expression += ` LIKE '${value}%'`;
         break;
       case "FINISHED_WITH":
-        expression += ` LIKE ${commas}%${value}${commas}`;
+        expression += ` LIKE '%${value}'`;
         break;
       default:
-        value = isNaN(value) ? `${commas}${value}${commas}` : value;
+        value = typeof value === 'string' ? `${commas}${value}${commas}` : value;
         expression += ` ${FilterOperand[expressionItem.operand]} ${value}`;
     }
     return expression;
@@ -151,7 +193,7 @@ class PersonalizedFilterUtils {
       value: (value, byPassValue) => {
         if (byPassValue)
           return true;
-        return !!value;
+        return value != undefined;
       },
       operand: (value) => !!value
     };
@@ -224,4 +266,4 @@ class PersonalizedFilterUtils {
   }
 }
 
-export { PersonalizedFilterUtils as P };
+export { FilterGroupCondition as F, PersonalizedFilterUtils as P, FilterOperand as a, FilterConfigType as b, FilterEntities as c, FilterUserConfigTypes as d };

package/dist/components/SnkMessageBuilder.js

@@ -361,7 +361,10 @@ const snkPersonalizedFilterMessages = {
     labelNameFilter: "Nome do filtro",
     labelExpression: "Expressão SQL",
     badgeVariable: "variável",
-    noDataFound: "Nenhum filtro encontrado"
+    noDataFound: "Nenhum filtro encontrado",
+    condition: "Condição",
+    addGroup: "Adicionar grupo",
+    applyExpression: "Expressão a ser aplicada:"
   },
   confirmExpression: {
     title: "Aviso",

package/dist/components/{taskbar-processor.js → SnkMultiSelectionListDataSource.js}

@@ -1,3 +1,5 @@
+import { UserInterface, DateUtils } from '@sankhyalabs/core';
+
 class TaskbarProcessor {
   constructor(defaultButtons) {
     this._defaultButtons = defaultButtons;
@@ -44,4 +46,33 @@ class TaskbarProcessor {
   }
 }
 
-export { TaskbarProcessor as T };
+class SnkMultiSelectionListDataSource {
+  setDataUnit(dataUnit) {
+    this._dataUnit = dataUnit;
+  }
+  setApplication(application) {
+    this._application = application;
+  }
+  formatLabel(fieldName, value) {
+    const { userInterface } = this._dataUnit.getField(fieldName);
+    if (userInterface === UserInterface.DATETIME) {
+      return DateUtils.formatDate(this._dataUnit.valueFromString(fieldName, value));
+    }
+    return String(this._dataUnit.getFormattedValue(fieldName, value));
+  }
+  fetchData(filterTerm, fieldName) {
+    return new Promise(resolve => {
+      this._application.executeSelectDistinct(this._dataUnit, fieldName, filterTerm).then(result => {
+        resolve(result.map(item => {
+          const field = this._dataUnit.getField(fieldName);
+          if (field.userInterface === UserInterface.SEARCH) {
+            return Object.assign(Object.assign({}, JSON.parse(item)), { check: true });
+          }
+          return { value: item, label: this.formatLabel(fieldName, item), check: true };
+        }));
+      });
+    });
+  }
+}
+
+export { SnkMultiSelectionListDataSource as S, TaskbarProcessor as T };

package/dist/components/index.d.ts

@@ -27,7 +27,6 @@ export { SnkFilterMultiSelect as SnkFilterMultiSelect } from '../types/component
 export { SnkFilterPeriod as SnkFilterNumber } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-number';
 export { SnkFilterParamConfig as SnkFilterParamConfig } from '../types/components/snk-personalized-filter/subcomponents/snk-filter-param-config/snk-filter-param-config';
 export { SnkFilterPeriod as SnkFilterPeriod } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-period';
-export { SnkFilterPersonalized as SnkFilterPersonalized } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-personalized/snk-filter-personalized';
 export { SnkFilterSearch as SnkFilterSearch } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-search';
 export { SnkFilterText as SnkFilterText } from '../types/components/snk-filter-bar/filter-item/editors/snk-filter-text';
 export { SnkForm as SnkForm } from '../types/components/snk-form/snk-form';
@@ -38,6 +37,7 @@ export { SnkGrid as SnkGrid } from '../types/components/snk-grid/snk-grid';
 export { SnkGridConfig as SnkGridConfig } from '../types/components/snk-grid/subcomponents/snk-grid-config/snk-grid-config';
 export { SnkGuidesViewer as SnkGuidesViewer } from '../types/components/snk-crud/subcomponents/snk-guides-viewer';
 export { SnkPersonalizedFilter as SnkPersonalizedFilter } from '../types/components/snk-personalized-filter/snk-personalized-filter';
+export { SnkFilterPersonalized as SnkPersonalizedFilterEditor } from '../types/components/snk-filter-bar/filter-item/editors/snk-personalized-filter-editor/snk-personalized-filter-editor';
 export { SnkPesquisa as SnkPesquisa } from '../types/components/snk-pesquisa/snk-pesquisa';
 export { SelectBox as SnkSelectBox } from '../types/components/snk-grid/subcomponents/snk-select-box/snk-select-box';
 export { SnkSimpleBar as SnkSimpleBar } from '../types/components/snk-simple-bar/snk-simple-bar';

package/dist/components/index.js

@@ -27,7 +27,6 @@ export { SnkFilterMultiSelect, defineCustomElement as defineCustomElementSnkFilt
 export { SnkFilterNumber, defineCustomElement as defineCustomElementSnkFilterNumber } from './snk-filter-number.js';
 export { SnkFilterParamConfig, defineCustomElement as defineCustomElementSnkFilterParamConfig } from './snk-filter-param-config.js';
 export { SnkFilterPeriod, defineCustomElement as defineCustomElementSnkFilterPeriod } from './snk-filter-period.js';
-export { SnkFilterPersonalized, defineCustomElement as defineCustomElementSnkFilterPersonalized } from './snk-filter-personalized.js';
 export { SnkFilterSearch, defineCustomElement as defineCustomElementSnkFilterSearch } from './snk-filter-search.js';
 export { SnkFilterText, defineCustomElement as defineCustomElementSnkFilterText } from './snk-filter-text.js';
 export { SnkForm, defineCustomElement as defineCustomElementSnkForm } from './snk-form.js';
@@ -38,6 +37,7 @@ export { SnkGrid, defineCustomElement as defineCustomElementSnkGrid } from './sn
 export { SnkGridConfig, defineCustomElement as defineCustomElementSnkGridConfig } from './snk-grid-config.js';
 export { SnkGuidesViewer, defineCustomElement as defineCustomElementSnkGuidesViewer } from './snk-guides-viewer.js';
 export { SnkPersonalizedFilter, defineCustomElement as defineCustomElementSnkPersonalizedFilter } from './snk-personalized-filter.js';
+export { SnkPersonalizedFilterEditor, defineCustomElement as defineCustomElementSnkPersonalizedFilterEditor } from './snk-personalized-filter-editor.js';
 export { SnkPesquisa, defineCustomElement as defineCustomElementSnkPesquisa } from './snk-pesquisa.js';
 export { SnkSelectBox, defineCustomElement as defineCustomElementSnkSelectBox } from './snk-select-box.js';
 export { SnkSimpleBar, defineCustomElement as defineCustomElementSnkSimpleBar } from './snk-simple-bar.js';

package/dist/components/index2.js

@@ -29,41 +29,5 @@ var DataExporterType;
   DataExporterType["EXPORT_PDF_TO_EMAIL"] = "PDF";
   DataExporterType["EXPORT_XLS_TO_EMAIL"] = "XLS";
 })(DataExporterType || (DataExporterType = {}));
-var FilterConfigType;
-(function (FilterConfigType) {
-  FilterConfigType["SYSTEM_CONFIG"] = "S";
-  FilterConfigType["USER_CONFIG"] = "E";
-})(FilterConfigType || (FilterConfigType = {}));
-var FilterUserConfigTypes;
-(function (FilterUserConfigTypes) {
-  FilterUserConfigTypes["DATE"] = "D";
-  FilterUserConfigTypes["HORA"] = "H";
-  FilterUserConfigTypes["TEXT"] = "S";
-  FilterUserConfigTypes["INTEGER"] = "I";
-  FilterUserConfigTypes["DECIMAL"] = "F";
-  FilterUserConfigTypes["NUMBER"] = "NUMBER";
-})(FilterUserConfigTypes || (FilterUserConfigTypes = {}));
-var FilterOperand;
-(function (FilterOperand) {
-  FilterOperand["AND"] = "AND";
-  FilterOperand["OR"] = "OR";
-  FilterOperand["IN"] = "IN";
-  FilterOperand["DIFFERENT"] = "<>";
-  FilterOperand["LIKE"] = "LIKE";
-  FilterOperand["START_WITH"] = "LIKE_START";
-  FilterOperand["FINISHED_WITH"] = "LIKE_END";
-  FilterOperand["NULL"] = "NULL";
-  FilterOperand["NOT_NULL"] = "NOT NULL";
-  FilterOperand["EQUAL"] = "=";
-  FilterOperand["LARGER"] = ">";
-  FilterOperand["LARGER_EQUAL"] = ">=";
-  FilterOperand["SMALLER"] = "<";
-  FilterOperand["SMALLER_EQUAL"] = "<=";
-})(FilterOperand || (FilterOperand = {}));
-var FilterEntities;
-(function (FilterEntities) {
-  FilterEntities["FIELD"] = "Campo";
-  FilterEntities["INSTANCE"] = "Instancia";
-})(FilterEntities || (FilterEntities = {}));
 
-export { DataExporterOption as D, FilterOperand as F, PresentationMode as P, DataExporterFormat as a, DataExporterType as b, FilterConfigType as c, FilterEntities as d, FilterUserConfigTypes as e };
+export { DataExporterOption as D, PresentationMode as P, DataExporterFormat as a, DataExporterType as b };

package/dist/components/snk-detail-view2.js

@@ -7,7 +7,7 @@ import { ElementIDUtils } from '@sankhyalabs/core';
 import { P as PresentationMode } from './index2.js';
 import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
 import { V as VIEW_MODE } from './constants.js';
-import { T as TaskbarProcessor } from './taskbar-processor.js';
+import { T as TaskbarProcessor } from './SnkMultiSelectionListDataSource.js';
 import { d as defineCustomElement$r } from './snk-actions-button2.js';
 import { d as defineCustomElement$q } from './snk-attach2.js';
 import { d as defineCustomElement$p } from './snk-config-options2.js';

package/dist/components/snk-expression-group2.js

@@ -1,19 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, forceUpdate, Host } from '@stencil/core/internal/client';
+import { F as FilterGroupCondition } from './PersonalizedFilterUtils.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { ApplicationContext, StringUtils, ElementIDUtils } from '@sankhyalabs/core';
 import { d as defineCustomElement$3 } from './snk-expression-item2.js';
 import { d as defineCustomElement$2 } from './snk-filter-field-search2.js';
 import { d as defineCustomElement$1 } from './snk-filter-param-config2.js';
 
-var FilterGroupCondition;
-(function (FilterGroupCondition) {
-  FilterGroupCondition["AND"] = "AND";
-  FilterGroupCondition["OR"] = "OR";
-})(FilterGroupCondition || (FilterGroupCondition = {}));
-
 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)}.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)}.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}";
 
-const LIMIT_GROUP_LEVEL = 4;
 const SnkExpressionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
@@ -22,6 +16,7 @@ const SnkExpressionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.ezFilterGroupRemove = createEvent(this, "ezFilterGroupRemove", 7);
     this.ezExpressionGroupLayoutChanged = createEvent(this, "ezExpressionLayoutChanged", 7);
     this.FIRST_LEVEL = "0";
+    this.LIMIT_GROUP_LEVEL = 4;
     this.application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this._conditionOperator = FilterGroupCondition.AND;
     this._group = undefined;
@@ -48,11 +43,11 @@ const SnkExpressionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   }
   watchGroup(newValue) {
     this._group = newValue;
-    this._conditionOperator = !this._group.operand ? FilterGroupCondition.AND : this._group.operand;
+    this._conditionOperator = this.getOperand();
   }
   componentWillLoad() {
     this._group = this.group;
-    this._conditionOperator = !this._group.operand ? FilterGroupCondition.AND : this._group.operand;
+    this._conditionOperator = this.getOperand();
     if (!this.getDataGroupLevel()) {
       this._element.setAttribute('data-group-level', this.FIRST_LEVEL);
     }
@@ -78,6 +73,9 @@ const SnkExpressionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   getDashedHeight() {
     return this._selfTop - this.parentTop;
   }
+  getOperand() {
+    return !this._group.operand ? FilterGroupCondition.AND : this._group.operand;
+  }
   getMessage(key, params) {
     return this.application.messagesBuilder.getMessage(key, params);
   }
@@ -111,18 +109,19 @@ const SnkExpressionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.changeHandler();
     this.canAddExpression = true;
   }
+  isFilledItem(item) {
+    if (!item.fieldName || !item.operand)
+      return false;
+    if (item.operand === 'NULL' || item.operand === 'NOT_NULL') {
+      return true;
+    }
+    else {
+      return item.paramVariable || (item.userInterface === 'SWITCH') ? true : !!item.value;
+    }
+  }
   handleFilterItemChange() {
     this.ezFilterGroupChange.emit(this._group);
-    this.canAddExpression = this.group.items.every(item => {
-      if (!item.fieldName || !item.operand)
-        return false;
-      if (item.operand === 'NULL' || item.operand === 'NOT_NULL') {
-        return true;
-      }
-      else {
-        return item.paramVariable || (item.userInterface === 'SWITCH') ? true : !!item.value;
-      }
-    });
+    this.canAddExpression = this.group.items.every(this.isFilledItem);
   }
   handleAddExpression() {
     const newItem = {
@@ -211,7 +210,7 @@ const SnkExpressionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   }
   canAddGroup() {
     const dataGroupLevel = Number(this.getDataGroupLevel() || this.FIRST_LEVEL);
-    return dataGroupLevel < LIMIT_GROUP_LEVEL;
+    return dataGroupLevel < this.LIMIT_GROUP_LEVEL;
   }
   isFirstLevel() {
     return Boolean(this.getDataGroupLevel() === this.FIRST_LEVEL);
@@ -220,7 +219,7 @@ const SnkExpressionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     evt.preventDefault();
     evt.stopPropagation();
   }
-  handleMessageAddTooltip() {
+  getMessageAddTooltip() {
     if (this.isFirstLevel()) {
       const allValidItems = this.group.items.every(item => {
         if (!item.fieldName || !item.operand)
@@ -239,7 +238,7 @@ const SnkExpressionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   }
   render() {
     const canAddGroup = this.canAddGroup();
-    return (h(Host, null, h("div", { class: !this.isFirstLevel() && this._showDashes ? 'dashes' : 'hidden', style: this.buildGroupStyle() }), h("div", { class: !this.isFirstLevel() && this._showDashes ? 'horizontal-dashes' : 'hidden' }), h("div", { class: 'ez-flex ez-flex--align-items-center' }, h("div", { class: 'snk-expression-group__container-condition ez-flex ez-flex-item--align-center ez-flex--align-items-center', "data-condition": this._conditionOperator, title: this.getTooltipMessageForOperator() }, h("label", { class: "ez-label ez-padding-right--medium ez-padding-left--medium ez-title--primary" }, "Condi\u00E7\u00E3o:"), h("div", null, h("ez-combo-box", Object.assign({ class: "snk-expression-group__container-option", canShowError: false, mode: "slim", suppressEmptyOption: true, enabled: this.canChangeGroupCondition(), value: this._conditionOperator, onEzChange: (evt) => this.handleConditionOperatorChange(evt.detail.value) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxConditions_level_${this.getDataGroupLevel()}` }), h("option", { value: FilterGroupCondition.AND }, "E"), h("option", { value: FilterGroupCondition.OR }, "OU")))), h("ez-button", { class: "ez-padding-right--medium ez-padding-left--medium", mode: "icon", iconName: "plus", size: "small", enabled: this.canAddExpression, title: this.handleMessageAddTooltip(), onClick: () => this.handleAddExpression() }), h("ez-button", { label: "Adicionar grupo", size: "small", enabled: canAddGroup, title: !canAddGroup ? this.getMessage('snkPersonalizedFilter.info.labelDisabledAddGroupButton', { LIMIT_GROUP_LEVEL: LIMIT_GROUP_LEVEL + 1 }) : '', onClick: () => this.handleAddGroup() }, h("ez-icon", { slot: "leftIcon", iconName: "plus" })), !this.isFirstLevel() && h("ez-button", { title: this.getMessage("snkPersonalizedFilter.info.labelDeleteExpression"), class: "ez-padding-left--medium", mode: "icon", iconName: "delete", size: "small", onClick: (evt) => this.confirmRemoveGroup(evt) })), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderExpressionItems())), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderGroups()))));
+    return (h(Host, null, h("div", { class: !this.isFirstLevel() && this._showDashes ? 'dashes' : 'hidden', style: this.buildGroupStyle() }), h("div", { class: !this.isFirstLevel() && this._showDashes ? 'horizontal-dashes' : 'hidden' }), h("div", { class: 'ez-flex ez-flex--align-items-center' }, h("div", { class: 'snk-expression-group__container-condition ez-flex ez-flex-item--align-center ez-flex--align-items-center', "data-condition": this._conditionOperator, title: this.getTooltipMessageForOperator() }, h("label", { class: "ez-label ez-padding-right--medium ez-padding-left--medium ez-title--primary" }, this.getMessage("snkPersonalizedFilter.info.condition")), h("div", null, h("ez-combo-box", Object.assign({ class: "snk-expression-group__container-option", canShowError: false, mode: "slim", suppressEmptyOption: true, enabled: this.canChangeGroupCondition(), value: this._conditionOperator, onEzChange: (evt) => this.handleConditionOperatorChange(evt.detail.value) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxConditions_level_${this.getDataGroupLevel()}` }), h("option", { value: FilterGroupCondition.AND }, "E"), h("option", { value: FilterGroupCondition.OR }, "OU")))), h("ez-button", { class: "ez-padding-right--medium ez-padding-left--medium", mode: "icon", iconName: "plus", size: "small", enabled: this.canAddExpression, title: this.getMessageAddTooltip(), onClick: () => this.handleAddExpression() }), h("ez-button", { label: this.getMessage("snkPersonalizedFilter.info.addGroup"), size: "small", enabled: canAddGroup, title: !canAddGroup ? this.getMessage('snkPersonalizedFilter.info.labelDisabledAddGroupButton', { LIMIT_GROUP_LEVEL: this.LIMIT_GROUP_LEVEL + 1 }) : '', onClick: () => this.handleAddGroup() }, h("ez-icon", { slot: "leftIcon", iconName: "plus" })), !this.isFirstLevel() && h("ez-button", { title: this.getMessage("snkPersonalizedFilter.info.labelDeleteExpression"), class: "ez-padding-left--medium", mode: "icon", iconName: "delete", size: "small", onClick: (evt) => this.confirmRemoveGroup(evt) })), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderExpressionItems())), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderGroups()))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -293,4 +292,4 @@ function defineCustomElement() {
   } });
 }
 
-export { FilterGroupCondition as F, SnkExpressionGroup as S, defineCustomElement as d };
+export { SnkExpressionGroup as S, defineCustomElement as d };

package/dist/components/snk-expression-item2.js

@@ -3,7 +3,7 @@ import { UserInterface, ApplicationContext, ElementIDUtils } from '@sankhyalabs/
 import { a as SelectedItemType, d as defineCustomElement$2 } from './snk-filter-field-search2.js';
 import { ApplicationUtils, CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
 import { fieldBuilder } from '@sankhyalabs/ezui/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder';
-import { F as FilterOperand } from './index2.js';
+import { a as FilterOperand } from './PersonalizedFilterUtils.js';
 import { s as store } from './index3.js';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { d as defineCustomElement$1 } from './snk-filter-param-config2.js';
@@ -36,7 +36,6 @@ const FIELD_TYPE_SEARCH_AND_TEXT = [
 
 const snkExpressionItemCss = ".sc-snk-expression-item-h{display:flex;width:100%;--snk-expression-item--background-color:var(--background--xlight, #fff);--snk-expression-item__itens--padding:var(--space--small, 6px);--snk-expression-item__width--input-operator:220px;--snk-expression-item__width--input-value:240px;--snk-expression-item__width--input-value-variable:176px;--snk-expression-item--border-radius:var(--border--radius-medium, 12px);--snk-expression-item--border-color:var(--color--strokes, #DCE0E8);--snk-expression-item--border-style:var(--border--small, 1px solid);--snk-expression-item__background-color-dashed:var(--background--body, #fafcff)}.box.sc-snk-expression-item{width:100%;height:56px;background:var(--snk-expression-item--background-color);border:var(--snk-expression-item--border-color) var(--snk-expression-item--border-style);border-radius:var(--snk-expression-item--border-radius)}.box__container.sc-snk-expression-item{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;margin:var(--space--small, 6px)}.box__container--input-filter.sc-snk-expression-item{width:100%}.box__container--input-operator.sc-snk-expression-item{display:flex;width:var(--snk-expression-item__width--input-operator);min-width:var(--snk-expression-item__width--input-operator)}.box__container--input-value.sc-snk-expression-item{display:flex;width:var(--snk-expression-item__width--input-value);min-width:var(--snk-expression-item__width--input-value)}.box__container--input-value-variable.sc-snk-expression-item{display:flex;width:var(--snk-expression-item__width--input-value-variable);min-width:var(--snk-expression-item__width--input-value-variable)}.box__container--button-delete.sc-snk-expression-item{display:flex}.box__container.sc-snk-expression-item>div.sc-snk-expression-item{padding-left:var(--snk-expression-item__itens--padding);padding-right:var(--snk-expression-item__itens--padding)}.box__container--button-delete--icon.sc-snk-expression-item{width:42px;min-width:42px}.box__container--input-value-variable--icon.sc-snk-expression-item{cursor:pointer}.dashes.sc-snk-expression-item{z-index:var(--more-visible, 2);background:var(--snk-expression-item__background-color-dashed);border-bottom:2px dashed var(--text-secondary, #A2ABB9);border-left:2px dashed var(--text-secondary, #A2ABB9);position:absolute;width:15px;height:62px;margin-left:-15px;margin-top:-33.5px}";
 
-const DEFAULT_FIELD_NAME = 'NOT_DEFINED';
 const SnkExpressionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
@@ -46,6 +45,7 @@ const SnkExpressionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this.application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this.filterOperandDefault = FilterOperandDefault;
     this.filterOperandTypeTextSearch = FilterOperandTypeTextSearch;
+    this.DEFAULT_FIELD_NAME = 'NOT_DEFINED';
     this._showValueVariable = false;
     this._fieldSelected = undefined;
     this._optionNotNull = false;
@@ -230,7 +230,7 @@ const SnkExpressionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     if (this._optionNotNull && inputFieldData || ((_b = this._elValueVariable) === null || _b === void 0 ? void 0 : _b.value) && inputFieldData || this.expression.paramVariable || this._showValueVariable || !((_c = this._fieldSelected) === null || _c === void 0 ? void 0 : _c.dataType)) {
       inputFieldData.$attrs$.enabled = false;
     }
-    if (this.expression.value) {
+    if (this.expression.value != undefined) {
       inputFieldData.$attrs$.value = this.getExpressiontValue(this.expression);
     }
     inputFieldData.$attrs$.onEzChange = (event) => {
@@ -285,7 +285,7 @@ const SnkExpressionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   }
   render() {
     var _a;
-    return (h(Host, null, h("div", { class: "dashes" }), h("div", { class: "box" }, h("div", { class: "box__container" }, h("div", { class: "box__container--input-filter" }, h("ez-filter-input", Object.assign({ ref: ref => this._elFilterInput = ref, value: (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.path, label: this.getMessage("snkPersonalizedFilter.info.labelSearchField"), canShowError: false, onEzChange: (evt) => this.handleChangeFilterInput(evt), onFocus: () => this.handleFocus() }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `expressionFilterInput_${this.expression.fieldName || DEFAULT_FIELD_NAME}` })), h("snk-filter-field-search", { ref: ref => this._elFilterFieldSearch = ref, searchable: false, onEzSelectFilterItem: (ev) => this.handleSelectItem(ev.detail), fieldsDataSource: this._dataSourceFetcher })), h("div", { class: "box__container--input-operator" }, h("ez-combo-box", Object.assign({ label: this.getMessage("snkPersonalizedFilter.info.labelOperator"), value: this.expression.operand, canShowError: false, options: this.buildOptionsOperator(), onEzChange: (evt) => { var _a; return this.handleChangeOperator((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, suppressEmptyOption: true }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxOperand_${this.expression.fieldName || DEFAULT_FIELD_NAME}` }))), h("div", { class: "box__container--input-value" }, !this._fieldSelected ?
+    return (h(Host, null, h("div", { class: "dashes" }), h("div", { class: "box" }, h("div", { class: "box__container" }, h("div", { class: "box__container--input-filter" }, h("ez-filter-input", Object.assign({ ref: ref => this._elFilterInput = ref, value: (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.path, label: this.getMessage("snkPersonalizedFilter.info.labelSearchField"), canShowError: false, onEzChange: (evt) => this.handleChangeFilterInput(evt), onFocus: () => this.handleFocus() }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `expressionFilterInput_${this.expression.fieldName || this.DEFAULT_FIELD_NAME}` })), h("snk-filter-field-search", { ref: ref => this._elFilterFieldSearch = ref, searchable: false, onEzSelectFilterItem: (ev) => this.handleSelectItem(ev.detail), fieldsDataSource: this._dataSourceFetcher })), h("div", { class: "box__container--input-operator" }, h("ez-combo-box", Object.assign({ label: this.getMessage("snkPersonalizedFilter.info.labelOperator"), value: this.expression.operand, canShowError: false, options: this.buildOptionsOperator(), onEzChange: (evt) => { var _a; return this.handleChangeOperator((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, suppressEmptyOption: true }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxOperand_${this.expression.fieldName || this.DEFAULT_FIELD_NAME}` }))), h("div", { class: "box__container--input-value" }, !this._fieldSelected ?
       h("ez-number-input", { label: "Valor", canShowError: false, enabled: (!this._showValueVariable && !this._optionNotNull) }) :
       this.buildFieldByType()), h("div", { class: "box__container--input-value-variable" }, !this._optionNotNull &&
       h("ez-check", { ref: ref => this._elValueVariable = ref, value: this.expression.paramVariable, label: this.getMessage("snkPersonalizedFilter.info.labelValueVarible"), mode: CheckMode.SWITCH, onEzChange: (evt) => this.handleChangeValueVariable(evt.detail) }), (this._showValueVariable && !this._optionNotNull) &&

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

@@ -4,9 +4,8 @@ import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { toString } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { F as FilterItemType } from './filter-item-type.enum.js';
-import { F as FilterOperand } from './index2.js';
+import { a as FilterOperand, P as PersonalizedFilterUtils } from './PersonalizedFilterUtils.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils.js';
 import { d as defineCustomElement$8 } from './snk-expression-group2.js';
 import { d as defineCustomElement$7 } from './snk-expression-item2.js';
 import { d as defineCustomElement$6 } from './snk-filter-detail2.js';
@@ -271,13 +270,12 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.processAfterUpdateConfig();
     }
   }
+  getPersonalizedFilterItem() {
+    return this.filterConfig.find(item => item.type === FilterItemType.PERSONALIZED);
+  }
   async processAfterUpdateConfig() {
     if (this._loadingPending) {
-      const personalizedFilter = this.filterConfig.find(item => {
-        if (item.type === FilterItemType.PERSONALIZED) {
-          return true;
-        }
-      });
+      const personalizedFilter = this.getPersonalizedFilterItem();
       this._pendingVariables = !PersonalizedFilterUtils.validateVariableValues(personalizedFilter);
       if (this._pendingVariables) {
         return;

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

@@ -51,12 +51,9 @@ const SnkFilterDetail = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
         return { tag: "snk-filter-number" };
       case FilterItemType.PERSONALIZED:
         const snkFilterPersonalizedProps = {
-          tag: "snk-filter-personalized", props: {
+          tag: "snk-personalized-filter-editor", props: {
             presentationMode: EPresentationMode.CHIP,
-            onValueChanged: ({ detail }) => {
-              const groupedItems = (detail === null || detail === void 0 ? void 0 : detail.items) || this.config.groupedItems;
-              this.config = Object.assign(Object.assign({}, this.config), { groupedItems, visible: (groupedItems || []).filter(item => item.visible).length > 0 });
-            }
+            onValueChanged: evt => this.handleValueChanged(evt),
           }
         };
         return snkFilterPersonalizedProps;
@@ -65,6 +62,10 @@ const SnkFilterDetail = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
     return { tag: "snk-filter-text" };
   }
+  handleValueChanged({ detail }) {
+    const groupedItems = (detail === null || detail === void 0 ? void 0 : detail.items) || this.config.groupedItems;
+    this.config = Object.assign(Object.assign({}, this.config), { groupedItems, visible: (groupedItems || []).filter(item => item.visible).length > 0 });
+  }
   removeItem() {
     const hasMultiValues = this.config.type === FilterItemType.MULTI_LIST && Array.isArray(this.config.value);
     const newValue = hasMultiValues ? this.config.value.map((valueItem) => (Object.assign(Object.assign({}, valueItem), { check: false }))) : undefined;
@@ -74,6 +75,9 @@ const SnkFilterDetail = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
     this.changeConfig(removedConfig);
   }
+  removeItemFromGroup(item) {
+    return Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined });
+  }
   getPopUpHeaderButtons() {
     return (h(Fragment, null, !this.config.removalBlocked && this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), !this.config.hardFixed && this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
   }

package/dist/components/snk-filter-field-search2.js

@@ -39,7 +39,6 @@ const SnkFilterFieldSearch = /*@__PURE__*/ proxyCustomElement(class extends HTML
     super();
     this.__registerHost();
     this.ezSelectFilterItem = createEvent(this, "ezSelectFilterItem", 7);
-    this._filterMetadataStorage = new Map();
     this._currentMetadata = null;
     this._filterText = "";
     this._isLoading = false;
@@ -82,15 +81,8 @@ const SnkFilterFieldSearch = /*@__PURE__*/ proxyCustomElement(class extends HTML
   async loadData() {
     var _a, _b;
     this._isLoading = true;
-    let metadata;
-    if (this._currentLink != undefined) {
-      metadata = this._filterMetadataStorage.get(this._currentLink.uri);
-    }
-    if (!metadata) {
-      metadata = await this.fieldsDataSource.fetchData(this._currentLink);
-      this._currentLink = metadata.currentLink;
-      this._filterMetadataStorage.set(this._currentLink.uri, metadata);
-    }
+    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');
@@ -143,7 +135,6 @@ const SnkFilterFieldSearch = /*@__PURE__*/ proxyCustomElement(class extends HTML
     if (this._isLoading)
       return;
     const breadcrumbByIndex = this.breadcrumbItems.findIndex(breadcrumbItem => breadcrumbItem.id === item.id);
-    item.cache = this._filterMetadataStorage.has(item.uri);
     if (breadcrumbByIndex > -1) {
       this.breadcrumbItems = this.breadcrumbItems.slice(0, (breadcrumbByIndex + 1));
     }
@@ -195,7 +186,6 @@ const SnkFilterFieldSearch = /*@__PURE__*/ proxyCustomElement(class extends HTML
   }
   disconnectedCallback() {
     var _a;
-    this._filterMetadataStorage.clear();
     (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.hide();
   }
   render() {

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

@@ -183,11 +183,7 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         return `${label}: ${value.value} - ${value.label}`;
       }
       if (type === FilterItemType.PERSONALIZED) {
-        const activeCount = groupedItems.reduce((total, item) => {
-          if (!!item.visible)
-            return total + 1;
-          return total;
-        }, 0);
+        const activeCount = this.calculateActiveCount(groupedItems);
         if (activeCount <= 0)
           return label;
         return `${label}: ${this.getMessage('snkFilterBar.personalizedCount', { activeCount })}`;
@@ -211,6 +207,13 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     return label;
   }
+  calculateActiveCount(groupedItems) {
+    return groupedItems.reduce((total, item) => {
+      if (!!item.visible)
+        return total + 1;
+      return total;
+    }, 0);
+  }
   applyTooltip() {
     if (!this.config.value)
       return undefined;
@@ -259,13 +262,19 @@ const SnkFilterItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     return undefined;
   }
+  hasActiveElements(value) {
+    var _a, _b, _c;
+    return ((_c = (_b = ((_a = value === null || value === void 0 ? void 0 : value.elements) !== null && _a !== void 0 ? _a : value)) === null || _b === void 0 ? void 0 : _b.filter(val => val === null || val === void 0 ? void 0 : val.check)) === null || _c === void 0 ? void 0 : _c.length) > 0;
+  }
+  hasActiveValue(config) {
+    return (config.type !== FilterItemType.MULTI_LIST && config.value !== undefined) || this.hasActiveElements(config.value);
+  }
   getEnabledChip() {
-    var _a, _b, _c, _d;
     if (this.config.type === FilterItemType.PERSONALIZED) {
       const { groupedItems = [] } = this.config;
       return groupedItems.some(item => item.visible);
     }
-    return (FilterItemType.MULTI_LIST != this.config.type && this.config.value != undefined) || (((_d = (_c = ((_b = (_a = this.config.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : this.config.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) > 0);
+    return this.hasActiveValue(this.config);
   }
   render() {
     const leftIcon = this.getLeftIconName();

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

@@ -46,19 +46,21 @@ const SnkFilterModalItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
       case FilterItemType.NUMBER:
         return { tag: "snk-filter-number" };
       case FilterItemType.PERSONALIZED:
-        const snkFilterPersonalizedProps = {
-          tag: "snk-filter-personalized", props: {
-            onDeleteFilter: (event) => this.handleDeleteFilter(event.detail, FilterItemType.PERSONALIZED),
-            onEditFilter: (event) => this.editPersonalizedFilter.emit(event.detail),
-            onAddFilter: () => this.addPersonalizedFilter.emit(),
-          }
-        };
-        return snkFilterPersonalizedProps;
+        return this.buildSnkFilterPersonalizedProps();
       case FilterItemType.MULTI_LIST:
         return { tag: "snk-entity-list", props: { maxHeightList: "640px", rightListSlotBuilder: item => this.buildRightSlot(item) } };
     }
     return { tag: "snk-filter-text" };
   }
+  buildSnkFilterPersonalizedProps() {
+    return {
+      tag: "snk-personalized-filter-editor", props: {
+        onDeleteFilter: (event) => this.handleDeleteFilter(event.detail, FilterItemType.PERSONALIZED),
+        onEditFilter: (event) => this.editPersonalizedFilter.emit(event.detail),
+        onAddFilter: () => this.addPersonalizedFilter.emit(),
+      }
+    };
+  }
   isVisible(newValue) {
     return !this.filterItem.visible ? newValue !== undefined : true;
   }

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

@@ -71,7 +71,7 @@ const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     });
   }
   handleClose() {
-    const hasChangesToSave = JSON.stringify(this.filters) !== JSON.stringify(this._originalFilterConfig);
+    const hasChangesToSave = ObjectUtils.objectToString(this.filters) !== ObjectUtils.objectToString(this._originalFilterConfig);
     if (!hasChangesToSave) {
       this.closeModal();
       return;
@@ -81,13 +81,19 @@ const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
         this.closeModal();
     });
   }
-  validatePersonalizedFilter() {
+  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) {
-      return ApplicationUtils.alert(this.getCustomMessage('validations.notFullFilled.title'), this.getCustomMessage('validations.notFullFilled.message'));
+      ApplicationUtils.alert(this.getCustomMessage('validations.notFullFilled.title'), this.getCustomMessage('validations.notFullFilled.message'));
+      return false;
     }
-    this.applyFilters(this.filters);
+    return true;
   }
   modalActionListener(evt) {
     const modalAction = evt.detail;
@@ -96,7 +102,7 @@ const SnkFilterModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
         this.handleClearAll();
         break;
       case ModalAction.OK:
-        this.validatePersonalizedFilter();
+        this.handleApplyFilters();
         break;
       case ModalAction.CLOSE:
         this.handleClose();