@sankhyalabs/ezui 1.1.132 → 1.1.133

package/dist/custom-elements/index.js

@@ -112101,8 +112101,11 @@ class DataSource {
 
 class AgGridController {
   constructor(enterprise) {
+    this.DEFAULT_ROW_HEIGHT = 25;
     this._menuItems = [];
     this._idAttribName = "__record__id__";
+    this._isFirstRecordOfPage = true;
+    this._isLastRecordOfPage = false;
     this._enterprise = enterprise;
   }
   getSort() {
@@ -112130,7 +112133,9 @@ class AgGridController {
       this._pageSize = options.pageSize;
       this._serverURL = options.serverURL;
       this._dataUnit = options.dataUnit;
-      this._dataUnit.sortingProvider = this;
+      if (this._dataUnit) {
+        this._dataUnit.sortingProvider = this;
+      }
       this._dataSource = new DataSource(this._dataUnit, this._serverURL);
       this._gridOptions = {
         localeText: gridTerms,
@@ -112139,7 +112144,7 @@ class AgGridController {
         rowSelection: this._multipleSelection ? "multiple" : "single",
         serverSideDatasource: this._dataSource,
         sortingOrder: ['desc', 'asc', null],
-        getRowNodeId: (params) => typeof params === "string" ? params : params[this._idAttribName],
+        getRowNodeId: this._dataUnit ? (params) => typeof params === "string" ? params : params[this._idAttribName] : undefined,
         getMainMenuItems: (params) => {
           const column = params.column;
           const items = [column.isPinned() ? "clearPinned" : "pinLeft", "separator"];
@@ -112149,14 +112154,12 @@ class AgGridController {
           }));
           return items;
         },
-        getRowHeight: () => {
-          //FIXME: Existe um bug no PartialStore.prototype.destroyAllBlocks do ag-grid, pois
-          //apesar de destruir os blocos, mantém a variável "blockHeights" com o tamanho antigo
-          //dos blocos, então, quando removemos uma linha, a altura do bloco não é recalculada.
-          //Descobri que setando manualmente a altura das linhas, apesar do bloco ficar com 
-          //tamanho errado, isso afeta menos o componente.
-          return 25;
-        }
+        //FIXME: Existe um bug no PartialStore.prototype.destroyAllBlocks do ag-grid, pois
+        //apesar de destruir os blocos, mantém a variável "blockHeights" com o tamanho antigo
+        //dos blocos, então, quando removemos uma linha, a altura do bloco não é recalculada.
+        //Descobri que setando manualmente a altura das linhas, apesar do bloco ficar com 
+        //tamanho errado, isso afeta menos o componente.
+        rowHeight: this.DEFAULT_ROW_HEIGHT
       };
       this.setOptionsEvents(this._gridOptions);
       this.setOptionsPagination(this._gridOptions);
@@ -112179,16 +112182,17 @@ class AgGridController {
     opt.onPaginationChanged = () => this.onPaginationChange();
     opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
     opt.onDragStopped = evt => this.onCallStateChange("columnMovedEnd", evt);
-    opt.onViewportChanged = () => {
-      if (this._dataUnit) {
-        this.selectRows(this._dataUnit.getSelection());
-      }
-    };
+  }
+  syncSelection() {
+    if (this._dataUnit) {
+      this.selectRows(this._dataUnit.getSelection());
+    }
   }
   setOptionsPagination(opt) {
     opt.pagination = (this._pageSize > -1);
     opt.paginationPageSize = this._pageSize;
     opt.cacheBlockSize = this._pageSize;
+    opt.maxBlocksInCache = 1;
   }
   setOptionsSupress(opt) {
     opt.suppressDragLeaveHidesColumns = true;
@@ -112224,7 +112228,7 @@ class AgGridController {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    this._gridOptions.api.refreshServerSideStore({});
+    this._gridOptions.api.refreshServerSideStore({ purge: true });
   }
   changeValues(changes, rowIds) {
     if (this._grid === undefined) {
@@ -112361,6 +112365,75 @@ class AgGridController {
     this.goToPage(0);
     this._gridOptions.api.refreshServerSideStore({ purge: true });
   }
+  isLastOfPage() {
+    return this._isLastRecordOfPage;
+  }
+  isFirstOfPage() {
+    return this._isFirstRecordOfPage;
+  }
+  previousRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isFirstRecordOfPage && pagination.hasPrevious) {
+      this.previousPage();
+    }
+    else {
+      if (this._dataUnit) {
+        this._dataUnit.previousRecord();
+      }
+      else {
+        const node = this._gridOptions.api.getSelectedNodes()[0];
+        this.setSelectedIndex(node.rowIndex - 1);
+      }
+    }
+  }
+  nextRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isLastRecordOfPage && pagination.hasNext) {
+      this.nextPage();
+    }
+    else {
+      if (this._dataUnit) {
+        this._dataUnit.nextRecord();
+      }
+      else {
+        const node = this._gridOptions.api.getSelectedNodes()[0];
+        this.setSelectedIndex(node.rowIndex + 1);
+      }
+    }
+  }
+  setSelectedIndex(index) {
+    var _a;
+    (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
+  }
+  hasPreviousRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isFirstRecordOfPage) {
+      return pagination.hasPrevious;
+    }
+    else {
+      if (this._dataUnit) {
+        return this._dataUnit.hasPrevious();
+      }
+      else {
+        return pagination.hasPrevious || this._gridOptions.api.getSelectedRows()[0].rowIndex > 0;
+      }
+    }
+  }
+  hasNextRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isLastRecordOfPage) {
+      return pagination.hasNext;
+    }
+    else {
+      if (this._dataUnit) {
+        return this._dataUnit.hasNext() || this.getPaginationStatus().hasNext;
+      }
+      else {
+        const api = this._gridOptions.api;
+        return pagination.hasNext || api.getSelectedRows()[0].rowIndex < api.getDisplayedRowCount();
+      }
+    }
+  }
   buildColDef(source) {
     return {
       headerName: source.label,
@@ -112442,31 +112515,44 @@ class AgGridController {
     return false;
   }
   onSelectionChange(e) {
+    const selectedNodes = e.api.getSelectedNodes();
+    if (selectedNodes.length > 0) {
+      this._isFirstRecordOfPage = selectedNodes[0].rowIndex === e.api.getFirstDisplayedRow();
+      this._isLastRecordOfPage = selectedNodes[0].rowIndex === e.api.getLastDisplayedRow();
+    }
     if (this._selectionChangeCallback) {
-      this._selectionChangeCallback(e.api.getSelectedRows());
+      this._selectionChangeCallback({
+        selection: e.api.getSelectedRows(),
+        isFirstOfPage: this._isFirstRecordOfPage,
+        isLastOfPage: this._isLastRecordOfPage
+      });
     }
   }
   onPaginationChange() {
+    this.syncSelection();
     if (this._paginationChangeCallback) {
       if (this._gridOptions.api) {
-        const api = this._gridOptions.api;
-        const currentPage = api.paginationGetCurrentPage();
-        const isLastPage = api.paginationGetTotalPages() === (currentPage + 1);
-        const pageSize = api.paginationGetPageSize();
-        const totalRows = api.paginationGetRowCount();
-        const pageStart = currentPage * pageSize + 1;
-        const pageEnd = Math.min(totalRows, (currentPage + 1) * pageSize);
-        this._paginationChangeCallback({
-          hasPrevious: currentPage > 0,
-          hasNext: !isLastPage,
-          currentPage: currentPage + 1,
-          pageStart,
-          pageEnd,
-          totalRows
-        });
+        this._paginationChangeCallback(this.getPaginationStatus());
       }
     }
   }
+  getPaginationStatus() {
+    const api = this._gridOptions.api;
+    const currentPage = api.paginationGetCurrentPage();
+    const isLastPage = api.paginationGetTotalPages() === (currentPage + 1);
+    const pageSize = api.paginationGetPageSize();
+    const totalRows = api.paginationGetRowCount();
+    const pageStart = currentPage * pageSize + 1;
+    const pageEnd = Math.min(totalRows, (currentPage + 1) * pageSize);
+    return {
+      hasPrevious: currentPage > 0,
+      hasNext: !isLastPage,
+      currentPage: currentPage + 1,
+      pageStart,
+      pageEnd,
+      totalRows
+    };
+  }
   onRowDoubleClick(evt) {
     if (this._doubleClickCallBack) {
       this._doubleClickCallBack(evt.data);
@@ -112490,10 +112576,6 @@ class DataUnitBridge {
           const { records } = action.payload;
           this._gridController.removeRows(records);
           break;
-        case Action.RECORDS_ADDED:
-        case Action.RECORDS_COPIED:
-          this._gridController.addRows(action.payload);
-          break;
         case Action.EDITION_CANCELED:
         case Action.DATA_SAVED:
           this._gridController.refresh();
@@ -112502,6 +112584,10 @@ class DataUnitBridge {
           const { selection } = action.payload;
           this._gridController.selectRows(selection);
           break;
+        case Action.NEXT_SELECTED:
+        case Action.PREVIOUS_SELECTED:
+          this._gridController.selectRows(this._dataUnit.getSelection());
+          break;
         case Action.DATA_CHANGED:
           const changes = Object.assign({}, action.payload);
           delete changes.records;
@@ -112607,6 +112693,74 @@ let EzGrid$1 = class extends HTMLElement$1 {
   async quickFilter(term) {
     this._gridController.quickFilter(term);
   }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async nextPage() {
+    this._gridController.nextPage();
+  }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async previousPage() {
+    this._gridController.previousPage();
+  }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async hasNextPage() {
+    return new Promise(resolve => {
+      resolve(this._navigationHasNext);
+    });
+  }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async hasPreviousPage() {
+    return new Promise(resolve => {
+      resolve(this._navigationHasPrevious);
+    });
+  }
+  /**
+  * Método para verificar se o registro selecionado é o ultimo da página.
+  */
+  async isLastOfPage() {
+    return new Promise(resolve => {
+      resolve(this._gridController.isLastOfPage());
+    });
+  }
+  /**
+  * Método para verificar se o registro selecionado é o primeiro da página.
+  */
+  async isFirstOfPage() {
+    return new Promise(resolve => {
+      resolve(this._gridController.isFirstOfPage());
+    });
+  }
+  /**
+  * Método para navegar para o proxímo registro da grid.
+  */
+  async nextRecord() {
+    this._gridController.nextRecord();
+  }
+  /**
+  * Método para navegar para o registro anterior da grid.
+  */
+  async previousRecord() {
+    this._gridController.previousRecord();
+  }
+  /**
+  * Método para verificar se existem proximos registros.
+  */
+  async hasNextRecord() {
+    return Promise.resolve(this._gridController.hasNextRecord());
+  }
+  /**
+  * Método para verificar se existem registros anteriores.
+  */
+  async hasPreviousRecord() {
+    return Promise.resolve(this._gridController.hasPreviousRecord());
+  }
   componentWillLoad() {
     if (this.dataUnit) {
       this._dataUnitBridge = new DataUnitBridge(this._gridController, this.dataUnit);
@@ -112679,7 +112833,7 @@ let EzGrid$1 = class extends HTMLElement$1 {
   componentDidLoad() {
     this._gridController.initDatagrid(this._container, {
       onColumnStateChange: (type, state, info) => this.onColumnStateChange(type, state, info),
-      onSelectionChange: (selection) => this.ezSelectionChange.emit(selection),
+      onSelectionChange: (state) => this.ezSelectionChange.emit(state.selection),
       onPaginationChange: (status) => {
         this._navigationHasPrevious = status.hasPrevious;
         this._navigationHasNext = status.hasNext;
@@ -112713,8 +112867,8 @@ let EzGrid$1 = class extends HTMLElement$1 {
     }
     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" }, `${this._navigationFirstRow}-${this._navigationLastRow}`), ` de ${this._navigationTotalRows}`),
-      h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasPrevious, onClick: () => this._gridController.previousPage(), label: "P\u00E1gina anterior" }),
-      h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasNext, onClick: () => this._gridController.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })
+      h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasPrevious, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }),
+      h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasNext, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })
     ];
   }
   applyConfig(config) {

package/dist/esm/ez-grid.entry.js

@@ -110059,8 +110059,11 @@ class DataSource {
 
 class AgGridController {
   constructor(enterprise) {
+    this.DEFAULT_ROW_HEIGHT = 25;
     this._menuItems = [];
     this._idAttribName = "__record__id__";
+    this._isFirstRecordOfPage = true;
+    this._isLastRecordOfPage = false;
     this._enterprise = enterprise;
   }
   getSort() {
@@ -110088,7 +110091,9 @@ class AgGridController {
       this._pageSize = options.pageSize;
       this._serverURL = options.serverURL;
       this._dataUnit = options.dataUnit;
-      this._dataUnit.sortingProvider = this;
+      if (this._dataUnit) {
+        this._dataUnit.sortingProvider = this;
+      }
       this._dataSource = new DataSource(this._dataUnit, this._serverURL);
       this._gridOptions = {
         localeText: gridTerms,
@@ -110097,7 +110102,7 @@ class AgGridController {
         rowSelection: this._multipleSelection ? "multiple" : "single",
         serverSideDatasource: this._dataSource,
         sortingOrder: ['desc', 'asc', null],
-        getRowNodeId: (params) => typeof params === "string" ? params : params[this._idAttribName],
+        getRowNodeId: this._dataUnit ? (params) => typeof params === "string" ? params : params[this._idAttribName] : undefined,
         getMainMenuItems: (params) => {
           const column = params.column;
           const items = [column.isPinned() ? "clearPinned" : "pinLeft", "separator"];
@@ -110107,14 +110112,12 @@ class AgGridController {
           }));
           return items;
         },
-        getRowHeight: () => {
-          //FIXME: Existe um bug no PartialStore.prototype.destroyAllBlocks do ag-grid, pois
-          //apesar de destruir os blocos, mantém a variável "blockHeights" com o tamanho antigo
-          //dos blocos, então, quando removemos uma linha, a altura do bloco não é recalculada.
-          //Descobri que setando manualmente a altura das linhas, apesar do bloco ficar com 
-          //tamanho errado, isso afeta menos o componente.
-          return 25;
-        }
+        //FIXME: Existe um bug no PartialStore.prototype.destroyAllBlocks do ag-grid, pois
+        //apesar de destruir os blocos, mantém a variável "blockHeights" com o tamanho antigo
+        //dos blocos, então, quando removemos uma linha, a altura do bloco não é recalculada.
+        //Descobri que setando manualmente a altura das linhas, apesar do bloco ficar com 
+        //tamanho errado, isso afeta menos o componente.
+        rowHeight: this.DEFAULT_ROW_HEIGHT
       };
       this.setOptionsEvents(this._gridOptions);
       this.setOptionsPagination(this._gridOptions);
@@ -110137,16 +110140,17 @@ class AgGridController {
     opt.onPaginationChanged = () => this.onPaginationChange();
     opt.onRowDoubleClicked = evt => this.onRowDoubleClick(evt);
     opt.onDragStopped = evt => this.onCallStateChange("columnMovedEnd", evt);
-    opt.onViewportChanged = () => {
-      if (this._dataUnit) {
-        this.selectRows(this._dataUnit.getSelection());
-      }
-    };
+  }
+  syncSelection() {
+    if (this._dataUnit) {
+      this.selectRows(this._dataUnit.getSelection());
+    }
   }
   setOptionsPagination(opt) {
     opt.pagination = (this._pageSize > -1);
     opt.paginationPageSize = this._pageSize;
     opt.cacheBlockSize = this._pageSize;
+    opt.maxBlocksInCache = 1;
   }
   setOptionsSupress(opt) {
     opt.suppressDragLeaveHidesColumns = true;
@@ -110182,7 +110186,7 @@ class AgGridController {
     if (this._grid === undefined) {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
-    this._gridOptions.api.refreshServerSideStore({});
+    this._gridOptions.api.refreshServerSideStore({ purge: true });
   }
   changeValues(changes, rowIds) {
     if (this._grid === undefined) {
@@ -110319,6 +110323,75 @@ class AgGridController {
     this.goToPage(0);
     this._gridOptions.api.refreshServerSideStore({ purge: true });
   }
+  isLastOfPage() {
+    return this._isLastRecordOfPage;
+  }
+  isFirstOfPage() {
+    return this._isFirstRecordOfPage;
+  }
+  previousRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isFirstRecordOfPage && pagination.hasPrevious) {
+      this.previousPage();
+    }
+    else {
+      if (this._dataUnit) {
+        this._dataUnit.previousRecord();
+      }
+      else {
+        const node = this._gridOptions.api.getSelectedNodes()[0];
+        this.setSelectedIndex(node.rowIndex - 1);
+      }
+    }
+  }
+  nextRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isLastRecordOfPage && pagination.hasNext) {
+      this.nextPage();
+    }
+    else {
+      if (this._dataUnit) {
+        this._dataUnit.nextRecord();
+      }
+      else {
+        const node = this._gridOptions.api.getSelectedNodes()[0];
+        this.setSelectedIndex(node.rowIndex + 1);
+      }
+    }
+  }
+  setSelectedIndex(index) {
+    var _a;
+    (_a = this._gridOptions.api.getDisplayedRowAtIndex(index)) === null || _a === void 0 ? void 0 : _a.setSelected(true);
+  }
+  hasPreviousRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isFirstRecordOfPage) {
+      return pagination.hasPrevious;
+    }
+    else {
+      if (this._dataUnit) {
+        return this._dataUnit.hasPrevious();
+      }
+      else {
+        return pagination.hasPrevious || this._gridOptions.api.getSelectedRows()[0].rowIndex > 0;
+      }
+    }
+  }
+  hasNextRecord() {
+    const pagination = this.getPaginationStatus();
+    if (this._isLastRecordOfPage) {
+      return pagination.hasNext;
+    }
+    else {
+      if (this._dataUnit) {
+        return this._dataUnit.hasNext() || this.getPaginationStatus().hasNext;
+      }
+      else {
+        const api = this._gridOptions.api;
+        return pagination.hasNext || api.getSelectedRows()[0].rowIndex < api.getDisplayedRowCount();
+      }
+    }
+  }
   buildColDef(source) {
     return {
       headerName: source.label,
@@ -110400,31 +110473,44 @@ class AgGridController {
     return false;
   }
   onSelectionChange(e) {
+    const selectedNodes = e.api.getSelectedNodes();
+    if (selectedNodes.length > 0) {
+      this._isFirstRecordOfPage = selectedNodes[0].rowIndex === e.api.getFirstDisplayedRow();
+      this._isLastRecordOfPage = selectedNodes[0].rowIndex === e.api.getLastDisplayedRow();
+    }
     if (this._selectionChangeCallback) {
-      this._selectionChangeCallback(e.api.getSelectedRows());
+      this._selectionChangeCallback({
+        selection: e.api.getSelectedRows(),
+        isFirstOfPage: this._isFirstRecordOfPage,
+        isLastOfPage: this._isLastRecordOfPage
+      });
     }
   }
   onPaginationChange() {
+    this.syncSelection();
     if (this._paginationChangeCallback) {
       if (this._gridOptions.api) {
-        const api = this._gridOptions.api;
-        const currentPage = api.paginationGetCurrentPage();
-        const isLastPage = api.paginationGetTotalPages() === (currentPage + 1);
-        const pageSize = api.paginationGetPageSize();
-        const totalRows = api.paginationGetRowCount();
-        const pageStart = currentPage * pageSize + 1;
-        const pageEnd = Math.min(totalRows, (currentPage + 1) * pageSize);
-        this._paginationChangeCallback({
-          hasPrevious: currentPage > 0,
-          hasNext: !isLastPage,
-          currentPage: currentPage + 1,
-          pageStart,
-          pageEnd,
-          totalRows
-        });
+        this._paginationChangeCallback(this.getPaginationStatus());
       }
     }
   }
+  getPaginationStatus() {
+    const api = this._gridOptions.api;
+    const currentPage = api.paginationGetCurrentPage();
+    const isLastPage = api.paginationGetTotalPages() === (currentPage + 1);
+    const pageSize = api.paginationGetPageSize();
+    const totalRows = api.paginationGetRowCount();
+    const pageStart = currentPage * pageSize + 1;
+    const pageEnd = Math.min(totalRows, (currentPage + 1) * pageSize);
+    return {
+      hasPrevious: currentPage > 0,
+      hasNext: !isLastPage,
+      currentPage: currentPage + 1,
+      pageStart,
+      pageEnd,
+      totalRows
+    };
+  }
   onRowDoubleClick(evt) {
     if (this._doubleClickCallBack) {
       this._doubleClickCallBack(evt.data);
@@ -110448,10 +110534,6 @@ class DataUnitBridge {
           const { records } = action.payload;
           this._gridController.removeRows(records);
           break;
-        case Action.RECORDS_ADDED:
-        case Action.RECORDS_COPIED:
-          this._gridController.addRows(action.payload);
-          break;
         case Action.EDITION_CANCELED:
         case Action.DATA_SAVED:
           this._gridController.refresh();
@@ -110460,6 +110542,10 @@ class DataUnitBridge {
           const { selection } = action.payload;
           this._gridController.selectRows(selection);
           break;
+        case Action.NEXT_SELECTED:
+        case Action.PREVIOUS_SELECTED:
+          this._gridController.selectRows(this._dataUnit.getSelection());
+          break;
         case Action.DATA_CHANGED:
           const changes = Object.assign({}, action.payload);
           delete changes.records;
@@ -110564,6 +110650,74 @@ let EzGrid = class {
   async quickFilter(term) {
     this._gridController.quickFilter(term);
   }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async nextPage() {
+    this._gridController.nextPage();
+  }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async previousPage() {
+    this._gridController.previousPage();
+  }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async hasNextPage() {
+    return new Promise(resolve => {
+      resolve(this._navigationHasNext);
+    });
+  }
+  /**
+  * Método para fazer um filtro rápido na grid.
+  */
+  async hasPreviousPage() {
+    return new Promise(resolve => {
+      resolve(this._navigationHasPrevious);
+    });
+  }
+  /**
+  * Método para verificar se o registro selecionado é o ultimo da página.
+  */
+  async isLastOfPage() {
+    return new Promise(resolve => {
+      resolve(this._gridController.isLastOfPage());
+    });
+  }
+  /**
+  * Método para verificar se o registro selecionado é o primeiro da página.
+  */
+  async isFirstOfPage() {
+    return new Promise(resolve => {
+      resolve(this._gridController.isFirstOfPage());
+    });
+  }
+  /**
+  * Método para navegar para o proxímo registro da grid.
+  */
+  async nextRecord() {
+    this._gridController.nextRecord();
+  }
+  /**
+  * Método para navegar para o registro anterior da grid.
+  */
+  async previousRecord() {
+    this._gridController.previousRecord();
+  }
+  /**
+  * Método para verificar se existem proximos registros.
+  */
+  async hasNextRecord() {
+    return Promise.resolve(this._gridController.hasNextRecord());
+  }
+  /**
+  * Método para verificar se existem registros anteriores.
+  */
+  async hasPreviousRecord() {
+    return Promise.resolve(this._gridController.hasPreviousRecord());
+  }
   componentWillLoad() {
     if (this.dataUnit) {
       this._dataUnitBridge = new DataUnitBridge(this._gridController, this.dataUnit);
@@ -110636,7 +110790,7 @@ let EzGrid = class {
   componentDidLoad() {
     this._gridController.initDatagrid(this._container, {
       onColumnStateChange: (type, state, info) => this.onColumnStateChange(type, state, info),
-      onSelectionChange: (selection) => this.ezSelectionChange.emit(selection),
+      onSelectionChange: (state) => this.ezSelectionChange.emit(state.selection),
       onPaginationChange: (status) => {
         this._navigationHasPrevious = status.hasPrevious;
         this._navigationHasNext = status.hasNext;
@@ -110670,8 +110824,8 @@ let EzGrid = class {
     }
     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" }, `${this._navigationFirstRow}-${this._navigationLastRow}`), ` de ${this._navigationTotalRows}`),
-      h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasPrevious, onClick: () => this._gridController.previousPage(), label: "P\u00E1gina anterior" }),
-      h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasNext, onClick: () => this._gridController.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })
+      h("ez-button", { size: "small", iconName: "chevron-left", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasPrevious, onClick: () => this.previousPage(), label: "P\u00E1gina anterior" }),
+      h("ez-button", { size: "small", iconName: "chevron-right", class: "ez-margin-right--medium", mode: "icon", enabled: this._navigationHasNext, onClick: () => this.nextPage(), label: "Pr\u00F3xima P\u00E1gina" })
     ];
   }
   applyConfig(config) {