@sankhyalabs/ezui 0.0.0-bugfix-dev-KB-08202.0

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

@@ -0,0 +1,833 @@
+import { ElementIDUtils, JSUtils, } from '@sankhyalabs/core';
+import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
+import { h, Host } from '@stencil/core';
+import AgGridController from './controller/ag-grid/AgGridController';
+import { SelectionCounter } from './subcomponents/selection-counter';
+import { ApplicationUtils } from '../../utils';
+import InMemoryFilterColumnDataSource from './utils/InMemoryFilterColumnDataSource';
+const windowInstace = window;
+export class EzGrid {
+  constructor() {
+    this._gridController = new AgGridController(false);
+    this._messageFilterAppliedSuccess = 'Filtro de coluna aplicado com sucesso!';
+    this._paginationInfo = undefined;
+    this._paginationChangedByKeyboard = true;
+    this._showSelectionCounter = false;
+    this._isAllSelection = false;
+    this._currentPageSelected = undefined;
+    this._selectionCount = undefined;
+    this._hasLeftButtons = false;
+    this.multipleSelection = undefined;
+    this.config = undefined;
+    this.selectionToastConfig = undefined;
+    this.serverUrl = undefined;
+    this.dataUnit = undefined;
+    this.statusResolver = undefined;
+    this.columnfilterDataSource = undefined;
+    this.useEnterLikeTab = false;
+    this.recordsValidator = undefined;
+    this.canEdit = true;
+  }
+  /**
+   * Aplica a definição de colunas.
+   */
+  async setColumnsDef(cols) {
+    this._gridController.setColumnsDef(cols);
+  }
+  /**
+   * Adiciona item de menu nas colunas.
+   */
+  async addColumnMenuItem(label, name, action, icon) {
+    this._gridController.addColumnMenuItem({ label, name, action, icon });
+  }
+  /**
+   * Aplica o estado das colunas.
+   */
+  async setColumnsState(state) {
+    this._gridController.setColumnsState(state);
+  }
+  /**
+   * Insere os registros no ez-grid.
+   */
+  async setData(data) {
+    this._gridController.setData(data);
+  }
+  /**
+   * Obtém as linhas selecionadas.
+   */
+  async getSelection() {
+    return Promise.resolve(this._gridController.getSelection());
+  }
+  /**
+   * Obtém o estado atual das colunas.
+   */
+  async getColumnsState() {
+    return Promise.resolve(this._gridController.getColumnsState());
+  }
+  /**
+   * Obtém a lista de definição de colunas.
+   */
+  async getColumns() {
+    return Promise.resolve(this._gridController.getColumnsDef());
+  }
+  /**
+   * Aplica um filtro rápido.
+   */
+  async quickFilter(term) {
+    this._gridController.quickFilter(term);
+  }
+  observeConfig(config) {
+    this._gridController.setColumnsState(config.columns);
+  }
+  onSelectionChange(evt) {
+    this._currentPageSelected = evt.detail.selectionHeaderStatus === true;
+    if (this.dataUnit) {
+      this.setSelection(this.dataUnit.getSelectionInfo());
+    }
+  }
+  setSelection(selectionInfo) {
+    var _a;
+    this._selectionCount = (_a = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.length) !== null && _a !== void 0 ? _a : 0;
+    this._isAllSelection = selectionInfo === null || selectionInfo === void 0 ? void 0 : selectionInfo.isAllRecords();
+    this._showSelectionCounter = this._selectionCount > 1 || this._isAllSelection;
+  }
+  onSelectAllRecords() {
+    var _a;
+    (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.setSelection(SelectionMode.ALL_RECORDS).then(selection => this.setSelection(selection));
+  }
+  onSelectPageRecords() {
+    var _a;
+    (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.setSelection(this.dataUnit.records.map(record => record.__record__id__)).then(selection => this.setSelection(selection));
+  }
+  onClearSelectedRecords() {
+    var _a;
+    (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.clearSelection();
+    this.setSelection(undefined);
+  }
+  createConfigFromState(state) {
+    let newConfig = { columns: [] };
+    state.forEach(columnState => {
+      if (!columnState.hidden) {
+        let newConfigColumn = { name: columnState.name };
+        if (columnState.width) {
+          newConfigColumn['width'] = columnState.width;
+        }
+        if (columnState.sort) {
+          newConfigColumn['ascending'] = columnState.sort.toUpperCase() === 'ASC';
+          newConfigColumn['orderIndex'] = columnState.sortIndex;
+        }
+        else {
+          newConfigColumn['orderIndex'] = 0;
+        }
+        if (newConfigColumn) {
+          newConfig.columns.push(newConfigColumn);
+        }
+      }
+    });
+    return newConfig;
+  }
+  positionSelectionCounter() {
+    var _a;
+    if (this._gridSelectionCounter == undefined) {
+      return;
+    }
+    if (this._showSelectionCounter) {
+      const boundingContainer = (_a = this._container) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+      if (boundingContainer == undefined) {
+        return;
+      }
+      const limitBottom = boundingContainer.bottom - 30;
+      this._gridSelectionCounter.style.bottom = document.body.clientHeight - limitBottom + 'px';
+    }
+    else {
+      this._gridSelectionCounter.style.bottom = '';
+    }
+  }
+  setEvents() {
+    window.removeEventListener('scroll', this.positionSelectionCounter.bind(this));
+    window.addEventListener('scroll', this.positionSelectionCounter.bind(this));
+  }
+  resizeSelectionCounter() {
+    if (this._gridSelectionCounter == undefined) {
+      return;
+    }
+    this._gridSelectionCounter.style.width = '';
+    if (this._gridSelectionCounter.clientHeight > 42) {
+      this._gridSelectionCounter.style.width = 'min-content';
+    }
+    this.positionSelectionCounter();
+  }
+  configSelectionCounter() {
+    if (this._element == undefined) {
+      return;
+    }
+    if (this._resizeObserver != undefined) {
+      this._resizeObserver.unobserve(this._element);
+    }
+    this._resizeObserver = new ResizeObserver(JSUtils.debounce(this.resizeSelectionCounter.bind(this), 200));
+    this._resizeObserver.observe(this._element);
+    this.resizeSelectionCounter();
+  }
+  onColumnStateChange(type, state, info) {
+    var _a;
+    this.ezColumnStateChange.emit({ type, state, isUserChange: info.isUserChange });
+    if (info.isUserChange) {
+      if (type === 'columnMovedEnd' && !info.isElementResize) {
+        let newConfig;
+        if (this.config) {
+          newConfig = { columns: [] };
+          state.forEach(columnState => {
+            let newConfigColumn = this.config.columns.find(column => column.name === columnState.name);
+            if (newConfigColumn) {
+              newConfigColumn.width = columnState.width;
+              newConfig.columns.push(newConfigColumn);
+            }
+          });
+        }
+        else {
+          newConfig = this.createConfigFromState(state);
+        }
+        if (newConfig.columns.length > 0) {
+          this.configChange.emit(newConfig);
+        }
+      }
+      else if (type === 'columnResize') {
+        if ((_a = info.column) === null || _a === void 0 ? void 0 : _a.colId) {
+          let newConfig;
+          if (this.config) {
+            newConfig = Object.assign({}, this.config);
+          }
+          else {
+            newConfig = this.createConfigFromState(state);
+          }
+          let newColumn = newConfig.columns.find(column => column.name === info.column.colId);
+          if (newColumn) {
+            newColumn.customWidth = info.column.actualWidth;
+            this.configChange.emit(newConfig);
+          }
+        }
+      }
+    }
+  }
+  buildDataElementId() {
+    const dataInfo = { dataUnit: this.dataUnit };
+    ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+    const dtInfo = { id: 'ezGrid' };
+    ElementIDUtils.addIDInfo(this._refPaginationControl, 'pagination', dtInfo);
+  }
+  previousPage() {
+    if (this.dataUnit) {
+      this.dataUnit.previousPage();
+      this._paginationChangedByKeyboard = false;
+    }
+  }
+  nextPage() {
+    if (this.dataUnit) {
+      this.dataUnit.nextPage();
+      this._paginationChangedByKeyboard = false;
+    }
+  }
+  getPaginationControl() {
+    if (this._paginationInfo) {
+      const { firstRecord, lastRecord, total, currentPage, hasMore } = this._paginationInfo;
+      return [
+        h("div", { class: "ez-text ez-text--primary ez-text--medium ez-margin-right--medium" }, h("strong", { class: "ez-text ez-text--primary ez-text--medium" }, `${firstRecord}-${lastRecord}`), ` de ${total}`),
+        h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: currentPage > 0, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }),
+        h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: hasMore, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" }),
+      ];
+    }
+    return null;
+  }
+  componentDidLoad() {
+    this._gridController.initDatagrid(this._container, {
+      onColumnStateChange: (type, state, info) => this.onColumnStateChange(type, state, info),
+      onSelectionChange: (selection) => this.ezSelectionChange.emit(selection),
+      onPaginationChange: (paginationInfo) => {
+        var _a;
+        if (((_a = this._paginationInfo) === null || _a === void 0 ? void 0 : _a.currentPage) > (paginationInfo === null || paginationInfo === void 0 ? void 0 : paginationInfo.currentPage) && this._paginationChangedByKeyboard) {
+          this._gridController.setFocusLastRow();
+        }
+        else {
+          this._gridController.setFocusFirstRow();
+          this._paginationChangedByKeyboard = true;
+        }
+        this._paginationInfo = paginationInfo;
+      },
+      onDoubleClick: (row) => {
+        this.ezDoubleClick.emit(row);
+      },
+      allowMultipleSelection: this.multipleSelection,
+      serverURL: this.serverUrl,
+      dataUnit: this.dataUnit,
+      statusResolver: this.statusResolver,
+      useEnterLikeTab: this.useEnterLikeTab,
+      recordsValidator: this.recordsValidator,
+      editionIsDisabled: () => !this.canEdit
+    });
+    if (this.config) {
+      this.observeConfig(this.config);
+    }
+    this.buildDataElementId();
+    this.setEvents();
+    this.componentReady.emit();
+    this._gridController.configFilterColumn(this._filterColumn);
+    this._container.addEventListener('focusout', (event) => {
+      const api = this._gridController.getGridApi();
+      if (api && !this._container.contains(event.relatedTarget))
+        api.clearFocusedCell();
+    });
+  }
+  componentWillRender() {
+    this.configSelectionCounter();
+  }
+  componentDidRender() {
+    windowInstace.addEventListener('onSubmitFilter', () => {
+      ApplicationUtils.info(this._messageFilterAppliedSuccess);
+    });
+  }
+  componentWillLoad() {
+    this._hasLeftButtons = !!this._element.querySelector('[slot="leftButtons"]');
+    if (!this.dataUnit.name.includes("InMemoryDataUnit"))
+      return;
+  }
+  getDataSource() {
+    var _a;
+    return (_a = this.columnfilterDataSource) !== null && _a !== void 0 ? _a : new InMemoryFilterColumnDataSource(this.dataUnit);
+  }
+  hideHeader() {
+    return (!!this._element.getAttribute("no-header") && !this._paginationInfo);
+  }
+  render() {
+    var _a;
+    return (h(Host, { "no-header": this.hideHeader() }, h("div", { class: "ez-box ez-box--shadow ez-padding--medium grid-header" }, h("filter-column", { class: "grid-header__popover", noHeaderTaskBar: !this._hasLeftButtons, dataSource: this.getDataSource(), dataUnit: this.dataUnit, gridHeaderHidden: this.hideHeader(), ref: (element) => (this._filterColumn = element) }), h("div", { class: "grid-header__position" }, h("div", { class: "grid-header__container" }, h("slot", { name: "leftButtons" })), h("div", { class: "grid-header__container", ref: ref => (this._refPaginationControl = ref) }, this.getPaginationControl()))), h("div", { ref: (ref) => (this._gridSelectionCounter = ref), class: `grid__selection-counter
+          ${this._showSelectionCounter ? 'grid__selection-counter--opened' : ''}
+        ` }, h(SelectionCounter, { selectionCount: this._selectionCount, currentPageSelected: this._currentPageSelected, paginationInfo: this._paginationInfo, canSelectAll: (_a = this.selectionToastConfig) === null || _a === void 0 ? void 0 : _a.canSelectAll, allRecordSelected: this._isAllSelection, onSelectAll: () => this.onSelectAllRecords(), onSelectPage: () => this.onSelectPageRecords(), onClearAll: () => this.onClearSelectedRecords(), onClose: () => (this._showSelectionCounter = false) })), h("div", { class: "grid__container ez-grid", ref: elem => (this._container = elem) }), h("div", { class: "grid__footer" }, h("slot", { name: "footer" }))));
+  }
+  static get is() { return "ez-grid"; }
+  static get encapsulation() { return "scoped"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ez-grid.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ez-grid.css"]
+    };
+  }
+  static get assetsDirs() { return ["../assets"]; }
+  static get properties() {
+    return {
+      "multipleSelection": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Habilita a sele\u00E7\u00E3o de v\u00E1rias linhas."
+        },
+        "attribute": "multiple-selection",
+        "reflect": false
+      },
+      "config": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "IGridConfig",
+          "resolved": "IGridConfig",
+          "references": {
+            "IGridConfig": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Configura\u00E7\u00E3o de exibi\u00E7\u00E3o da grade."
+        }
+      },
+      "selectionToastConfig": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ISelectionToastConfig",
+          "resolved": "ISelectionToastConfig",
+          "references": {
+            "ISelectionToastConfig": {
+              "location": "import",
+              "path": "./interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Configura\u00E7\u00E3o da sele\u00E7\u00E3o de grade no toast."
+        }
+      },
+      "serverUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Endere\u00E7o do servidor para obten\u00E7\u00E3o dos dados."
+        },
+        "attribute": "server-url",
+        "reflect": false
+      },
+      "dataUnit": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DataUnit",
+          "resolved": "DataUnit",
+          "references": {
+            "DataUnit": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Unidade de dados. Respons\u00E1vel pelo controle de edi\u00E7\u00E3o de registros e\ninforma\u00E7\u00F5es pertinentes aos campos."
+        }
+      },
+      "statusResolver": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IStatusResolver | StatusResolverFunction",
+          "resolved": "((data: object) => string) | IStatusResolver",
+          "references": {
+            "IStatusResolver": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            },
+            "StatusResolverFunction": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define um `IStatusResolver` respons\u00E1vel pelo estado da coluna de status."
+        }
+      },
+      "columnfilterDataSource": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IMultiSelectionListDataSource",
+          "resolved": "IMultiSelectionListDataSource",
+          "references": {
+            "IMultiSelectionListDataSource": {
+              "location": "import",
+              "path": "../ez-multi-selection-list/interfaces/IMultiSelectionListDataSource"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define um `IMultiSelectionListDataSource` respons\u00E1vel por alimentar o filtro de colunas."
+        }
+      },
+      "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": "../../utils/form/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define um validador respons\u00E1vel pela integridade dos registros."
+        }
+      },
+      "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"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "_paginationInfo": {},
+      "_paginationChangedByKeyboard": {},
+      "_showSelectionCounter": {},
+      "_isAllSelection": {},
+      "_currentPageSelected": {},
+      "_selectionCount": {},
+      "_hasLeftButtons": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "ezColumnStateChange",
+        "name": "ezColumnStateChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando acontece a altera\u00E7\u00E3o de estado das colunas do grid: Ordena\u00E7\u00E3o, largura, etc."
+        },
+        "complexType": {
+          "original": "EzGridColumStateEvent",
+          "resolved": "EzGridColumStateEvent",
+          "references": {
+            "EzGridColumStateEvent": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            }
+          }
+        }
+      }, {
+        "method": "ezSelectionChange",
+        "name": "ezSelectionChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando acontece a altera\u00E7\u00E3o de sele\u00E7\u00E3o de linhas."
+        },
+        "complexType": {
+          "original": "ISelection",
+          "resolved": "ISelection",
+          "references": {
+            "ISelection": {
+              "location": "import",
+              "path": "./interfaces"
+            }
+          }
+        }
+      }, {
+        "method": "ezDoubleClick",
+        "name": "ezDoubleClick",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido com o duplo clique de uma linha"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "configChange",
+        "name": "configChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando acontece a altera\u00E7\u00E3o de configura\u00E7\u00E3o do grade."
+        },
+        "complexType": {
+          "original": "IGridConfig",
+          "resolved": "IGridConfig",
+          "references": {
+            "IGridConfig": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            }
+          }
+        }
+      }, {
+        "method": "componentReady",
+        "name": "componentReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando o componente estiver completamente carregado."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "setColumnsDef": {
+        "complexType": {
+          "signature": "(cols: Array<EzGridColumn>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "EzGridColumn": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Aplica a defini\u00E7\u00E3o de colunas.",
+          "tags": []
+        }
+      },
+      "addColumnMenuItem": {
+        "complexType": {
+          "signature": "(label: string, name: string, action: Function, icon: HTMLElement | string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Function": {
+              "location": "global"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Adiciona item de menu nas colunas.",
+          "tags": []
+        }
+      },
+      "setColumnsState": {
+        "complexType": {
+          "signature": "(state: Array<EzGridColumnConfig>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            },
+            "EzGridColumnConfig": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Aplica o estado das colunas.",
+          "tags": []
+        }
+      },
+      "setData": {
+        "complexType": {
+          "signature": "(data: Array<any>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Insere os registros no ez-grid.",
+          "tags": []
+        }
+      },
+      "getSelection": {
+        "complexType": {
+          "signature": "() => Promise<Array<any>>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Array": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<any[]>"
+        },
+        "docs": {
+          "text": "Obt\u00E9m as linhas selecionadas.",
+          "tags": []
+        }
+      },
+      "getColumnsState": {
+        "complexType": {
+          "signature": "() => Promise<Array<EzGridColumn>>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "EzGridColumn": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            },
+            "Array": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<EzGridColumn[]>"
+        },
+        "docs": {
+          "text": "Obt\u00E9m o estado atual das colunas.",
+          "tags": []
+        }
+      },
+      "getColumns": {
+        "complexType": {
+          "signature": "() => Promise<Array<EzGridColumn>>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "EzGridColumn": {
+              "location": "import",
+              "path": "./controller/EzGridController"
+            },
+            "Array": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<EzGridColumn[]>"
+        },
+        "docs": {
+          "text": "Obt\u00E9m a lista de defini\u00E7\u00E3o de colunas.",
+          "tags": []
+        }
+      },
+      "quickFilter": {
+        "complexType": {
+          "signature": "(term: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Aplica um filtro r\u00E1pido.",
+          "tags": []
+        }
+      }
+    };
+  }
+  static get elementRef() { return "_element"; }
+  static get watchers() {
+    return [{
+        "propName": "config",
+        "methodName": "observeConfig"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "ezSelectionChange",
+        "method": "onSelectionChange",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}