@sankhyalabs/sankhyablocks 10.1.0-dev.37 → 10.1.0-dev.38

package/dist/cjs/snk-filter-bar_4.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const EzScrollDirection = require('@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection');
-const ConfigStorage = require('./ConfigStorage-e384fb7b.js');
+const ConfigStorage = require('./ConfigStorage-a1fab5ca.js');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-eccb267a.js');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
@@ -16,10 +16,10 @@ const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const defaultFilters = require('./default-filters-a09bf82b.js');
 const filterType_enum = require('./filter-type.enum-2bb46d2a.js');
 const filterValidate = require('./filter-validate-cb4ed41a.js');
-require('./form-config-fetcher-81cbd405.js');
-require('./DataFetcher-3a8ea521.js');
+require('./form-config-fetcher-45d1964c.js');
+require('./DataFetcher-384d2ce8.js');
 require('./PrintUtils-bcaeb82f.js');
-require('./SnkMessageBuilder-d9558dba.js');
+require('./SnkMessageBuilder-a9300ebe.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 
 const buildFilter = (item) => {
@@ -212,7 +212,7 @@ function buildPersonalized(item) {
   return { name: id, expression, params };
 }
 
-const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:1fr minmax(100px, 100%) 1fr 1fr;--snk-personalized-filter--z-index:var(--elevation--20, 20);--snk-personalized-filter--background-color:var(--background--xlight, #fff)}.snk-filter-bar__title.sc-snk-filter-bar{max-width:260px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-family:var(--font-pattern, Arial);font-weight:var(--text-weight--large, 600);color:var(--color--title-primary, #2B3A54);margin-top:12px}[data-mode=\"hidden\"].sc-snk-filter-bar-h{width:0px;height:0px}[data-mode=\"button\"].sc-snk-filter-bar-h{grid-template-columns:1fr;width:fit-content}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.filter-bar__personalized-filter.sc-snk-filter-bar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:var(--snk-personalized-filter--z-index);background-color:var(--snk-personalized-filter--background-color)}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;background-color:transparent;border:none;padding:3px;outline-color:var(--color--primary)}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small);height:80%}.snk-filter-bar__filter-item-container.sc-snk-filter-bar{display:flex;align-items:start;margin:var(--space--2, 2px) 0}.snk-filter-bar__scroller.sc-snk-filter-bar .sc-snk-filter-bar:first-child{margin-left:var(--space-extra-small, 3px)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px);border:none;background-color:transparent}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:focus-visible{outline:none;background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{--modal-item-border-width:2px;display:flex;flex-direction:row;margin-left:var(--modal-item-border-width);border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7);border:none;width:100%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar:focus-visible{outline:var(--color--primary) solid var(--modal-item-border-width)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium)}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:99%;height:100%}";
+const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:1fr minmax(100px, 100%) 1fr 1fr;--snk-personalized-filter--z-index:var(--elevation--20, 20);--snk-personalized-filter--background-color:var(--background--xlight, #fff)}.snk-filter-bar__title.sc-snk-filter-bar{max-width:260px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-family:var(--font-pattern, Arial);font-weight:var(--text-weight--large, 600);color:var(--color--title-primary, #2B3A54);margin-top:12px}[data-mode=\"hidden\"].sc-snk-filter-bar-h{width:0px;height:0px}[data-mode=\"button\"].sc-snk-filter-bar-h{grid-template-columns:1fr;width:fit-content}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.filter-bar__personalized-filter.sc-snk-filter-bar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:var(--snk-personalized-filter--z-index);background-color:var(--snk-personalized-filter--background-color)}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;background-color:transparent;border:none;padding:3px;outline-color:var(--color--primary)}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small);height:80%}.snk-filter-bar__filter-item-container.sc-snk-filter-bar{display:flex;align-items:start}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px);border:none;background-color:transparent}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:focus-visible{outline:none;background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{--modal-item-border-width:2px;display:flex;flex-direction:row;margin-left:var(--modal-item-border-width);border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7);border:none;width:100%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar:focus-visible{outline:var(--color--primary) solid var(--modal-item-border-width)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium)}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:99%;height:100%}";
 
 const SnkFilterBar = class {
   constructor(hostRef) {
@@ -254,67 +254,19 @@ const SnkFilterBar = class {
     this.afterApplyConfig = undefined;
     this.filterCustomConfig = undefined;
     this.filterCustomConfigInterceptor = undefined;
+    this.hideFilterButton = false;
+    this.sizeChips = 'default';
     this.allowDefault = undefined;
     this.scrollerLocked = false;
     this.showPersonalizedFilter = false;
     this.personalizedFilterId = undefined;
     this.isFilterModalOpen = false;
   }
-  hasValidValue(item) {
-    var _a, _b;
-    if (item.value === undefined || item.value === null) {
-      return false;
-    }
-    if (item.type === filterItemType_enum.FilterItemType.PERIOD) {
-      return (!!((_a = item.value) === null || _a === void 0 ? void 0 : _a.start) || !!((_b = item.value) === null || _b === void 0 ? void 0 : _b.end));
-    }
-    if (item.groupedItems) {
-      return true;
-    }
-    if (!Array.isArray(item.value)) {
-      return true;
-    }
-    return item.value.some(filterItem => filterItem.check === true);
-  }
   observeFilterConfig(newValue, oldValue) {
     if (core.ObjectUtils.equals(newValue, oldValue))
       return;
     this.handleFilterConfigsChanged(oldValue, newValue);
   }
-  handleFilterConfigsChanged(oldValue, newValue) {
-    if (oldValue != undefined && newValue == undefined) {
-      this._loadingPending = true;
-      this._configUpdated = true;
-    }
-    else {
-      const oldItems = new Map(oldValue ? oldValue.map(item => [item.id, item]) : undefined);
-      if (oldItems.size === 0 && newValue.length > 0) {
-        this._loadingPending = true;
-        this._configUpdated = false;
-      }
-      else {
-        newValue.forEach(newItem => {
-          const oldItem = oldItems.get(newItem.id);
-          if (oldItem != undefined) {
-            this._configUpdated = this._configUpdated || core.ObjectUtils.objectToString(oldItem) != core.ObjectUtils.objectToString(newItem);
-            this._loadingPending = this._loadingPending || core.ObjectUtils.objectToString(oldItem.value) !== core.ObjectUtils.objectToString(newItem.value);
-            if (!this._loadingPending) {
-              const groupedChanged = core.ObjectUtils.objectToString(oldItem.groupedItems) != core.ObjectUtils.objectToString(newItem.groupedItems);
-              this._configUpdated = this._configUpdated || groupedChanged;
-              this._loadingPending = this._loadingPending || groupedChanged;
-            }
-          }
-          else {
-            this._configUpdated = true;
-            this._loadingPending = this._loadingPending || newItem.value != undefined;
-          }
-        });
-      }
-    }
-    if (this._loadingPending || this._configUpdated)
-      this.configUpdated.emit(newValue);
-    this.processAfterUpdateConfig();
-  }
   /**
    * @description Faz o recarregamento da barra de filtros buscando o state no servidor.
    * @async
@@ -382,11 +334,84 @@ const SnkFilterBar = class {
     this.filterConfig = this.filterConfig.filter(item => item.id !== filterID);
     return Promise.resolve(itemToRemove);
   }
-  componentDidLoad() {
-    if (this._element) {
-      const dataInfo = { dataUnit: this.dataUnit };
-      core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+  /**
+   * @description Retorna os filtros ativos na barra de filtros.
+   * @returns {Promise<Array<Filter>>} Retorna uma Promise que resolve com a lista de filtros ativos.
+   */
+  async getFilters() {
+    return this.getFilter(null);
+  }
+  /**
+   * @description Abre o modal de filtros.
+   * @async
+  */
+  async showFilterModal() {
+    if (this.isFilterModalOpen) {
+      return; // Evita abrir múltiplos modais
     }
+    this.isFilterModalOpen = true;
+  }
+  /**
+   * Emitido quando acontece a alteração do estado do filtro.
+   */
+  filterChangeListener(evt) {
+    this.updateFilter(evt.detail);
+  }
+  /**
+   * Escuta quando há um filtro do tipo pesquisa retorna um valor vazio.
+   */
+  async emptySearchListener(_evt) {
+    await this.showPersonalizedFilterItem();
+  }
+  handleFilterConfigsChanged(oldValue, newValue) {
+    if (oldValue != undefined && newValue == undefined) {
+      this._loadingPending = true;
+      this._configUpdated = true;
+    }
+    else {
+      const oldItems = new Map(oldValue ? oldValue.map(item => [item.id, item]) : undefined);
+      if (oldItems.size === 0 && newValue.length > 0) {
+        this._loadingPending = true;
+        this._configUpdated = false;
+      }
+      else {
+        newValue.forEach(newItem => {
+          const oldItem = oldItems.get(newItem.id);
+          if (oldItem != undefined) {
+            this._configUpdated = this._configUpdated || core.ObjectUtils.objectToString(oldItem) != core.ObjectUtils.objectToString(newItem);
+            this._loadingPending = this._loadingPending || core.ObjectUtils.objectToString(oldItem.value) !== core.ObjectUtils.objectToString(newItem.value);
+            if (!this._loadingPending) {
+              const groupedChanged = core.ObjectUtils.objectToString(oldItem.groupedItems) != core.ObjectUtils.objectToString(newItem.groupedItems);
+              this._configUpdated = this._configUpdated || groupedChanged;
+              this._loadingPending = this._loadingPending || groupedChanged;
+            }
+          }
+          else {
+            this._configUpdated = true;
+            this._loadingPending = this._loadingPending || newItem.value != undefined;
+          }
+        });
+      }
+    }
+    if (this._loadingPending || this._configUpdated)
+      this.configUpdated.emit(newValue);
+    this.processAfterUpdateConfig();
+  }
+  hasValidValue(item) {
+    var _a, _b;
+    if (item.value === undefined || item.value === null) {
+      return false;
+    }
+    if (item.type === filterItemType_enum.FilterItemType.PERIOD) {
+      return (!!((_a = item.value) === null || _a === void 0 ? void 0 : _a.start) || !!((_b = item.value) === null || _b === void 0 ? void 0 : _b.end));
+    }
+    if (item.groupedItems) {
+      return true;
+    }
+    if (!Array.isArray(item.value)) {
+      return true;
+    }
+    return item.value.some(filterItem => filterItem.check === true);
   }
   processPendingFilter() {
     if (this._pendingVariables) {
@@ -453,9 +478,6 @@ const SnkFilterBar = class {
     }
     return ((_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params)) || defaultValue;
   }
-  async getFilters() {
-    return this.getFilter(null);
-  }
   getFilter(_dataUnit) {
     var _a;
     const filters = [];
@@ -506,7 +528,7 @@ const SnkFilterBar = class {
       .filter(this.filterPersonalizedItems)
       .map(item => {
       const itemId = `filter-${item.id}`;
-      return (index$1.h("snk-filter-item", { key: item.id, id: itemId, config: Object.assign({}, item), onFocusin: () => this.itemFocused(itemId), onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFilterChange: (event) => this.updateFilter(event.detail), getMessage: (key, props) => this.getMessage(key, props), showChips: false }));
+      return (index$1.h("snk-filter-item", { key: item.id, id: itemId, config: Object.assign({}, item), onFocusin: () => this.itemFocused(itemId), onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFilterChange: (event) => this.updateFilter(event.detail), getMessage: (key, props) => this.getMessage(key, props), showChips: false, sizeChips: this.sizeChips }));
     });
   }
   getFilterItems() {
@@ -517,7 +539,7 @@ const SnkFilterBar = class {
       .forEach((item) => {
       item = core.ObjectUtils.copy(item);
       const itemId = `filter-${item.id}`;
-      const filterItem = (index$1.h("snk-filter-item", { onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFilterChange: (event) => this.updateFilter(event.detail), onFocusin: () => this.itemFocused(itemId), id: itemId, config: item, class: "ez-margin-horizontal--extra-small", getMessage: (key, props) => this.getMessage(key, props), key: item.id }));
+      const filterItem = (index$1.h("snk-filter-item", { onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFilterChange: (event) => this.updateFilter(event.detail), onFocusin: () => this.itemFocused(itemId), id: itemId, config: item, getMessage: (key, props) => this.getMessage(key, props), key: item.id, sizeChips: this.sizeChips }));
       if (item.fixed || item.hardFixed || item.required) {
         pinnedItems.push(filterItem);
       }
@@ -635,28 +657,6 @@ const SnkFilterBar = class {
       await this.registryFilterProvider();
     }
   }
-  /**
-  * Emitido quando acontece a alteração do estado do filtro.
-  */
-  filterChangeListener(evt) {
-    this.updateFilter(evt.detail);
-  }
-  /**
-   * Escuta quando há um filtro do tipo pesquisa retorna um valor vazio.
-   */
-  async emptySearchListener(_evt) {
-    await this.showPersonalizedFilterItem();
-  }
-  /**
-   * @description Abre o modal de filtros.
-   * @async
-  */
-  async showFilterModal() {
-    if (this.isFilterModalOpen) {
-      return; // Evita abrir múltiplos modais
-    }
-    this.isFilterModalOpen = true;
-  }
   async showPersonalizedFilterItem() {
     const popUp = this._element.querySelector('#filter-PERSONALIZED_FILTER_GROUP');
     await (popUp === null || popUp === void 0 ? void 0 : popUp.showUp(true));
@@ -734,6 +734,12 @@ const SnkFilterBar = class {
   componentDidRender() {
     this.processPendingFilter();
   }
+  componentDidLoad() {
+    if (this._element) {
+      const dataInfo = { dataUnit: this.dataUnit };
+      core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+    }
+  }
   render() {
     if (!this.dataUnit || !this.filterConfig || this.filterConfig.length === 0) {
       return undefined;
@@ -746,9 +752,10 @@ const SnkFilterBar = class {
       return itemA.originOrder - itemB.originOrder;
     });
     if (this.mode !== "regular") {
-      return (index$1.h(index$1.Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), this.mode === 'button' && (index$1.h("ez-button", { class: "ez-margin-left--medium ez-margin-top--extra-small", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, this.getMessage("snkFilterBar.filters")), onClick: this.showFilterModal.bind(this) })), index$1.h("snk-filter-modal", { opened: this.isFilterModalOpen, filterConfig: this.filterConfig, configName: this.configName, disablePersonalizedFilter: this.disablePersonalizedFilter, getMessage: (key, props) => this.getMessage(key, props), applyFilters: (filters) => this.applyFiltersFromModal(filters), closeModal: () => this.closeFilterModal(), addPersonalizedFilter: (isDefault) => this.addPersonalizedFilter(isDefault), editPersonalizedFilter: (id, isDefault) => this.editPersonalizedFilter(id, isDefault), deletePersonalizedFilter: (filter, configName, isDefault) => this.deletePersonalizedFilter(filter, filterItemType_enum.FilterItemType.PERSONALIZED, configName, isDefault), filterCustomConfigInterceptor: this.filterCustomConfigInterceptor })));
+      return (index$1.h(index$1.Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), (this.mode === 'button' && !this.hideFilterButton) && (index$1.h("ez-button", { variant: "secondary", mode: "icon", iconName: "filter", class: "ez-margin-left--medium ez-margin-top--extra-small", size: "small", onClick: this.showFilterModal.bind(this) })), index$1.h("snk-filter-modal", { opened: this.isFilterModalOpen, filterConfig: this.filterConfig, configName: this.configName, disablePersonalizedFilter: this.disablePersonalizedFilter, getMessage: (key, props) => this.getMessage(key, props), applyFilters: (filters) => this.applyFiltersFromModal(filters), closeModal: () => this.closeFilterModal(), addPersonalizedFilter: (isDefault) => this.addPersonalizedFilter(isDefault), editPersonalizedFilter: (id, isDefault) => this.editPersonalizedFilter(id, isDefault), deletePersonalizedFilter: (filter, configName, isDefault) => this.deletePersonalizedFilter(filter, filterItemType_enum.FilterItemType.PERSONALIZED, configName, isDefault), filterCustomConfigInterceptor: this.filterCustomConfigInterceptor })));
     }
-    return (index$1.h(index$1.Host, null, index$1.h("div", null, index$1.h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), index$1.h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, index$1.h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), index$1.h("ez-button", { class: "ez-padding-left--medium ez-margin-top--extra-small", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, this.getMessage("snkFilterBar.filters")), onClick: this.showFilterModal.bind(this) }, index$1.h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" })), index$1.h("snk-filter-modal", { opened: this.isFilterModalOpen, filterConfig: this.filterConfig, configName: this.configName, disablePersonalizedFilter: this.disablePersonalizedFilter, getMessage: (key, props) => this.getMessage(key, props), applyFilters: (filters) => this.applyFiltersFromModal(filters), closeModal: () => this.closeFilterModal(), addPersonalizedFilter: (isDefault) => this.addPersonalizedFilter(isDefault), editPersonalizedFilter: (id, isDefault) => this.editPersonalizedFilter(id, isDefault), deletePersonalizedFilter: (filter, configName, isDefault) => this.deletePersonalizedFilter(filter, filterItemType_enum.FilterItemType.PERSONALIZED, configName, isDefault), filterCustomConfigInterceptor: this.filterCustomConfigInterceptor })));
+    return (index$1.h(index$1.Host, null, index$1.h("div", null, index$1.h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), index$1.h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked, scrollAmount: 100, navigationMode: "buttons" }, index$1.h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), !this.hideFilterButton &&
+      index$1.h("ez-button", { variant: "secondary", mode: "icon", iconName: "filter", class: "ez-padding-left--medium ez-margin-top--extra-small", size: "small", onClick: this.showFilterModal.bind(this) }, index$1.h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" })), index$1.h("snk-filter-modal", { opened: this.isFilterModalOpen, filterConfig: this.filterConfig, configName: this.configName, disablePersonalizedFilter: this.disablePersonalizedFilter, getMessage: (key, props) => this.getMessage(key, props), applyFilters: (filters) => this.applyFiltersFromModal(filters), closeModal: () => this.closeFilterModal(), addPersonalizedFilter: (isDefault) => this.addPersonalizedFilter(isDefault), editPersonalizedFilter: (id, isDefault) => this.editPersonalizedFilter(id, isDefault), deletePersonalizedFilter: (filter, configName, isDefault) => this.deletePersonalizedFilter(filter, filterItemType_enum.FilterItemType.PERSONALIZED, configName, isDefault), filterCustomConfigInterceptor: this.filterCustomConfigInterceptor })));
   }
   get _element() { return index$1.getElement(this); }
   static get watchers() { return {
@@ -757,7 +764,7 @@ const SnkFilterBar = class {
 };
 SnkFilterBar.style = snkFilterBarCss;
 
-const snkFilterItemCss = "ez-popover-core.sc-snk-filter-item{--ez-popover__box--z-index:var(--elevation--20, 20);--ez-popover__box--overlay-z-index:var(--elevation--16, 16)}ez-chip.sc-snk-filter-item{--ez-label-chip__label__container--margin:var(--space--2, 2px)}";
+const snkFilterItemCss = "ez-popover-core.sc-snk-filter-item{--ez-popover__box--z-index:var(--elevation--20, 20);--ez-popover__box--overlay-z-index:var(--elevation--16, 16)}ez-chip.sc-snk-filter-item{--ez-label-chip__label__container--margin:var(--space--4, 4px)}";
 
 const SnkFilterItem = class {
   constructor(hostRef) {
@@ -769,6 +776,7 @@ const SnkFilterItem = class {
     this.config = undefined;
     this.getMessage = undefined;
     this.showChips = true;
+    this.sizeChips = 'default';
   }
   observeDetailIsVisible(value) {
     this.visibleChanged.emit(value);
@@ -1054,7 +1062,7 @@ const SnkFilterItem = class {
   render() {
     const leftIcon = this.getLeftIconName();
     const { type, message } = this.getTooltipMessage();
-    return (index$1.h(index$1.Host, null, this.showChips && (index$1.h("ez-tooltip", { id: this.config.id, message: message, type: type, active: !this.detailIsVisible, strategy: "fixed" }, index$1.h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip(), onClick: (event) => this.togglePopover(event), disableAutoUpdateValue: true, type: this.getTypeChip(type), enabled: this.config.enabled }, leftIcon && (index$1.h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, slot: "leftIcon" })), index$1.h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), slot: "rightIcon", id: "removeFilter", onClick: (event) => this.clearFilter(event) })))), index$1.h("ez-popover-core", { ref: elem => this._popover = elem, onEzVisibilityChange: (event) => this.handleVisibilityPopover(event) }, index$1.h("snk-filter-detail", { ref: ref => this._filterDetail = ref, key: this.config.id, config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", "data-element-id": this._idSnkFilterDetail, showHardFixed: this.showChips && !this.config.required, removalBlocked: this.config.required }))));
+    return (index$1.h(index$1.Host, null, this.showChips && (index$1.h("ez-tooltip", { id: this.config.id, message: message, type: type, active: !this.detailIsVisible, strategy: "fixed" }, index$1.h("ez-chip", { id: this.config.id, size: this.sizeChips, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip(), onClick: (event) => this.togglePopover(event), disableAutoUpdateValue: true, type: this.getTypeChip(type), enabled: this.config.enabled }, leftIcon && (index$1.h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, slot: "leftIcon" })), index$1.h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), slot: "rightIcon", id: "removeFilter", onClick: (event) => this.clearFilter(event) })))), index$1.h("ez-popover-core", { ref: elem => this._popover = elem, onEzVisibilityChange: (event) => this.handleVisibilityPopover(event) }, index$1.h("snk-filter-detail", { ref: ref => this._filterDetail = ref, key: this.config.id, config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", "data-element-id": this._idSnkFilterDetail, showHardFixed: this.showChips && !this.config.required, removalBlocked: this.config.required }))));
   }
   get _filterItemElement() { return index$1.getElement(this); }
   static get watchers() { return {
@@ -1207,7 +1215,7 @@ const SnkFilterList = class {
   get _element() { return index$1.getElement(this); }
 };
 
-const snkFilterModalCss = "ez-modal{--ez-modal-content-padding:24px 12px;--ez-modal-content-min-width:370px}.snk-filter-modal__container{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}.snk-filter-modal__rendered-items::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";
+const snkFilterModalCss = "ez-modal{--ez-modal-content-padding:24px 12px;--ez-modal-content-min-width:370px}.snk-filter-modal__container{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}.snk-filter-modal__rendered-items::-webkit-scrollbar{width:var(--space--small\n);min-width:var(--space--small);max-width:var(--space--small)}.ez-padding-right--medium:nth-child(even){padding-right:0}";
 
 const SnkFilterModal = class {
   constructor(hostRef) {
@@ -1402,7 +1410,7 @@ const SnkFilterModal = class {
     return false;
   }
   renderFilterItem(filterItem, fullRow) {
-    return (index$1.h("snk-filter-modal-item", { key: `modal-item-${filterItem.id}`, class: fullRow ? 'ez-col ez-col--sd-12' : 'ez-col ez-col--sd-6 ez-padding--small', filterItem: filterItem, configName: this.configName, onFilterChange: (event) => this.handleFilterChange(event), onEditPersonalizedFilter: evt => this.editPersonalizedFilter(evt.detail), onAddPersonalizedFilter: () => this.addPersonalizedFilter() }));
+    return (index$1.h("snk-filter-modal-item", { key: `modal-item-${filterItem.id}`, class: fullRow ? 'ez-col ez-col--sd-12' : 'ez-size-width--full ez-padding-right--medium', filterItem: filterItem, configName: this.configName, onFilterChange: (event) => this.handleFilterChange(event), onEditPersonalizedFilter: evt => this.editPersonalizedFilter(evt.detail), onAddPersonalizedFilter: () => this.addPersonalizedFilter() }));
   }
   isDefaultFilterNumberVariation(filter) {
     var _a;
@@ -1435,6 +1443,9 @@ const SnkFilterModal = class {
   }
   renderFilterLine(filters) {
     const fullLine = filters.length === 1;
+    if (!fullLine) {
+      return (index$1.h("div", { class: "ez-col ez-col--sd-12 hydrated", "data-element-id": "snkFilterModalItem" }, index$1.h("div", { class: "ez-flex ez-flex--column grow" }, index$1.h("div", { class: "ez-col ez-col--nowrap" }, filters.map(filter => this.renderFilterItem(filter, fullLine))))));
+    }
     return filters.map((filter) => this.renderFilterItem(filter, fullLine));
   }
   getIformedFiltersCount(listItems) {
@@ -1468,13 +1479,13 @@ const SnkFilterModal = class {
     });
     return countInformedItens;
   }
-  renderCollapsibleFilterBox(label, listItems, isSingleItem, shouldRenderFooter = true) {
+  renderCollapsibleFilterBox({ label, listItems, isSingleItem, shouldRenderFooter = true, initializeOpen = false }) {
     if (!listItems.length)
       return null;
     const appliedFilters = this.getIformedFiltersCount(listItems);
     const lines = this.mountFiltersLines(listItems);
     const countFiltersWithError = this.filtersWithError.filter(item => listItems.some(filter => filter.id === item)).length;
-    return (index$1.h("ez-collapsible-box", { class: "snk-filter-modal__collapsible-box", headerSize: "medium", value: true, label: label }, index$1.h("div", { class: "ez-flex ez-flex--justify-end grow", slot: "rightSlot" }, !!appliedFilters && (index$1.h("ez-badge", { class: "ez-badge--primary-subtle", label: appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.toString() })), !!countFiltersWithError && (index$1.h("ez-badge", { class: "ez-badge--error-subtle", label: countFiltersWithError === null || countFiltersWithError === void 0 ? void 0 : countFiltersWithError.toString() }))), index$1.h("div", { class: "ez-row snk-filter-modal__rendered-items" }, lines.map(this.renderFilterLine.bind(this))), shouldRenderFooter && (index$1.h("div", { class: "ez-flex ez-flex--justify-end grow" }, index$1.h("ez-button", { class: "ez-button--tertiary", size: "medium", label: this.getCustomMessage("clearModal"), onClick: () => isSingleItem ? this.handleClearSigleFilter(listItems[0]) : this.handleClearFilterList(listItems) })))));
+    return (index$1.h("ez-collapsible-box", { class: "snk-filter-modal__collapsible-box", headerSize: "medium", value: !initializeOpen, label: label }, index$1.h("div", { class: "ez-flex ez-flex--justify-end grow", slot: "rightSlot" }, !!appliedFilters && (index$1.h("ez-badge", { class: "ez-badge--primary-subtle", label: appliedFilters === null || appliedFilters === void 0 ? void 0 : appliedFilters.toString() })), !!countFiltersWithError && (index$1.h("ez-badge", { class: "ez-badge--error-subtle", label: countFiltersWithError === null || countFiltersWithError === void 0 ? void 0 : countFiltersWithError.toString() }))), index$1.h("div", { class: "ez-row snk-filter-modal__rendered-items" }, lines.map(this.renderFilterLine.bind(this))), shouldRenderFooter && (index$1.h("div", { class: "ez-flex ez-flex--justify-end grow" }, index$1.h("ez-button", { class: "ez-button--tertiary", size: "medium", label: this.getCustomMessage("clearModal"), onClick: () => isSingleItem ? this.handleClearSigleFilter(listItems[0]) : this.handleClearFilterList(listItems) })))));
   }
   handleDeleteFilter() {
     this._application.confirm(this.getMessage('snkPersonalizedFilter.deleteConfirm.title'), this.getMessage('snkPersonalizedFilter.info.deleteDefaultFilterConfirm'), "alert-circle-inverted", "critical").then((actionConfirmed) => {
@@ -1525,7 +1536,7 @@ const SnkFilterModal = class {
     const quickFilters = this.filters.filter(filter => filter.filterType === filterType_enum.FilterType.QUICK_FILTER);
     const otherFilters = this.filters.filter(filter => filter.filterType === filterType_enum.FilterType.OTHER_FILTERS);
     return (index$1.h("ez-modal", { opened: this.opened, modalSize: "col--sd-3", align: "right", heightMode: "full", closeEsc: true }, index$1.h("ez-modal-container", { class: "snk-filter-modal__container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, index$1.h("div", { class: "snk-filter-modal__content ez-col--sd-12" }, this._isUserSup &&
-      index$1.h("snk-default-filter", { getMessage: this.getCustomMessage.bind(this), hasDefaultFilter: !!this._defaultFilter, onActionSelected: this.handleActionSelectedDefaultFilter.bind(this) }), !this.disablePersonalizedFilter && this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters, false, false), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters, false), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter], true))))));
+      index$1.h("snk-default-filter", { getMessage: this.getCustomMessage.bind(this), hasDefaultFilter: !!this._defaultFilter, onActionSelected: this.handleActionSelectedDefaultFilter.bind(this) }), !this.disablePersonalizedFilter && this.renderCollapsibleFilterBox({ label: this.getCustomMessage('customFilters'), listItems: customFilters, isSingleItem: false, shouldRenderFooter: false }), this.renderCollapsibleFilterBox({ label: this.getCustomMessage('quickFilters'), listItems: quickFilters, isSingleItem: false, shouldRenderFooter: true, initializeOpen: true }), otherFilters.map(filter => this.renderCollapsibleFilterBox({ label: filter.label, listItems: [filter], isSingleItem: true, shouldRenderFooter: true }))))));
   }
   get _element() { return index$1.getElement(this); }
   static get watchers() { return {

package/dist/cjs/snk-filter-modal-item.cjs.entry.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
-const ConfigStorage = require('./ConfigStorage-e384fb7b.js');
+const ConfigStorage = require('./ConfigStorage-a1fab5ca.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const filterType_enum = require('./filter-type.enum-2bb46d2a.js');
-require('./form-config-fetcher-81cbd405.js');
-require('./DataFetcher-3a8ea521.js');
+require('./form-config-fetcher-45d1964c.js');
+require('./DataFetcher-384d2ce8.js');
 require('./PrintUtils-bcaeb82f.js');
-require('./SnkMessageBuilder-d9558dba.js');
+require('./SnkMessageBuilder-a9300ebe.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 
 const snkFilterModalItemCss = ".grow{flex-grow:1}.gap{gap:4px}";

package/dist/cjs/snk-form-view.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const ImageUtils = require('./ImageUtils-5e3f406b.js');
+const ImageUtils = require('./ImageUtils-c46f2d11.js');
 
 const snkFormViewCss = ".sc-snk-form-view-h{display:flex;width:100%;--ez-form-card-summary-field-content-weight:700}.level-path.sc-snk-form-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.summary-wrapper.sc-snk-form-view{display:flex;overflow:hidden}.summary-header.sc-snk-form-view{border-bottom:1px solid var(--color--strokes);margin-bottom:var(--space--medium);padding-bottom:var(--space--medium)}.summary-container.sc-snk-form-view{display:flex;flex-direction:column}.summary-container.sc-snk-form-view{padding-right:calc(var(--space--extra-large) / 1.5)}.summary-field.sc-snk-form-view{min-width:30px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-field__title.sc-snk-form-view{color:var(--text--primary, #626e82);font-size:var(--title--small);white-space:nowrap;font-weight:var(--text-weight--medium)}.summary-field__content.sc-snk-form-view{color:var(--title--primary, #2b3a54);font-size:var(--text--large);font-weight:var(--ez-form-card-summary-field-content-weight)}";
 

package/dist/cjs/snk-form_2.cjs.entry.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-73df0f8b.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-44386305.js');
 const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const formConfigFetcher = require('./form-config-fetcher-81cbd405.js');
+const formConfigFetcher = require('./form-config-fetcher-45d1964c.js');
 const constants = require('./constants-6d82e405.js');
 const FormConfigHelper = require('./FormConfigHelper-28fe4668.js');
-require('./ConfigStorage-e384fb7b.js');
-require('./DataFetcher-3a8ea521.js');
+require('./ConfigStorage-a1fab5ca.js');
+require('./DataFetcher-384d2ce8.js');
 require('./PrintUtils-bcaeb82f.js');
-require('./SnkMessageBuilder-d9558dba.js');
+require('./SnkMessageBuilder-a9300ebe.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
 

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

@@ -6,24 +6,24 @@ const index = require('./index-1894343a.js');
 const core = require('@sankhyalabs/core');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-require('./DataFetcher-3a8ea521.js');
-require('./ISave-a66bb65e.js');
-const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-016393f3.js');
+require('./DataFetcher-384d2ce8.js');
+require('./ISave-ecbe9336.js');
+const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-b951ed91.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-6febd6c4.js');
+require('./dataunit-fetcher-93f53260.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-81cbd405.js');
+require('./form-config-fetcher-45d1964c.js');
 require('./constants-6d82e405.js');
-const ConfigStorage = require('./ConfigStorage-e384fb7b.js');
+const ConfigStorage = require('./ConfigStorage-a1fab5ca.js');
 const index$2 = require('./index-f0fe7e6e.js');
+const ContinuousInsertUtils = require('./ContinuousInsertUtils-1ae0c6ac.js');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 const filterValidate = require('./filter-validate-cb4ed41a.js');
-const taskbarElements = require('./taskbar-elements-a94d4318.js');
-const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
+const taskbarElements = require('./taskbar-elements-80eddec8.js');
 require('./PrintUtils-bcaeb82f.js');
-require('./SnkMessageBuilder-d9558dba.js');
+require('./SnkMessageBuilder-a9300ebe.js');
 require('./IFetchDataExporterParams-e78ec415.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
@@ -84,7 +84,7 @@ class ServerSideExporterProvider extends SnkMultiSelectionListDataSource.Commons
   }
 }
 
-const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px;--snk-grid-padding:var(--space--small)}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%;padding:var(--snk-grid-padding);outline:none;--snk-grid-header--min-height:var(--space--52)}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-start;min-height:var(--snk-grid-header--min-height)}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium);margin-right:var(--space--0);align-self:stretch}.snk-grid__header.sc-snk-grid snk-taskbar.sc-snk-grid{display:flex;align-items:flex-start;min-height:var(--snk-grid-header--min-height)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}.snk-grid-container__footer.sc-snk-grid{background-color:var(--background--xlight, #FFF);border-radius:0 0 var(--border--radius-medium) var(--border--radius-medium);box-shadow:var(--shadow--small)}";
+const snkGridCss = ".sc-snk-grid-h{--snk-grid-min-height:300px;--snk-grid-padding:var(--space--small)}.snk-grid__container.sc-snk-grid{display:flex;height:100%;width:calc(100% - var(--space--12, 12px));margin:var(--snk-grid-padding);outline:none;border:1px solid var(--color--strokes, #E1E2E5);border-radius:var(--border--radius-12, 12px);box-shadow:var(--shadow--small);--snk-grid-header--min-height:var(--space--52)}.snk-grid__header.sc-snk-grid{width:100%;display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:flex-start;min-height:var(--snk-grid-header--min-height)}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium);margin-right:var(--space--0);align-self:stretch}.snk-grid__header.sc-snk-grid snk-taskbar.sc-snk-grid{display:flex;align-items:flex-start;min-height:var(--snk-grid-header--min-height)}.snk-grid__header.sc-snk-grid ez-tooltip.sc-snk-grid{width:auto;margin-inline:var(--space--8, 8px)}.snk-grid__table.sc-snk-grid{min-height:var(--snk-grid-min-height)}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}.snk-grid-container__footer.sc-snk-grid{background-color:var(--background--xlight, #FFF);border-top:1px solid var(--color--strokes, #E1E2E5);border-radius:0 0 var(--border--radius-medium) var(--border--radius-medium)}";
 
 const SnkGrid = class {
   constructor(hostRef) {
@@ -95,7 +95,7 @@ const SnkGrid = class {
     this._customEditors = new Map();
     this._customRenders = new Map();
     this._keyboardManager = new core.KeyboardManager();
-    this._topTaskbarProcessor = new taskbarProcessor.TaskbarProcessor({
+    this._topTaskbarProcessor = new SnkMultiSelectionListDataSource.TaskbarProcessor({
       'snkGridTopTaskbar.regular': ['FORM_MODE', 'CONFIGURATOR', 'INSERT'],
       'snkGridTopTaskbar.regular.secondary': ['FORM_MODE', 'CONFIGURATOR', 'INSERT'],
       'snkGridTopTaskbar.regular.singleTaskbar': [],
@@ -103,7 +103,7 @@ const SnkGrid = class {
       'snkGridTopTaskbar.finish_edition.secondary': [],
       'snkGridTopTaskbar.finish_edition.singleTaskbar': [],
     });
-    this._headerTaskbarProcessor = new taskbarProcessor.TaskbarProcessor({
+    this._headerTaskbarProcessor = new SnkMultiSelectionListDataSource.TaskbarProcessor({
       'snkGridHeaderTaskbar.unselected': ['REFRESH', 'DATA_EXPORTER', 'ACTIONS_BUTTON', 'MORE_OPTIONS'],
       'snkGridHeaderTaskbar.selected': this.getGridHeaderSelectedBtns(),
       'snkGridHeaderTaskbar.detail.unselected': ['REFRESH', 'MORE_OPTIONS'],
@@ -170,6 +170,9 @@ const SnkGrid = class {
     this.compact = undefined;
     this.filterCustomConfig = undefined;
     this.filterCustomConfigInterceptor = undefined;
+    this.hidePagination = false;
+    this.hideHeader = false;
+    this.hideGridTaskbar = false;
   }
   getGridHeaderSelectedBtns() {
     const btns = [
@@ -310,6 +313,24 @@ const SnkGrid = class {
   async setFocus() {
     this._grid.setFocus();
   }
+  /**
+   * Manipula a mudança de página da grid.
+   */
+  async handlePageChange() {
+    await this._grid.handlePageChange();
+  }
+  /**
+   * Localiza determinada coluna tornando-a visível.
+   */
+  async locateColumn(columnName) {
+    return this._grid.locateColumn(columnName);
+  }
+  /**
+   * Usa um argumento para filtrar as colunas por label
+   */
+  async filterColumns(search) {
+    return this._grid.filterColumns(search);
+  }
   async handleClick(event) {
     var _a;
     if (this.hasToBlockEvent(event)) {
@@ -525,7 +546,7 @@ const SnkGrid = class {
     this._rmPrecisionCustomValueFormatter = new SnkMultiSelectionListDataSource.RmPrecisionCustomValueFormatter();
     this.addGridLegacyConfigName();
     this.loadConfig();
-    this._continuousInsertUtils = new SnkMultiSelectionListDataSource.ContinuousInsertUtils(this._application, this.resourceID, this.configName);
+    this._continuousInsertUtils = new ContinuousInsertUtils.ContinuousInsertUtils(this._application, this.resourceID, this.configName);
     if (this.enableGridInsert) {
       this._continuousInsertUtils.getConfig().then(value => this._enableContinuousInsert = value);
     }
@@ -673,14 +694,16 @@ const SnkGrid = class {
     return this.enableGridInsert && this._dataUnit.hasNewRecord();
   }
   render() {
-    var _a;
+    var _a, _b;
     if (!this._dataUnit) {
       return undefined;
     }
-    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large ez-box--no-outline", tabindex: "0" }, index.h("div", { class: "snk-grid__header" }, this._showSnkFilterBar &&
-      index.h(index.Fragment, null, index.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, mode: this._filterMode }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.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() }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.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) => {
+    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-box--no-outline", tabindex: "0" }, !this.hideHeader &&
+      index.h("div", { class: "snk-grid__header" }, this._showSnkFilterBar &&
+        index.h(index.Fragment, null, index.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, mode: this._filterMode, hideFilterButton: true }), index.h("ez-tooltip", { message: (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkCrud.customButtons.filter") }, index.h("ez-button", { mode: "icon", iconName: "filter", onClick: () => this._snkFilterBar.showFilterModal(), size: "small" }))), index.h("snk-taskbar", { "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() }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.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 }, index.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, additionalSlotId: this.gridHeaderDynamicSearchSlotId, actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.gridHeaderCustomSlotId }), index.h("slot", { name: this.gridHeaderDynamicSearchSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID, metadata: (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.metadata }))));
+      }, 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, hidePagination: this.hidePagination }, !this.hideGridTaskbar &&
+      index.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, additionalSlotId: this.gridHeaderDynamicSearchSlotId, actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.gridHeaderCustomSlotId }), index.h("slot", { name: this.gridHeaderDynamicSearchSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID, metadata: (_b = this._dataUnit) === null || _b === void 0 ? void 0 : _b.metadata }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {