@sankhyalabs/sankhyablocks 9.2.0-rc.2 → 9.2.1

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

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { F as FilterItemType } from './filter-item-type.enum.js';
-import { F as FilterNumberVariation } from './filterNumberVariation.js';
 import { E as EPresentationMode } from './presentationMode.js';
+import { F as FilterNumberVariation } from './filterNumberVariation.js';
 
 const SnkFilterPeriod = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -16,13 +16,11 @@ const SnkFilterPeriod = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.getMessage = undefined;
     this.value = undefined;
     this.presentationMode = EPresentationMode.CHIP;
-    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-number
    */
   ezChangeListener(evt) {
-    this.errorMessage = undefined;
     if (this.getVariation() === FilterNumberVariation.INTERVAL) {
       const start = this._startInterval.value;
       const end = this._endInterval.value;
@@ -43,35 +41,6 @@ const SnkFilterPeriod = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
     this._numberElement.setFocus();
   }
-  /**
-   * Define o foco no componente snk-filter-number
-   */
-  async setFocus() {
-    if (this.getVariation() === FilterNumberVariation.INTERVAL) {
-      await this._startInterval.setFocus();
-      return;
-    }
-    await this._numberElement.setFocus();
-  }
-  /**
-   * Limpa o valor do componente restaurando o valor original da configuração.
-   */
-  async clearValue() {
-    var _a, _b;
-    this.value = this.config.value;
-    if (this.getVariation() === FilterNumberVariation.INTERVAL) {
-      const intervalValue = this.config.value;
-      if (this._startInterval) {
-        this._startInterval.value = (_a = intervalValue === null || intervalValue === void 0 ? void 0 : intervalValue.start) !== null && _a !== void 0 ? _a : null;
-      }
-      if (this._endInterval) {
-        this._endInterval.value = (_b = intervalValue === null || intervalValue === void 0 ? void 0 : intervalValue.end) !== null && _b !== void 0 ? _b : null;
-      }
-    }
-    else if (this._numberElement) {
-      this._numberElement.value = this.config.value;
-    }
-  }
   getIntervalValue(prop) {
     const objValue = this.value ? this.value[prop] : null;
     return objValue !== null && objValue !== void 0 ? objValue : null;
@@ -103,9 +72,9 @@ const SnkFilterPeriod = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       return undefined;
     }
     if (this.getVariation() === FilterNumberVariation.INTERVAL) {
-      return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("div", { class: "ez-col ez-col--nowrap" }, h("ez-number-input", { id: `${this.config.id}_start`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding-right--medium' : '', label: this._startIntervalLabel, ref: ref => this._startInterval = ref, value: this.getIntervalValue("start"), enabled: this.config.enabled, precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision, errorMessage: this.errorMessage }), this.buildLabel(), h("ez-number-input", { id: `${this.config.id}_end`, label: this._endIntervalLabel, ref: ref => this._endInterval = ref, value: this.getIntervalValue("end"), enabled: this.config.enabled, precision: (_b = this.config.props) === null || _b === void 0 ? void 0 : _b.precision, errorMessage: this.errorMessage }))));
+      return (h("div", { class: "ez-col ez-col--nowrap" }, h("ez-number-input", { id: `${this.config.id}_start`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._startIntervalLabel, ref: ref => this._startInterval = ref, value: this.getIntervalValue("start"), precision: (_a = this.config.props) === null || _a === void 0 ? void 0 : _a.precision }), this.buildLabel(), h("ez-number-input", { id: `${this.config.id}_end`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._endIntervalLabel, ref: ref => this._endInterval = ref, value: this.getIntervalValue("end"), precision: (_b = this.config.props) === null || _b === void 0 ? void 0 : _b.precision })));
     }
-    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("ez-number-input", { id: this.config.id, ref: ref => this._numberElement = ref, value: this.config.value, precision: (_c = this.config.props) === null || _c === void 0 ? void 0 : _c.precision, enabled: this.config.enabled, errorMessage: this.errorMessage })));
+    return (h("ez-number-input", { id: this.config.id, ref: ref => this._numberElement = ref, label: this.config.label, value: this.config.value, precision: (_c = this.config.props) === null || _c === void 0 ? void 0 : _c.precision }));
   }
   get _element() { return this; }
 }, [0, "snk-filter-number", {
@@ -113,10 +82,7 @@ const SnkFilterPeriod = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "getMessage": [16],
     "value": [2],
     "presentationMode": [2, "presentation-mode"],
-    "errorMessage": [1537, "error-message"],
-    "show": [64],
-    "setFocus": [64],
-    "clearValue": [64]
+    "show": [64]
   }, [[0, "ezChange", "ezChangeListener"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

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

@@ -11,77 +11,37 @@ const SnkFilterPeriod$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this._startDateLabel = 'Inicial';
     this._endDateLabel = 'Final';
     this._toLabel = 'até';
-    this.internalChange = {
-      start: false,
-      end: false
-    };
     this.config = undefined;
     this.getMessage = undefined;
-    this.value = {
-      start: null,
-      end: null
-    };
+    this.value = undefined;
     this.presentationMode = EPresentationMode.CHIP;
-    this.errorMessage = undefined;
-  }
-  configChanged(newValue, oldValue) {
-    if (this.internalChange.end) {
-      this.internalChange.end = false;
-      return;
-    }
-    if (this.internalChange.start) {
-      this.internalChange.start = false;
-      return;
-    }
-    if (newValue && (newValue.start !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.start) || newValue.end !== (oldValue === null || oldValue === void 0 ? void 0 : oldValue.end))) {
-      this.valueStart = this.parseDate(newValue.start);
-      this.valueEnd = this.parseDate(newValue.end);
-    }
-  }
-  ezChangeListener(event, field) {
-    this.errorMessage = undefined;
-    this.internalChange[field] = true;
-    this.value = Object.assign(Object.assign({}, (this.value || {})), { [field]: event.detail ? this.parseDate(event.detail) : null });
-    this.valueChanged.emit(this.value);
   }
   /**
-   * Define o foco no componente snk-filter-period.
+   * Emitido quando acontece a alteração de valor do componente snk-filter-period
    */
-  async setFocus() {
-    this._startDate.setFocus();
-  }
-  /**
-   * Limpa o valor do componente restaurando o valor original da configuração.
-   */
-  async clearValue() {
-    this.value = this.config.value;
-    this.valueStart = this.getDate("start");
-    this.valueEnd = this.getDate("end");
+  ezChangeListener() {
+    const start = this._startDate.value;
+    const end = this._endDate.value;
+    this.value = (start || end ? { start, end } : undefined);
+    this.valueChanged.emit(this.value);
   }
   componentDidLoad() {
     if (this._element) {
       ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
-      this._element.querySelectorAll('ez-date-input').forEach(input => {
-        const textInput = input.shadowRoot.querySelector('ez-text-input');
-        textInput.style.setProperty('--ez-text-input__min-width', '120px');
-      });
     }
   }
-  parseDate(date) {
-    if (date instanceof Date) {
-      return date;
+  getDate(prop) {
+    const objValue = this.value ? this.value[prop] : null;
+    if (objValue instanceof Date) {
+      return objValue;
     }
-    if (typeof date === "string") {
-      date = new Date(date);
+    if (typeof objValue === "string") {
+      let date = new Date(objValue);
       date.setMinutes(date.getMinutes() + date.getTimezoneOffset());
       return date;
     }
     return null;
   }
-  getDate(prop) {
-    const objValue = this.value ? this.value[prop] : null;
-    return this.parseDate(objValue);
-  }
   /**
    * Exibe o componente snk-filter-period
    */
@@ -99,29 +59,21 @@ const SnkFilterPeriod$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
       this._endDateLabel = this.getMessage('snkFilterBar.labelEnd');
       this._toLabel = this.getMessage('snkFilterBar.labelTo');
     }
-    this.valueStart = this.getDate("start");
-    this.valueEnd = this.getDate("end");
   }
   render() {
     if (!this.config || this.config.type !== FilterItemType.PERIOD) {
       return undefined;
     }
-    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("div", { class: "ez-col ez-col--nowrap" }, h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding-right--medium' : '', label: this._startDateLabel, ref: ref => this._startDate = ref, enabled: this.config.enabled, value: this.valueStart, errorMessage: this.errorMessage, onEzChange: (event) => this.ezChangeListener(event, 'start') }), this.buildLabel(), h("ez-date-input", { id: `${this.config.id}_end`, label: this._endDateLabel, ref: ref => this._endDate = ref, enabled: this.config.enabled, value: this.valueEnd, errorMessage: this.errorMessage, onEzChange: (event) => this.ezChangeListener(event, 'end') }))));
+    return (h("div", { class: "ez-col ez-col--nowrap" }, h("ez-date-input", { id: `${this.config.id}_start`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._startDateLabel, ref: ref => this._startDate = ref, value: this.getDate("start") }), this.buildLabel(), h("ez-date-input", { id: `${this.config.id}_end`, class: this.presentationMode === EPresentationMode.MODAL ? 'ez-padding--small' : '', label: this._endDateLabel, ref: ref => this._endDate = ref, value: this.getDate("end") })));
   }
   get _element() { return this; }
-  static get watchers() { return {
-    "value": ["configChanged"]
-  }; }
 }, [0, "snk-filter-period", {
     "config": [16],
     "getMessage": [16],
-    "value": [1040],
+    "value": [8],
     "presentationMode": [2, "presentation-mode"],
-    "errorMessage": [1537, "error-message"],
-    "setFocus": [64],
-    "clearValue": [64],
     "show": [64]
-  }]);
+  }, [[0, "ezChange", "ezChangeListener"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

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

@@ -10,13 +10,11 @@ const SnkFilterSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this._isSearchPlus = false;
     this.config = undefined;
     this.value = undefined;
-    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-search
    */
   async ezChangeListener(_evt) {
-    this.errorMessage = undefined;
     if (this._isSearchPlus) {
       this.value = await this._searchInput.getValueAsync();
     }
@@ -43,25 +41,16 @@ const SnkFilterSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     });
   }
   /**
-   * Define o foco no componente snk-filter-search.
+   * Exibe o componente snk-filter-search
    */
-  async setFocus() {
+  async show() {
     this._searchInput.setFocus();
   }
-  /**
-   * Limpa o valor do componente restaurando o valor original da configuração.
-   */
-  async clearValue() {
-    this.value = this.config.value;
-    if (this._searchInput) {
-      this._searchInput.value = this.config.value;
-    }
-  }
   getInputItem() {
     var _a;
     this._isSearchPlus = ((_a = this.config.props) === null || _a === void 0 ? void 0 : _a["useSearchPlus"]) == true;
     const TagName = this._isSearchPlus ? "ez-search-plus" : "ez-search";
-    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h(TagName, { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, enabled: this.config.enabled, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, this._isSearchPlus), errorMessage: this.errorMessage })));
+    return (h(TagName, { id: this.config.id, suppressEmptyOption: true, value: this.config.value, label: this.config.label, ref: ref => this._searchInput = ref, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, this._isSearchPlus) }));
   }
   render() {
     if (!this.config || this.config.type !== FilterItemType.SEARCH) {
@@ -73,9 +62,7 @@ const SnkFilterSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
 }, [0, "snk-filter-search", {
     "config": [16],
     "value": [16],
-    "errorMessage": [1537, "error-message"],
-    "setFocus": [64],
-    "clearValue": [64]
+    "show": [64]
   }, [[0, "ezChange", "ezChangeListener"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

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

@@ -8,31 +8,14 @@ const SnkFilterText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.valueChanged = createEvent(this, "valueChanged", 7);
     this.config = undefined;
     this.value = undefined;
-    this.errorMessage = undefined;
   }
   /**
    * Emitido quando acontece a alteração de valor do componente snk-filter-text.
    */
   ezChangeListener(evt) {
-    this.errorMessage = undefined;
     this.value = evt.detail;
     this.valueChanged.emit(this.value);
   }
-  /**
-   * Define o foco no componente snk-filter-text.
-   */
-  async setFocus() {
-    this._textInputElement.setFocus();
-  }
-  /**
-   * Limpa o valor do componente restaurando o valor original da configuração.
-   */
-  async clearValue() {
-    this.value = this.config.value;
-    if (this._textInputElement) {
-      this._textInputElement.value = this.config.value;
-    }
-  }
   componentDidLoad() {
     if (this._element) {
       ElementIDUtils.addIDInfo(this._element, 'filterContentEditor');
@@ -43,15 +26,12 @@ const SnkFilterText$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     if (!this.config) {
       return undefined;
     }
-    return (h("ez-tooltip", { active: this.config.enabled === false, message: this.config.disabledMessage, type: 'warning' }, h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, enabled: this.config.enabled, cleanValueMask: true, errorMessage: this.errorMessage })));
+    return (h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, cleanValueMask: true }));
   }
   get _element() { return this; }
 }, [0, "snk-filter-text", {
     "config": [16],
-    "value": [1],
-    "errorMessage": [1537, "error-message"],
-    "setFocus": [64],
-    "clearValue": [64]
+    "value": [1]
   }, [[0, "ezChange", "ezChangeListener"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {

package/dist/components/snk-grid2.js

@@ -1,34 +1,31 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { KeyboardManager, Action, ElementIDUtils, ApplicationContext, StringUtils } from '@sankhyalabs/core';
-import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
-import './DataFetcher.js';
+import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
+import { C as ConfigStorage } from './ConfigStorage.js';
 import { P as PresentationMode, E as ExporterStrategy } from './ISave.js';
 import { C as CommonsExporter, T as TaskbarProcessor, S as SnkMultiSelectionListDataSource, a as CrudUtils, R as RmPrecisionCustomValueFormatter, b as ContinuousInsertUtils, c as ClientSideExporterProvider } from './ContinuousInsertUtils.js';
+import { s as store } from './index2.js';
+import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
+import './DataFetcher.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import './constants.js';
-import { C as ConfigStorage } from './ConfigStorage.js';
-import { s as store } from './index2.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
-import { v as validateFilters, d as defineCustomElement$a } from './snk-filter-modal2.js';
-import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
-import { d as defineCustomElement$m } from './snk-actions-button2.js';
-import { d as defineCustomElement$l } from './snk-data-exporter2.js';
-import { d as defineCustomElement$k } from './snk-default-filter2.js';
-import { d as defineCustomElement$j } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$i } from './snk-expression-group2.js';
-import { d as defineCustomElement$h } from './snk-expression-item2.js';
-import { d as defineCustomElement$g } from './snk-filter-advanced-mode2.js';
-import { d as defineCustomElement$f } from './snk-filter-assistent-mode2.js';
-import { d as defineCustomElement$e } from './snk-filter-bar2.js';
-import { d as defineCustomElement$d } from './snk-filter-detail2.js';
-import { d as defineCustomElement$c } from './snk-filter-field-search2.js';
-import { d as defineCustomElement$b } from './snk-filter-item2.js';
-import { d as defineCustomElement$9 } from './snk-filter-modal-item2.js';
+import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
+import { d as defineCustomElement$j } from './snk-actions-button2.js';
+import { d as defineCustomElement$i } from './snk-data-exporter2.js';
+import { d as defineCustomElement$h } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$g } from './snk-expression-group2.js';
+import { d as defineCustomElement$f } from './snk-expression-item2.js';
+import { d as defineCustomElement$e } from './snk-filter-advanced-mode2.js';
+import { d as defineCustomElement$d } from './snk-filter-assistent-mode2.js';
+import { d as defineCustomElement$c } from './snk-filter-bar2.js';
+import { d as defineCustomElement$b } from './snk-filter-detail2.js';
+import { d as defineCustomElement$a } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$9 } from './snk-filter-item2.js';
 import { d as defineCustomElement$8 } from './snk-filter-param-config2.js';
 import { d as defineCustomElement$7 } from './snk-grid-config2.js';
 import { d as defineCustomElement$6 } from './snk-personalized-filter2.js';
@@ -127,9 +124,6 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         if (action.type === Action.METADATA_LOADED) {
           return await this.interceptMetadataLoaded(action);
         }
-        if (action.type === Action.LOADING_DATA) {
-          return await this.interceptLoadData(action);
-        }
         return action;
       },
     };
