@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-11997.0

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

@@ -0,0 +1,774 @@
+import { h } from '@stencil/core';
+import { ApplicationContext, DataType, ElementIDUtils } from '@sankhyalabs/core';
+import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import { TaskbarElement } from '../snk-taskbar/elements/taskbar-elements';
+import { ConfigStorage } from '../../lib/configs/ConfigStorage';
+import { PresentationMode } from '../../lib/@types';
+import TaskbarProcessor from '../snk-taskbar/processor/taskbar-processor';
+import store from "../../lib/store";
+import SnkMultiSelectionListDataSource from './filtercolumn/SnkMultiSelectionListDataSource';
+import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
+export class SnkGrid {
+  constructor() {
+    this._topTaskbarProcessor = new TaskbarProcessor({
+      "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
+      "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
+      "snkGridTopTaskbar.finish_edition": ["CANCEL", "SAVE"],
+      "snkGridTopTaskbar.finish_edition.secondary": []
+    });
+    this._headerTaskbarProcessor = new TaskbarProcessor({
+      "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
+      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
+      "snkGridHeaderTaskbar.detail.unselected": ["REFRESH"],
+      "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
+    });
+    this._dataUnit = undefined;
+    this._dataState = undefined;
+    this._gridConfig = undefined;
+    this._popUpGridConfig = false;
+    this.columnFilterDataSource = new SnkMultiSelectionListDataSource();
+    this.configName = undefined;
+    this.resourceID = undefined;
+    this.selectionToastConfig = undefined;
+    this.actionsList = undefined;
+    this.isDetail = undefined;
+    this.taskbarManager = undefined;
+    this.statusResolver = undefined;
+    this.multipleSelection = undefined;
+    this.presentationMode = PresentationMode.PRIMARY;
+    this.messagesBuilder = undefined;
+    this.useEnterLikeTab = false;
+    this.recordsValidator = undefined;
+    this.canEdit = true;
+    this.taskbarCustomContainerId = undefined;
+    this.gridHeaderCustomSlotId = 'GRID_HEADER_CUSTOM_ELEMENTS';
+    this.topTaskbarCustomSlotId = 'GRID_TASKBAR_CUSTOM_ELEMENTS';
+  }
+  /**
+   * Exibe a janela de configurações da grade.
+   */
+  async showConfig() {
+    if (this._grid == undefined) {
+      return;
+    }
+    this.openGridConfig();
+  }
+  /**
+   * Fecha a janela de configurações da grade.
+   */
+  async hideConfig() {
+    if (this._grid == undefined) {
+      return;
+    }
+    this.closeGridConfig();
+  }
+  /**
+   * Atribui o valor da configuração da grade.
+   */
+  async setConfig(config) {
+    this.setGridConfig(config);
+  }
+  /**
+   * Faz o recarregamento da filter-bar da grade buscando o state no servidor.
+   */
+  async reloadFilterBar() {
+    var _a;
+    (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.reload();
+  }
+  openGridConfig() {
+    this._grid.getColumnsState()
+      .then((gridColumns) => {
+      this._snkGridConfig.columns = gridColumns.filter(c => c.name);
+      this._snkGridConfig.selectedIndex = 0;
+      this._popUpGridConfig = true;
+    });
+  }
+  closeGridConfig() {
+    this._popUpGridConfig = false;
+  }
+  setGridConfig(config) {
+    this._gridConfig = config;
+  }
+  loadConfig() {
+    ConfigStorage.loadGridConfig(this.configName, this.resourceID)
+      .then((config) => {
+      this.setGridConfig(config);
+    })
+      .catch((error) => {
+      console.warn(error);
+    });
+  }
+  gridConfigChangeHandler(evt) {
+    const config = evt.detail;
+    ConfigStorage.saveGridConfig(config, this.configName, this.resourceID);
+    evt.stopPropagation();
+  }
+  modalConfigChangeHandler(evt) {
+    const config = evt.detail;
+    this._grid.setColumnsState(config.columns)
+      .then(() => {
+      this.setGridConfig(config);
+      this.closeGridConfig();
+      this.dataExporterProviderStore();
+    });
+    evt.stopPropagation();
+  }
+  buildColumnsMetadata(gridColumns) {
+    const columnsMetadata = [];
+    gridColumns === null || gridColumns === void 0 ? void 0 : gridColumns.forEach((column) => {
+      var _a, _b;
+      /**
+       * TODO: Analisar e criar uma melhor forma de tratar essa validação do "RECDESP".
+       */
+      if (column.hidden && column.name !== "RECDESP") {
+        return;
+      }
+      const fieldData = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
+      const columnData = {
+        label: column.label,
+        id: column.name,
+        width: column.width,
+        type: fieldData === null || fieldData === void 0 ? void 0 : fieldData.dataType,
+        userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface
+      };
+      columnsMetadata.push(columnData);
+      if (((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
+        const mergedFrom = fieldData.properties.mergedFrom;
+        const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
+        const descriptionColumn = {
+          label: fieldData.properties.DESCRIPTIONENTITY,
+          id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
+          width: 200,
+          type: DataType.TEXT,
+          userInterface: UserInterface.LONGTEXT
+        };
+        columnsMetadata.push(descriptionColumn);
+      }
+    });
+    return columnsMetadata || [];
+  }
+  getPaginationInfo() {
+    var _a;
+    return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getPaginationInfo();
+  }
+  getExporterOffset(paginationInfo) {
+    if (paginationInfo == undefined) {
+      return;
+    }
+    const offset = paginationInfo.firstRecord;
+    if (offset > 0) {
+      return (offset - 1);
+    }
+    return offset;
+  }
+  async dataExporterProviderStore() {
+    var _a;
+    const selectedIDs = await ((_a = this._snkDataUnit) === null || _a === void 0 ? void 0 : _a.getSelectedRecordsIDsInfo());
+    const dataExporterProvider = {
+      getFilters: () => {
+        var _a;
+        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getAppliedFilters();
+      },
+      getColumnsMetadata: async () => {
+        var _a;
+        const columnsState = await ((_a = this._grid) === null || _a === void 0 ? void 0 : _a.getColumnsState());
+        return this.buildColumnsMetadata(columnsState);
+      },
+      getOrders: () => {
+        var _a;
+        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getSort();
+      },
+      getResourceURI: () => {
+        var _a;
+        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.name;
+      },
+      getSelectedNumber: () => {
+        var _a, _b;
+        return (_b = (_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) === null || _b === void 0 ? void 0 : _b.length;
+      },
+      getTotalRecords: () => {
+        var _a, _b, _c;
+        const { total } = ((_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getPaginationInfo()) || {};
+        return total !== null && total !== void 0 ? total : (_c = (_b = this._dataUnit) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.length;
+      },
+      getSelectedIDs: () => {
+        return selectedIDs || [];
+      },
+      getOffset: () => {
+        return this.getExporterOffset(this.getPaginationInfo());
+      },
+      getLimit: () => {
+        var _a;
+        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.pageSize;
+      },
+      getRecordID: () => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.__record__id__;
+      }
+    };
+    store.set("exporterProviders", Object.assign(Object.assign({}, store.get("exporterProviders")), { [this.configName]: dataExporterProvider }));
+  }
+  addElementID() {
+    const dataInfo = { dataUnit: this._dataUnit };
+    ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+  }
+  finshLoading() {
+    var _a, _b;
+    this._dataUnitLoadLockerResolver = this._dataUnit.addLoadingLocker();
+    this.addElementID();
+    (_a = this.columnFilterDataSource) === null || _a === void 0 ? void 0 : _a.setApplication(this._application);
+    (_b = this.columnFilterDataSource) === null || _b === void 0 ? void 0 : _b.setDataUnit(this._dataUnit);
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    let parent = this._element.parentElement;
+    while (parent) {
+      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+        this._snkDataUnit = parent;
+        this._dataUnit = this._snkDataUnit.dataUnit;
+        if (!this._dataUnit) {
+          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            this._dataUnit = evt.detail;
+            this.finshLoading();
+          });
+        }
+        else {
+          this.finshLoading();
+        }
+        if (!this.messagesBuilder)
+          this.messagesBuilder = this._snkDataUnit.messagesBuilder;
+        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
+          this._dataState = evt.detail;
+        });
+        this._snkDataUnit.addEventListener("cancelEdition", () => {
+          var _a;
+          if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.recordsIsEmpty) {
+            this._dataUnit.clearSelection();
+          }
+        });
+        break;
+      }
+      parent = parent.parentElement;
+    }
+    this.loadConfig();
+  }
+  getHeaderDisabledButtons() {
+    var _a;
+    const disabledButtons = [];
+    if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
+      if (this._dataState.selectionInfo.length > 1) {
+        disabledButtons.push(TaskbarElement.CLONE, "ATTACH");
+      }
+      if (this._dataState.selectionInfo.isAllRecords()) {
+        disabledButtons.push("REMOVE");
+      }
+    }
+    return disabledButtons;
+  }
+  getInvisibleButtons() {
+    let invisibleButtons = [];
+    if (!this._dataUnit || this._dataUnit.records.length === 0)
+      invisibleButtons.push("DATA_EXPORTER");
+    if (this._dataState && this._dataState.selectionInfo.mode === SelectionMode.ALL_RECORDS)
+      invisibleButtons.push("ACTIONS_BUTTON", TaskbarElement.UPDATE);
+    return invisibleButtons;
+  }
+  componentWillRender() {
+    var _a;
+    const invisibleButtons = this.getInvisibleButtons();
+    const hasSelectedRecord = this._dataState && !!((_a = this._dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.length);
+    let headerTaskbarId;
+    if (hasSelectedRecord) {
+      headerTaskbarId = this.isDetail ? "snkGridHeaderTaskbar.detail.selected" : "snkGridHeaderTaskbar.selected";
+    }
+    else {
+      headerTaskbarId = this.isDetail ? "snkGridHeaderTaskbar.detail.unselected" : "snkGridHeaderTaskbar.unselected";
+    }
+    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState, this.getHeaderDisabledButtons(), invisibleButtons);
+    this._topTaskbarProcessor.process(this.getTopTaskBarId(this.presentationMode === PresentationMode.SECONDARY ? ".secondary" : ""), this.taskbarManager, this._dataState, undefined, invisibleButtons);
+    this.dataExporterProviderStore();
+  }
+  getTopTaskBarId(sufix) {
+    var _a;
+    if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
+      return `snkGridTopTaskbar.finish_edition${sufix}`;
+    }
+    return `snkGridTopTaskbar.regular${sufix}`;
+  }
+  getPrimaryButton() {
+    return this.presentationMode === PresentationMode.PRIMARY ? "INSERT" : "";
+  }
+  onEzGridReady() {
+    var _a;
+    (_a = this._dataUnitLoadLockerResolver) === null || _a === void 0 ? void 0 : _a.call(this);
+    this._dataUnitLoadLockerResolver = undefined;
+  }
+  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" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID }), ((_b = (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+      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", "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 }, 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); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, onComponentReady: () => this.onEzGridReady(), columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => 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), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
+  }
+  static get is() { return "snk-grid"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-grid.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-grid.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "columnFilterDataSource": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "SnkMultiSelectionListDataSource",
+          "resolved": "SnkMultiSelectionListDataSource",
+          "references": {
+            "SnkMultiSelectionListDataSource": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "new SnkMultiSelectionListDataSource()"
+      },
+      "configName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome usado para salvar/recuperar a configura\u00E7\u00E3o."
+        },
+        "attribute": "config-name",
+        "reflect": false
+      },
+      "resourceID": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Identificador de recursos como configura\u00E7\u00F5es e acesso."
+        },
+        "attribute": "resource-i-d",
+        "reflect": false
+      },
+      "selectionToastConfig": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ISelectionToastConfig",
+          "resolved": "ISelectionToastConfig",
+          "references": {
+            "ISelectionToastConfig": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-grid/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Configura\u00E7\u00E3o da sele\u00E7\u00E3o de grade no toast."
+        }
+      },
+      "actionsList": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<Action>",
+          "resolved": "Action[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "Action": {
+              "location": "import",
+              "path": "../snk-taskbar/snk-taskbar"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Lista de a\u00E7\u00F5es que devem ser usadas no bot\u00E3o \"Mais op\u00E7\u00F5es\" do componente snk-taskbar."
+        }
+      },
+      "isDetail": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determina se a grade est\u00E1 vinculada a um detalhe."
+        },
+        "attribute": "is-detail",
+        "reflect": false
+      },
+      "taskbarManager": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "TaskbarManager",
+          "resolved": "TaskbarManager",
+          "references": {
+            "TaskbarManager": {
+              "location": "import",
+              "path": "../snk-taskbar/snk-taskbar"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Gerenciador das barras de tarefas. \u00C9 poss\u00EDvel determinar bot\u00F5es espec\u00EDficos\nou mesmo gerenciar o estado dos bot\u00F5es."
+        }
+      },
+      "statusResolver": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IStatusResolver | StatusResolverFunction",
+          "resolved": "((data: object) => string) | IStatusResolver",
+          "references": {
+            "IStatusResolver": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController"
+            },
+            "StatusResolverFunction": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Configura\u00E7\u00E3o do valor da coluna de status.\nExemplo: '{ \"RECDESP\": { \"-1\" : \"#BD0025\", \"1\" : \"#157A00\" } }'"
+        }
+      },
+      "multipleSelection": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Determina se pode haver mais de uma linha selecionada."
+        },
+        "attribute": "multiple-selection",
+        "reflect": false
+      },
+      "presentationMode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "PresentationMode",
+          "resolved": "PresentationMode.PRIMARY | PresentationMode.SECONDARY",
+          "references": {
+            "PresentationMode": {
+              "location": "import",
+              "path": "../../lib/@types"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Altera o modo de apresenta\u00E7\u00E3o dos bot\u00F5es do snk-taskbar."
+        },
+        "attribute": "presentation-mode",
+        "reflect": false,
+        "defaultValue": "PresentationMode.PRIMARY"
+      },
+      "messagesBuilder": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "SnkMessageBuilder",
+          "resolved": "SnkMessageBuilder",
+          "references": {
+            "SnkMessageBuilder": {
+              "location": "import",
+              "path": "../../lib/message/SnkMessageBuilder"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
+        }
+      },
+      "useEnterLikeTab": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Quando verdadeiro, o ENTER far\u00E1 a navega\u00E7\u00E3o como se fosse a tecla TAB na grade."
+        },
+        "attribute": "use-enter-like-tab",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "recordsValidator": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IRecordValidator",
+          "resolved": "IRecordValidator",
+          "references": {
+            "IRecordValidator": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/utils/form/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Validador respons\u00E1vel por checar a integridade das informa\u00E7\u00F5es do registro."
+        }
+      },
+      "canEdit": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se a edi\u00E7\u00E3o est\u00E1 habilitada na grid."
+        },
+        "attribute": "can-edit",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "taskbarCustomContainerId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o identificador do container de elementos customizados da Taskbar."
+        },
+        "attribute": "taskbar-custom-container-id",
+        "reflect": false
+      },
+      "gridHeaderCustomSlotId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome do slot de elementos customizados da Taskbar do cabe\u00E7alho da grade."
+        },
+        "attribute": "grid-header-custom-slot-id",
+        "reflect": false,
+        "defaultValue": "'GRID_HEADER_CUSTOM_ELEMENTS'"
+      },
+      "topTaskbarCustomSlotId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome do slot de elementos customizados da Taskbar principal do componente."
+        },
+        "attribute": "top-taskbar-custom-slot-id",
+        "reflect": false,
+        "defaultValue": "'GRID_TASKBAR_CUSTOM_ELEMENTS'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_dataUnit": {},
+      "_dataState": {},
+      "_gridConfig": {},
+      "_popUpGridConfig": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "actionClick",
+        "name": "actionClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido sempre que houver click de bot\u00E3o ou a\u00E7\u00E3o."
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }, {
+        "method": "gridDoubleClick",
+        "name": "gridDoubleClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido sempre que houver duplo click na grade."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "showConfig": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Exibe a janela de configura\u00E7\u00F5es da grade.",
+          "tags": []
+        }
+      },
+      "hideConfig": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Fecha a janela de configura\u00E7\u00F5es da grade.",
+          "tags": []
+        }
+      },
+      "setConfig": {
+        "complexType": {
+          "signature": "(config: IGridConfig) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "IGridConfig": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Atribui o valor da configura\u00E7\u00E3o da grade.",
+          "tags": []
+        }
+      },
+      "reloadFilterBar": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Faz o recarregamento da filter-bar da grade buscando o state no servidor.",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "_element"; }
+}