@sankhyalabs/sankhyablocks 6.5.0 → 6.6.0

package/dist/esm/snk-expression-item_3.entry.js

@@ -2,11 +2,11 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { UserInterface, ApplicationContext, ElementIDUtils, JSUtils, StringUtils, DataType } from '@sankhyalabs/core';
 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, c as FilterConfigType, d as FilterEntities, e as FilterUserConfigTypes } from './index-a255b326.js';
+import { F as FilterOperand, a as FilterConfigType, P as PersonalizedFilterUtils, b as FilterEntities, c as FilterUserConfigTypes } from './PersonalizedFilterUtils-1a167d89.js';
 import { s as store } from './index-bdf75557.js';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
-import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-202cd721.js';
+import './IExpressionItem-21f225bf.js';
 import './filter-item-type.enum-5028ed3f.js';
 
 var SelectedItemType;
@@ -43,7 +43,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 = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
@@ -52,6 +51,7 @@ const SnkExpressionItem = class {
     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;
@@ -236,7 +236,7 @@ const SnkExpressionItem = class {
     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) => {
@@ -291,7 +291,7 @@ const SnkExpressionItem = class {
   }
   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) &&
@@ -334,7 +334,6 @@ const SnkFilterFieldSearch = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.ezSelectFilterItem = createEvent(this, "ezSelectFilterItem", 7);
-    this._filterMetadataStorage = new Map();
     this._currentMetadata = null;
     this._filterText = "";
     this._isLoading = false;
@@ -377,15 +376,8 @@ const SnkFilterFieldSearch = class {
   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');
@@ -438,7 +430,6 @@ const SnkFilterFieldSearch = class {
     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));
     }