@@ -174,8 +168,6 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.suppressCheckboxColumn = undefined;
     this.suppressFilterColumn = false;
     this.compact = undefined;
-    this.filterCustomConfig = undefined;
-    this.filterCustomConfigInterceptor = undefined;
   }
   getGridHeaderSelectedBtns() {
     const btns = [
@@ -454,17 +446,6 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.loadGridCustomFormatters(action.payload.fields);
     return action;
   }
-  async interceptLoadData(action) {
-    var _a;
-    const hasInvalidFilters = !validateFilters((_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig);
-    if (hasInvalidFilters) {
-      const errorTitle = this.messagesBuilder.getMessage("snkGrid.requiredFiltersNotFilled.title", {});
-      const errorMessage = this.messagesBuilder.getMessage("snkGrid.requiredFiltersNotFilled.message", {});
-      await this._application.error(errorTitle, errorMessage);
-      return;
-    }
-    return action;
-  }
   finishLoading() {
     this._dataUnit.addInterceptor(this.dataUnitInterceptor);
     CrudUtils.assertDefaultSorting(this._gridConfig, this._dataUnit);
@@ -674,7 +655,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return undefined;
     }
     return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large ez-box--no-outline", tabindex: "0" }, h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
-      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, filterCustomConfig: this.filterCustomConfig, filterCustomConfigInterceptor: this.filterCustomConfigInterceptor }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? 'snk-grid-container__without-shadow ' : '') + 'snk-grid__table', "data-element-id": "embedded", dataUnit: this._dataUnit, key: 'grid-' + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => {
+      h(Fragment, null, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.topTaskbarCustomSlotId }))), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? 'snk-grid-container__without-shadow ' : '') + 'snk-grid__table', "data-element-id": "embedded", dataUnit: this._dataUnit, key: 'grid-' + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => {
         this.gridConfigChangeHandler(evt);
       }, onEzColumnFilterChanged: async () => await this.dataExporterProviderStore(), onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode, suppressCheckboxColumn: this.suppressCheckboxColumn, suppressFilterColumn: this.suppressFilterColumn, compact: this.compact }, h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId, actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, h("slot", { name: "SnkGridFooter" })), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
@@ -719,8 +700,6 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "suppressCheckboxColumn": [4, "suppress-checkbox-column"],
     "suppressFilterColumn": [1028, "suppress-filter-column"],
     "compact": [4],
-    "filterCustomConfig": [16],
-    "filterCustomConfigInterceptor": [16],
     "_dataUnit": [32],
     "_dataState": [32],
     "_gridConfig": [32],
@@ -744,7 +723,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-grid", "snk-actions-button", "snk-data-exporter", "snk-default-filter", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-modal", "snk-filter-modal-item", "snk-filter-param-config", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-taskbar", "taskbar-actions-button", "taskbar-split-button"];
+  const components = ["snk-grid", "snk-actions-button", "snk-data-exporter", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-taskbar", "taskbar-actions-button", "taskbar-split-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-grid":
       if (!customElements.get(tagName)) {
@@ -752,71 +731,56 @@ function defineCustomElement() {
       }
       break;
     case "snk-actions-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$m();
-      }
-      break;
-    case "snk-data-exporter":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$l();
-      }
-      break;
-    case "snk-default-filter":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$k();
-      }
-      break;
-    case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
         defineCustomElement$j();
       }
       break;
-    case "snk-expression-group":
+    case "snk-data-exporter":
       if (!customElements.get(tagName)) {
         defineCustomElement$i();
       }
       break;
