@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-131882.2 → 0.0.0-bugfix-dev-KB-174860.0

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

@@ -43,67 +43,19 @@ export class SnkFilterBar {
     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.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 (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 || ObjectUtils.objectToString(oldItem) != ObjectUtils.objectToString(newItem);
-            this._loadingPending = this._loadingPending || ObjectUtils.objectToString(oldItem.value) !== ObjectUtils.objectToString(newItem.value);
-            if (!this._loadingPending) {
-              const groupedChanged = ObjectUtils.objectToString(oldItem.groupedItems) != 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
@@ -171,11 +123,84 @@ export class SnkFilterBar {
     this.filterConfig = this.filterConfig.filter(item => item.id !== filterID);
     return Promise.resolve(itemToRemove);
   }
-  componentDidLoad() {
-    if (this._element) {
-      const dataInfo = { dataUnit: this.dataUnit };
-      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 || ObjectUtils.objectToString(oldItem) != ObjectUtils.objectToString(newItem);
+            this._loadingPending = this._loadingPending || ObjectUtils.objectToString(oldItem.value) !== ObjectUtils.objectToString(newItem.value);
+            if (!this._loadingPending) {
+              const groupedChanged = ObjectUtils.objectToString(oldItem.groupedItems) != 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.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) {
@@ -242,9 +267,6 @@ export class SnkFilterBar {
     }
     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 = [];
@@ -295,7 +317,7 @@ export class SnkFilterBar {
       .filter(this.filterPersonalizedItems)
       .map(item => {
       const itemId = `filter-${item.id}`;
-      return (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 (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() {
@@ -306,7 +328,7 @@ export class SnkFilterBar {
       .forEach((item) => {
       item = ObjectUtils.copy(item);
       const itemId = `filter-${item.id}`;
-      const filterItem = (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 = (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);
       }
@@ -424,21 +446,9 @@ export class SnkFilterBar {
       await this.registryFilterProvider();
     }
   }
-  /**
-  * Emitido quando acontece a alteração do estado do filtro.
-  */
-  filterChangeListener(evt) {
-    this.updateFilter(evt.detail);
-  }
-  /**
-   * @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));
   }
   addPersonalizedFilter(isDefault = false) {
     this.isFilterModalOpen = false;
@@ -513,6 +523,12 @@ export class SnkFilterBar {
   componentDidRender() {
     this.processPendingFilter();
   }
+  componentDidLoad() {
+    if (this._element) {
+      const dataInfo = { dataUnit: this.dataUnit };
+      ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+    }
+  }
   render() {
     if (!this.dataUnit || !this.filterConfig || this.filterConfig.length === 0) {
       return undefined;
@@ -525,9 +541,10 @@ export class SnkFilterBar {
       return itemA.originOrder - itemB.originOrder;
     });
     if (this.mode !== "regular") {
-      return (h(Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), this.mode === 'button' && (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) })), 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.PERSONALIZED, configName, isDefault), filterCustomConfigInterceptor: this.filterCustomConfigInterceptor })));
+      return (h(Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), (this.mode === 'button' && !this.hideFilterButton) && (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) })), 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.PERSONALIZED, configName, isDefault), filterCustomConfigInterceptor: this.filterCustomConfigInterceptor })));
     }
-    return (h(Host, null, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), 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) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" })), 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.PERSONALIZED, configName, isDefault), filterCustomConfigInterceptor: this.filterCustomConfigInterceptor })));
+    return (h(Host, null, h("div", null, this.title && h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked, scrollAmount: 100, navigationMode: "buttons" }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), !this.hideFilterButton &&
+      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) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" })), 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.PERSONALIZED, configName, isDefault), filterCustomConfigInterceptor: this.filterCustomConfigInterceptor })));
   }
   static get is() { return "snk-filter-bar"; }
   static get encapsulation() { return "scoped"; }
@@ -896,6 +913,48 @@ export class SnkFilterBar {
             }],
           "text": ""
         }
+      },
+      "hideFilterButton": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "description",
+              "text": "Define se o bot\u00E3o de filtros deve ser ocultado."
+            }],
+          "text": ""
+        },
+        "attribute": "hide-filter-button",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "sizeChips": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'default' | 'medium' | 'large'",
+          "resolved": "\"default\" | \"large\" | \"medium\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "description",
+              "text": "Define o tamanho dos chips da barra de filtros, podendo ser 'default', 'medium' ou 'large'."
+            }],
+          "text": ""
+        },
+        "attribute": "size-chips",
+        "reflect": false,
+        "defaultValue": "'default'"
       }
     };
   }
@@ -1136,7 +1195,13 @@ export class SnkFilterBar {
         },
         "docs": {
           "text": "",
-          "tags": []
+          "tags": [{
+              "name": "description",
+              "text": "Retorna os filtros ativos na barra de filtros."
+            }, {
+              "name": "returns",
+              "text": "Retorna uma Promise que resolve com a lista de filtros ativos."
+            }]
         }
       },
       "showFilterModal": {
@@ -1177,6 +1242,12 @@ export class SnkFilterBar {
         "target": undefined,
         "capture": false,
         "passive": false
+      }, {
+        "name": "ezEmptySearch",
+        "method": "emptySearchListener",
+        "target": "window",
+        "capture": false,
+        "passive": false
       }];
   }
 }

package/dist/collection/components/snk-form-config/guides-configurator/guides-configurator.css

@@ -89,7 +89,6 @@
 
 
 .guide-item .actions {
-  display: flex;
   gap: 8px;
   transition: opacity 0.2s ease-in-out;
   display: none;

package/dist/collection/components/snk-grid/snk-grid.css

@@ -1,14 +1,20 @@
 :host {
   --snk-grid-min-height: 300px;
-  --snk-grid-padding: var(--space--small);
+  --snk-grid-padding: unset;
+  --snk-grid-margin: var(--space--small);
+  --snk-grid-box-shadow: var(--shadow--small);
+  --snk-grid__header-padding: unset;
 }
 
 .snk-grid__container {
   display: flex;
   height: 100%;
-  width: 100%;
-  padding: var(--snk-grid-padding);
+  margin: var(--snk-grid-margin);
   outline: none;
+  border: 1px solid var(--color--strokes, #E1E2E5);
+  border-radius: var(--border--radius-12, 12px);
+  box-shadow: var(--snk-grid-box-shadow);
+  padding:  var(--snk-grid-padding);
 
   --snk-grid-header--min-height: var(--space--52);
 }
@@ -20,6 +26,8 @@
   justify-content: flex-end;
   align-items: flex-start;
   min-height: var(--snk-grid-header--min-height);
+  padding-top: var(--snk-grid__header-padding);
+  padding-right: var(--snk-grid__header-padding);
 }
 
 .snk-grid__filter-bar {
@@ -39,6 +47,11 @@
   min-height: var(--snk-grid-header--min-height);
 }
 
+.snk-grid__header ez-tooltip {
+  width: auto;
+  margin-inline: var(--space--8, 8px);
+}
+
 .snk-grid__table {
   min-height: var(--snk-grid-min-height);
 }
@@ -50,5 +63,8 @@
 .snk-grid-container__footer {
   background-color: var(--background--xlight, #FFF);
   border-radius: 0 0 var(--border--radius-medium) var(--border--radius-medium);
-  box-shadow: var(--shadow--small);
-}
+}
+
+.snk-grid-container__footer:has(*) {
+  border-top: 1px solid var(--color--strokes, #E1E2E5);
+}

package/dist/collection/components/snk-grid/snk-grid.js

@@ -30,12 +30,12 @@ export class SnkGrid {
     this._headerTaskbarProcessor = new TaskbarProcessor({
       'snkGridHeaderTaskbar.unselected': ['REFRESH', 'DATA_EXPORTER', 'ACTIONS_BUTTON', 'MORE_OPTIONS'],
       'snkGridHeaderTaskbar.selected': this.getGridHeaderSelectedBtns(),
-      'snkGridHeaderTaskbar.detail.unselected': ['REFRESH', 'MORE_OPTIONS'],
-      'snkGridHeaderTaskbar.detail.selected': ['UPDATE', 'ATTACH', 'CLONE', 'REMOVE', 'MORE_OPTIONS', 'DIVIDER', 'REFRESH'],
+      'snkGridHeaderTaskbar.detail.unselected': ['REFRESH', 'ACTIONS_BUTTON', 'MORE_OPTIONS'],
+      'snkGridHeaderTaskbar.detail.selected': this.getDetailGridSelectedBtns(),
       'snkGridHeaderTaskbar.singleTaskbar.unselected': ['INSERT', 'FORM_MODE', 'CONFIGURATOR', 'REFRESH', 'DATA_EXPORTER', 'ACTIONS_BUTTON', 'MORE_OPTIONS'],
       'snkGridHeaderTaskbar.singleTaskbar.selected': ['UPDATE', 'CLONE', 'REMOVE', 'MORE_OPTIONS', 'DIVIDER', 'ATTACH', 'FORM_MODE', 'CONFIGURATOR', 'REFRESH', 'DATA_EXPORTER', 'ACTIONS_BUTTON'],
-      'snkGridHeaderTaskbar.singleTaskbar.detail.unselected': ['INSERT', 'FORM_MODE', 'CONFIGURATOR', 'REFRESH', 'MORE_OPTIONS'],
-      'snkGridHeaderTaskbar.singleTaskbar.detail.selected': ['UPDATE', 'ATTACH', 'CLONE', 'REMOVE', 'MORE_OPTIONS', 'DIVIDER', 'FORM_MODE', 'CONFIGURATOR', 'REFRESH'],
+      'snkGridHeaderTaskbar.singleTaskbar.detail.unselected': ['INSERT', 'FORM_MODE', 'CONFIGURATOR', 'REFRESH', 'ACTIONS_BUTTON', 'MORE_OPTIONS'],
+      'snkGridHeaderTaskbar.singleTaskbar.detail.selected': ['UPDATE', 'ATTACH', 'CLONE', 'REMOVE', 'MORE_OPTIONS', 'DIVIDER', 'FORM_MODE', 'CONFIGURATOR', 'REFRESH', 'ACTIONS_BUTTON'],
       'snkGridHeaderTaskbar.singleTaskbar.finish_edition': ['CANCEL', 'SAVE', this.handleAddFormMode()],
     });
     this.dataUnitInterceptor = {
@@ -94,6 +94,18 @@ export class SnkGrid {
     this.compact = undefined;
     this.filterCustomConfig = undefined;
     this.filterCustomConfigInterceptor = undefined;
+    this.hidePagination = false;
+    this.hideHeader = false;
+    this.hideGridTaskbar = false;
+  }
+  getDetailGridSelectedBtns() {
+    const btns = [
+      TaskbarElement.UPDATE, TaskbarElement.ATTACH, TaskbarElement.CLONE, TaskbarElement.MORE_OPTIONS,
+      TaskbarElement.DIVIDER, TaskbarElement.REFRESH, TaskbarElement.ACTIONS_BUTTON
+    ];
+    if (this.multipleEditionEnabled)
+      btns.unshift(TaskbarElement.UPDATE_MULTIPLE);
+    return btns;
   }
   getGridHeaderSelectedBtns() {
     const btns = [
@@ -234,6 +246,24 @@ export class SnkGrid {
   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)) {
@@ -597,13 +627,16 @@ export class SnkGrid {
     return this.enableGridInsert && this._dataUnit.hasNewRecord();
   }
   render() {
+    var _a, _b;
     if (!this._dataUnit) {
       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" }, 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, mode: this._filterMode }), 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) => {
+    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-box--no-outline", tabindex: "0" }, !this.hideHeader &&
+      h("div", { class: "snk-grid__header" }, 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, mode: this._filterMode, hideFilterButton: true }), h("ez-tooltip", { message: (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkCrud.customButtons.filter") }, h("ez-button", { mode: "icon", iconName: "filter", onClick: () => this._snkFilterBar.showFilterModal(), size: "small" }))), 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() }, 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, additionalSlotId: this.gridHeaderDynamicSearchSlotId, actionsSettingsList: this.getActionsSettingsList() }, h("slot", { name: this.gridHeaderCustomSlotId }), h("slot", { name: this.gridHeaderDynamicSearchSlotId }))), 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 }))));
+      }, 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 &&
+      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() }, h("slot", { name: this.gridHeaderCustomSlotId }), h("slot", { name: this.gridHeaderDynamicSearchSlotId }))), 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, metadata: (_b = this._dataUnit) === null || _b === void 0 ? void 0 : _b.metadata }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -1349,6 +1382,69 @@ export class SnkGrid {
             }],
           "text": ""
         }
+      },
+      "hidePagination": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "Oculta a pagina\u00E7\u00E3o da grade."
+        },
+        "attribute": "hide-pagination",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "hideHeader": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "Oculta o cabe\u00E7alho da grade (filtros e taskbar superior)."
+        },
+        "attribute": "hide-header",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "hideGridTaskbar": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "default",
+              "text": "false"
+            }],
+          "text": "Oculta a barra de tarefas interna da grade."
+        },
+        "attribute": "hide-grid-taskbar",
+        "reflect": true,
+        "defaultValue": "false"
       }
     };
   }
@@ -1814,6 +1910,64 @@ export class SnkGrid {
               "text": "Uma promessa que \u00E9 resolvida quando o foco \u00E9 atribu\u00EDdo."
             }]
         }
+      },
+      "handlePageChange": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Manipula a mudan\u00E7a de p\u00E1gina da grid.",
+          "tags": []
+        }
+      },
+      "locateColumn": {
+        "complexType": {
+          "signature": "(columnName: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Localiza determinada coluna tornando-a vis\u00EDvel.",
+          "tags": []
+        }
+      },
+      "filterColumns": {
+        "complexType": {
+          "signature": "(search: string) => Promise<EzGridColumn[]>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "EzGridColumn": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController"
+            }
+          },
+          "return": "Promise<EzGridColumn[]>"
+        },
+        "docs": {
+          "text": "Usa um argumento para filtrar as colunas por label",
+          "tags": []
+        }
       }
     };
   }