@@ -490,7 +481,6 @@ const SnkFilterFieldSearch = class {
   }
   disconnectedCallback() {
     var _a;
-    this._filterMetadataStorage.clear();
     (_a = this._ezPopover) === null || _a === void 0 ? void 0 : _a.hide();
   }
   render() {

package/dist/esm/snk-filter-bar.entry.js

@@ -4,14 +4,14 @@ import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/
 import { C as ConfigStorage } from './ConfigStorage-9f4d2e67.js';
 import { toString } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { F as FilterItemType } from './filter-item-type.enum-5028ed3f.js';
-import { F as FilterOperand } from './index-a255b326.js';
+import { F as FilterOperand, P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-1a167d89.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-202cd721.js';
 import './form-config-fetcher-cac8cd96.js';
 import './DataFetcher-b3d8b2d5.js';
 import './_commonjsHelpers-9943807e.js';
 import './resource-fetcher-02642924.js';
 import './filter-bar-config-fetcher-bd2070a3.js';
+import './IExpressionItem-21f225bf.js';
 
 const buildFilter = (item) => {
   switch (item.type) {
@@ -267,13 +267,12 @@ const SnkFilterBar = class {
       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/esm/snk-filter-detail.entry.js

@@ -4,11 +4,11 @@ import { F as FilterItemType } from './filter-item-type.enum-5028ed3f.js';
 import { ApplicationContext, ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
 import { F as FilterBarConfigFetcher } from './filter-bar-config-fetcher-bd2070a3.js';
 import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
-import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-202cd721.js';
+import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-1a167d89.js';
 import './resource-fetcher-02642924.js';
 import './DataFetcher-b3d8b2d5.js';
 import './_commonjsHelpers-9943807e.js';
-import './index-a255b326.js';
+import './IExpressionItem-21f225bf.js';
 
 const SnkFilterDetail = class {
   constructor(hostRef) {
@@ -54,12 +54,9 @@ const SnkFilterDetail = class {
         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;
@@ -68,6 +65,10 @@ const SnkFilterDetail = class {
     }
     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;
@@ -77,6 +78,9 @@ const SnkFilterDetail = class {
     }
     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/esm/snk-filter-item.entry.js

@@ -181,11 +181,7 @@ const SnkFilterItem = class {
         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 })}`;
@@ -209,6 +205,13 @@ const SnkFilterItem = class {
     }
     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;
@@ -257,13 +260,19 @@ const SnkFilterItem = class {
     }
     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/esm/snk-filter-modal-item.entry.js

@@ -43,19 +43,21 @@ const SnkFilterModalItem = class {
       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/esm/snk-filter-modal.entry.js

@@ -4,8 +4,8 @@ import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { F as FilterType } from './filter-type.enum-a80c1b6b.js';
 import { F as FilterItemType } from './filter-item-type.enum-5028ed3f.js';
 import { ObjectUtils } from '@sankhyalabs/core';
-import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-202cd721.js';
-import './index-a255b326.js';
+import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-1a167d89.js';
+import './IExpressionItem-21f225bf.js';
 
 const snkFilterModalCss = "ez-modal{--ez-modal-content-padding:24px 12px}.snk-filter-modal__container{width:344px;max-width:344px;min-width:344px;overflow:hidden}.snk-filter-modal__content{display:flex;flex-direction:column;gap:var(--space--medium, 12px);padding-right:var(--space--3xs, 4px)}.snk-filter-modal__collapsible-box{border:var(--border--small, 1px solid) var(--color--strokes, #DCE0E8);border-radius:var(--border--radius-medium);padding:var(--space--medium, 12px) var(--space--small, 6px)}.snk-filter-modal__rendered-items{max-height:760px;overflow-x:clip;overflow-y:auto}.snk-filter-modal__rendered-items::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";
 
@@ -71,7 +71,7 @@ const SnkFilterModal = class {
     });
   }
   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 = class {
         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 = class {
         this.handleClearAll();
         break;
       case ModalAction.OK:
-        this.validatePersonalizedFilter();
+        this.handleApplyFilters();
         break;
       case ModalAction.CLOSE:
         this.handleClose();

package/dist/esm/snk-grid.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
 import { UserInterface, DateUtils, ElementIDUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
 import { UserInterface as UserInterface$1 } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { T as TaskbarElement } from './taskbar-elements-139b1058.js';
+import { T as TaskbarElement } from './taskbar-elements-2c761819.js';
 import { C as ConfigStorage } from './ConfigStorage-9f4d2e67.js';
-import { P as PresentationMode } from './index-a255b326.js';
+import { P as PresentationMode } from './index-1564817d.js';
 import { T as TaskbarProcessor } from './taskbar-processor-94402e6e.js';
 import { s as store } from './index-bdf75557.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';

package/dist/esm/{snk-guides-viewer-9240c017.js → snk-guides-viewer-950dd3b5.js}

@@ -3,11 +3,11 @@ import { ElementIDUtils } from '@sankhyalabs/core';
 import { S as SnkFormConfigManager } from './SnkFormConfigManager-def999fe.js';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import { T as TaskbarProcessor } from './taskbar-processor-94402e6e.js';
-import { T as TaskbarElement } from './taskbar-elements-139b1058.js';
+import { T as TaskbarElement } from './taskbar-elements-2c761819.js';
 import { c as VIEW_MODE } from './constants-3644f1b6.js';
 import './DataFetcher-b3d8b2d5.js';
 import './pesquisa-fetcher-bd6af0e3.js';
-import { P as PresentationMode } from './index-a255b326.js';
+import { P as PresentationMode } from './index-1564817d.js';
 
 const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
 

package/dist/esm/snk-guides-viewer.entry.js

@@ -1,4 +1,4 @@
-export { S as snk_guides_viewer } from './snk-guides-viewer-9240c017.js';
+export { S as snk_guides_viewer } from './snk-guides-viewer-950dd3b5.js';
 import './index-a7d3d3f1.js';
 import '@sankhyalabs/core';
 import './SnkFormConfigManager-def999fe.js';
@@ -11,8 +11,8 @@ import './filter-bar-config-fetcher-bd2070a3.js';
 import './filter-item-type.enum-5028ed3f.js';
 import '@sankhyalabs/ezui/dist/collection/utils/form';
 import './taskbar-processor-94402e6e.js';
-import './taskbar-elements-139b1058.js';
-import './index-a255b326.js';
+import './taskbar-elements-2c761819.js';
+import './index-1564817d.js';
 import './index-bdf75557.js';
 import './constants-3644f1b6.js';
 import './pesquisa-fetcher-bd6af0e3.js';

package/dist/esm/{snk-filter-personalized.entry.js → snk-personalized-filter-editor.entry.js}

@@ -5,7 +5,7 @@ import { E as EPresentationMode } from './presentationMode-783bbf9d.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 snkPersonalizedFilterEditorCss = ".sc-snk-personalized-filter-editor-h{--snk-filter-personalized__max-height:21;--snk-filter-personalized__max-width:21.5}.SnkFilterPersonalized_list-container.sc-snk-personalized-filter-editor{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.SnkFilterPersonalized_list-container-chip.sc-snk-personalized-filter-editor{width:400px}.SnkFilterPersonalized_list-scroller.sc-snk-personalized-filter-editor{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-personalized-filter-editor{display:grid;grid-template-columns:auto auto;justify-content:start}.SnkFilterPersonalized_list-container.sc-snk-personalized-filter-editor: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-personalized-filter-editor{display:flex;border-radius:var(--border--radius-regular)}.SnkFilterPersonalized_list-item--modal.sc-snk-personalized-filter-editor:hover{background-color:var(--background--medium, #f0f3f7)}.SnkFilterPersonalized_list-actions.sc-snk-personalized-filter-editor{display:none;align-items:center}.SnkFilterPersonalized_list-item--modal.sc-snk-personalized-filter-editor:hover .SnkFilterPersonalized_list-actions.sc-snk-personalized-filter-editor{display:flex}.SnkFilterPersonalized_list-item--chip.sc-snk-personalized-filter-editor{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-personalized-filter-editor .sc-snk-personalized-filter-editor:first-of-type{gap:var(--space--3xs)}";
 
 const SnkFilterPersonalized = class {
   constructor(hostRef) {
@@ -49,10 +49,15 @@ const SnkFilterPersonalized = class {
     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() ?
+    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.buildModalListActions(item, isVariable))), (item.visible && isVariable) && (h("div", { class: "ez-row ez-padding--small" }, this.getFormField(item)))));
+  }
+  buildModalListActions(item, isVariable) {
+    if (!this.isModalMode())
+      return;
+    return (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)))));
+        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}`)}` }))));
   }
   isModalMode() {
     return this.presentationMode === EPresentationMode.MODAL;
@@ -119,7 +124,7 @@ const SnkFilterPersonalized = class {
     });
     this.emitChange();
   }
-  handleFilterChange({ detail: query = "" }) {
+  handleSearchFilterList({ detail: query = "" }) {
     this.items = query ? this.originalItems.filter(item => item.label.toLowerCase().includes(query.toLowerCase())) : this.originalItems;
   }
   handleFilterItemChange(value, formProp) {
@@ -152,11 +157,11 @@ const SnkFilterPersonalized = class {
   }
   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();
-      }
+      if (!actionConfirmed)
+        return;
+      this.deleteFilter.emit(item);
+      this.items = this.originalItems = this.originalItems.filter(originalItem => originalItem.id !== item.id);
+      this.emitChange();
     });
   }
   componentDidLoad() {
@@ -168,16 +173,34 @@ const SnkFilterPersonalized = class {
     this._application = ApplicationContext.getContextValue('__SNK__APPLICATION__');
     this.items = this.originalItems = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.groupedItems) || [];
   }
+  buildModeModalHeader() {
+    if (this.presentationMode !== EPresentationMode.MODAL)
+      return;
+    return (h("div", { class: "ez-margin-bottom--medium" }, h(Fragment, null, h("ez-filter-input", Object.assign({ label: this.config.label, onEzChange: this.handleSearchFilterList.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, " "))));
+  }
+  buildModeModalFooter() {
+    if (this.presentationMode !== EPresentationMode.MODAL)
+      return;
+    return (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() })));
+  }
+  buildContainerFiltersCreated() {
+    if (this.items.length) {
+      return (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)))));
+    }
+    else {
+      return (h("div", { class: "ez-margin--auto" }, h("span", { class: "ez-text ez-text--secondary ez-text--small" }, this.getMessage('snkPersonalizedFilter.info.noDataFound'))));
+    }
+  }
   render() {
     if (!this.config || this.config.type !== FilterItemType.PERSONALIZED)
       return undefined;
-    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() })))));
+    return (h(Host, null, this.buildModeModalHeader(), this.buildContainerFiltersCreated(), this.buildModeModalFooter()));
   }
   get _element() { return getElement(this); }
   static get watchers() { return {
     "config": ["configWatcher"]
   }; }
 };
-SnkFilterPersonalized.style = snkFilterPersonalizedCss;
+SnkFilterPersonalized.style = snkPersonalizedFilterEditorCss;
 
-export { SnkFilterPersonalized as snk_filter_personalized };
+export { SnkFilterPersonalized as snk_personalized_filter_editor };

package/dist/esm/snk-personalized-filter.entry.js

@@ -1,11 +1,10 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-a7d3d3f1.js';
 import { StringUtils, ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
-import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-202cd721.js';
+import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-1a167d89.js';
 import { P as PersonalizedFilterFetcher, C as ConfigStorage } from './ConfigStorage-9f4d2e67.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { F as FilterGroupCondition } from './IExpressionItem-2e922b2c.js';
+import { F as FilterGroupCondition } from './IExpressionItem-21f225bf.js';
 import { s as store } from './index-bdf75557.js';
-import './index-a255b326.js';
 import './filter-item-type.enum-5028ed3f.js';
 import './form-config-fetcher-cac8cd96.js';
 import './DataFetcher-b3d8b2d5.js';
@@ -21,13 +20,18 @@ const SnkPersonalizedFilter = class {
     this.ezCancel = createEvent(this, "ezCancel", 7);
     this.ezSave = createEvent(this, "ezSave", 7);
     this._personalizedFilterFetcher = new PersonalizedFilterFetcher();
+    this._filterMetadataStorage = new Map();
     this._dataSourceFetcher = {
       fetchData: async (entity) => {
         let entityURI = entity === null || entity === void 0 ? void 0 : entity.uri;
         if (StringUtils.isEmpty(entityURI)) {
           entityURI = this.entityUri;
         }
-        return await this._personalizedFilterFetcher.loadFields(entityURI);
+        if (!this._filterMetadataStorage.has(entityURI)) {
+          const filterMetadata = await this._personalizedFilterFetcher.loadFields(entityURI);
+          this._filterMetadataStorage.set(entityURI, filterMetadata);
+        }
+        return this._filterMetadataStorage.get(entityURI);
       }
     };
     this._filterAssistentMode = true;
@@ -140,11 +144,11 @@ const SnkPersonalizedFilter = class {
     ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmCancel.title"), this.getMessage("snkPersonalizedFilter.confirmCancel.description"))
       .then((canCancel) => {
       var _a;
-      if (canCancel) {
-        this._filterAssistent = ObjectUtils.copy((_a = this._originalFilterAssistent) !== null && _a !== void 0 ? _a : {});
-        this.ezCancel.emit();
-        this._elButtonSave.enabled = false;
-      }
+      if (!canCancel)
+        return;
+      this._filterAssistent = ObjectUtils.copy((_a = this._originalFilterAssistent) !== null && _a !== void 0 ? _a : {});
+      this.ezCancel.emit();
+      this._elButtonSave.enabled = false;
     });
   }
   handleTitleChange(name) {
@@ -177,14 +181,21 @@ const SnkPersonalizedFilter = class {
     }
     return (h("div", { class: "ez-flex" }, h("ez-alert", { alertType: "warn" }, this._filterAssistent.warningMessage)));
   }
+  buildContainerPersonalizedFilter() {
+    var _a, _b, _c;
+    if (this._filterAssistentMode) {
+      return (h(Fragment, null, h("div", { class: "ez-padding-top--small snk-personalized-filter__group" }, h("snk-expression-group", { ref: (el) => this._mainExpressionGroup = el, group: (_a = this._filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent, messagesBuilder: this.messagesBuilder, onEzFilterGroupChange: this.handleFilterGroupChange.bind(this), filterId: this.filterId, entityURI: this.entityUri })), h("div", null, h("div", { class: "snk-personalized-filter__expression-input--line" }), h("ez-collapsible-box", { label: this.getMessage("snkPersonalizedFilter.info.titleCollapsible"), headerSize: "medium", value: true }, h("div", { class: "ez-box" }, h("div", { class: "ez-box__container" }, h("ez-text-area", { ref: (el) => this._elTextAreaExpression = el, enabled: false, label: this.getMessage("snkPersonalizedFilter.info.labelExpression"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.expression })))))));
+    }
+    else {
+      return (h(Fragment, null, h("span", { class: "ez-text ez-text--small ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkPersonalizedFilter.info.applyExpression")), h("ez-text-area", { label: this.getMessage("snkPersonalizedFilter.info.labelExpression"), value: (_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.expression, onEzChange: (evt) => this.handleExpressionChange(evt.detail) }), this.getWarningMessageComponent()));
+    }
+  }
   render() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b;
     if (!((_a = this._filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent) && this._filterAssistentMode) {
       return;
     }
-    return (h(Host, null, h("div", { class: "snk-personalized-filter" }, h("div", null, h("snk-simple-bar", { label: this.filterId ? this.getMessage("snkPersonalizedFilter.info.titleEdit") : this.getMessage("snkPersonalizedFilter.info.titleAdd"), onExit: () => this.handleCancel() }, h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, h("ez-button", { size: "small", label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), h("ez-button", { size: "small", ref: (el) => this._elButtonSave = el, enabled: false, class: "ez-button--primary", label: this.getMessage("snkPersonalizedFilter.info.labelSave"), onClick: this.handleSave.bind(this) })))), h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, h("div", { class: "ez-box__container" }, h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, h("div", { class: "ez-flex" }, h("ez-text-input", { class: "ez-padding-right--medium", label: this.getMessage("snkPersonalizedFilter.info.labelNameFilter"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.name, onEzChange: (evt) => this.handleTitleChange(evt.detail) })), this._filterAssistentMode ?
-      h(Fragment, null, h("div", { class: "ez-padding-top--small snk-personalized-filter__group" }, h("snk-expression-group", { ref: (el) => this._mainExpressionGroup = el, group: (_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.assistent, messagesBuilder: this.messagesBuilder, onEzFilterGroupChange: this.handleFilterGroupChange.bind(this), filterId: this.filterId, entityURI: this.entityUri })), h("div", null, h("div", { class: "snk-personalized-filter__expression-input--line" }), h("ez-collapsible-box", { label: this.getMessage("snkPersonalizedFilter.info.titleCollapsible"), headerSize: "medium", value: true }, h("div", { class: "ez-box" }, h("div", { class: "ez-box__container" }, h("ez-text-area", { ref: (el) => this._elTextAreaExpression = el, enabled: false, label: this.getMessage("snkPersonalizedFilter.info.labelExpression"), value: (_d = this._filterAssistent) === null || _d === void 0 ? void 0 : _d.expression })))))) :
-      h(Fragment, null, h("span", { class: "ez-text ez-text--small ez-text--bold ez-padding-bottom--medium" }, "Express\u00E3o a ser aplicada:"), h("ez-text-area", { label: this.getMessage("snkPersonalizedFilter.info.labelExpression"), value: (_e = this._filterAssistent) === null || _e === void 0 ? void 0 : _e.expression, onEzChange: (evt) => this.handleExpressionChange(evt.detail) }), this.getWarningMessageComponent())))))));
+    return (h(Host, null, h("div", { class: "snk-personalized-filter" }, h("div", null, h("snk-simple-bar", { label: this.filterId ? this.getMessage("snkPersonalizedFilter.info.titleEdit") : this.getMessage("snkPersonalizedFilter.info.titleAdd"), onExit: () => this.handleCancel() }, h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, h("ez-button", { size: "small", label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), h("ez-button", { size: "small", ref: (el) => this._elButtonSave = el, enabled: false, class: "ez-button--primary", label: this.getMessage("snkPersonalizedFilter.info.labelSave"), onClick: this.handleSave.bind(this) })))), h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, h("div", { class: "ez-box__container" }, h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, h("div", { class: "ez-flex" }, h("ez-text-input", { class: "ez-padding-right--medium", label: this.getMessage("snkPersonalizedFilter.info.labelNameFilter"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.name, onEzChange: (evt) => this.handleTitleChange(evt.detail) })), this.buildContainerPersonalizedFilter()))))));
   }
   static get watchers() { return {
     "filterId": ["loadFilter"]

package/dist/esm/snk-simple-crud.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
 import { DataUnit, StringUtils, SortMode, DataType, ChangeOperation, ObjectUtils, UserInterface } from '@sankhyalabs/core';
 import { c as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants-3644f1b6.js';
-import { T as TaskbarElement } from './taskbar-elements-139b1058.js';
+import { T as TaskbarElement } from './taskbar-elements-2c761819.js';
 import './DataFetcher-b3d8b2d5.js';
 import './pesquisa-fetcher-bd6af0e3.js';
-import { P as PresentationMode } from './index-a255b326.js';
+import { P as PresentationMode } from './index-1564817d.js';
 import { T as TaskbarProcessor } from './taskbar-processor-94402e6e.js';
 import './index-bdf75557.js';
 import './_commonjsHelpers-9943807e.js';

package/dist/esm/snk-taskbar.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
 import { StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { A as AuthorizationConfig } from './AuthorizationConfig-dcbd207a.js';
-import { T as TaskbarElement, V as VisibleWhenForbidden, A as AuthorizationElements, b as buildElem, a as buildCustomButton } from './taskbar-elements-139b1058.js';
-import { P as PresentationMode } from './index-a255b326.js';
+import { T as TaskbarElement, V as VisibleWhenForbidden, A as AuthorizationElements, b as buildElem, a as buildCustomButton } from './taskbar-elements-2c761819.js';
+import { P as PresentationMode } from './index-1564817d.js';
 import './index-bdf75557.js';
 
 const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";

package/dist/esm/{taskbar-elements-139b1058.js → taskbar-elements-2c761819.js}

@@ -1,5 +1,5 @@
 import { h } from './index-a7d3d3f1.js';
-import { P as PresentationMode } from './index-a255b326.js';
+import { P as PresentationMode } from './index-1564817d.js';
 import { s as store } from './index-bdf75557.js';
 
 var TaskbarElement;