-    case "snk-expression-item":
+    case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
         defineCustomElement$h();
       }
       break;
-    case "snk-filter-advanced-mode":
+    case "snk-expression-group":
       if (!customElements.get(tagName)) {
         defineCustomElement$g();
       }
       break;
-    case "snk-filter-assistent-mode":
+    case "snk-expression-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$f();
       }
       break;
-    case "snk-filter-bar":
+    case "snk-filter-advanced-mode":
       if (!customElements.get(tagName)) {
         defineCustomElement$e();
       }
       break;
-    case "snk-filter-detail":
+    case "snk-filter-assistent-mode":
       if (!customElements.get(tagName)) {
         defineCustomElement$d();
       }
       break;
-    case "snk-filter-field-search":
+    case "snk-filter-bar":
       if (!customElements.get(tagName)) {
         defineCustomElement$c();
       }
       break;
-    case "snk-filter-item":
+    case "snk-filter-detail":
       if (!customElements.get(tagName)) {
         defineCustomElement$b();
       }
       break;
-    case "snk-filter-modal":
+    case "snk-filter-field-search":
       if (!customElements.get(tagName)) {
         defineCustomElement$a();
       }
       break;
-    case "snk-filter-modal-item":
+    case "snk-filter-item":
       if (!customElements.get(tagName)) {
         defineCustomElement$9();
       }