feat(pagination): new pagination snippets

takenet · Aug 27, 2024 · b75b6f4 · b75b6f4
1 parent 81e7b19
commit b75b6f4
Show file tree

Hide file tree

Showing 4 changed files with 617 additions and 8 deletions.
diff --git a/src/components.d.ts b/src/components.d.ts
@@ -5600,6 +5600,10 @@ declare namespace LocalJSX {
         "itemsPage"?: any;
         "language"?: string;
         "numberItems"?: number;
+        /**
+          * Evento emitido quando o valor da página atual é alterado. Pode ser escutado para realizar ações específicas ao mudar de página.
+         */
+        "onBdsItemsPerPageChange"?: (event: BdsPaginationCustomEvent<any>) => void;
         /**
           * Evento emitido quando o valor da página atual é alterado. Pode ser escutado para realizar ações específicas ao mudar de página.
          */

diff --git a/src/components/pagination/pagination.tsx b/src/components/pagination/pagination.tsx
@@ -100,6 +100,11 @@ export class Pagination {
    * Pode ser escutado para realizar ações específicas ao mudar de página.
    */
   @Event() bdsPaginationChange: EventEmitter;
+    /**
+   * Evento emitido quando o valor da página atual é alterado.
+   * Pode ser escutado para realizar ações específicas ao mudar de página.
+   */
+     @Event() bdsItemsPerPageChange: EventEmitter;
 
   // Variável que armazena o número do primeiro item sendo exibido na página atual
   startItem: number;
@@ -132,15 +137,14 @@ export class Pagination {
       try {
         this.itemsPage = JSON.parse(this.itemsPage.replace(/'/g, '"'));
       } catch (error) {
-        console.error('Failed to parse itemsPage:', error);
         this.itemsPage = [];
       }
     }
   }
 
   countItem() {
-    this.pages = this.numberItems / this.itemValue;
-    console.log(this.numberItems, this.itemValue, this.pages);
+    const pages = this.numberItems / this.itemValue;
+    this.pages = Math.ceil(pages);
   }
 
   countPage() {
@@ -209,19 +213,19 @@ export class Pagination {
     this.updateItemRange();
   }
 
+  @Watch('itemValue')
   itemSelected(index) {
     this.itemValue = index;
     this.itemsPerPage = index;
     this.openOptions();
     this.countItem();
     this.updateItemRange();
+    this.bdsItemsPerPageChange.emit(this.itemsPerPage);
   }
 
   updateItemRange() {
-    console.log(this.value, this.itemsPerPage);
     this.startItem = (this.value - 1) * this.itemsPerPage + 1;
     this.endItem = Math.min(this.value * this.itemsPerPage, this.numberItems);
-    console.log(this.startItem, this.endItem);
   }
 
   get currentLanguage() {

diff --git a/src/components/pagination/readme.md b/src/components/pagination/readme.md
@@ -25,9 +25,10 @@
 
 ## Events
 
-| Event                 | Description                                                                                                                     | Type               |
-| --------------------- | ------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
-| `bdsPaginationChange` | Evento emitido quando o valor da página atual é alterado. Pode ser escutado para realizar ações específicas ao mudar de página. | `CustomEvent<any>` |
+| Event                   | Description                                                                                                                     | Type               |
+| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------- | ------------------ |
+| `bdsItemsPerPageChange` | Evento emitido quando o valor da página atual é alterado. Pode ser escutado para realizar ações específicas ao mudar de página. | `CustomEvent<any>` |
+| `bdsPaginationChange`   | Evento emitido quando o valor da página atual é alterado. Pode ser escutado para realizar ações específicas ao mudar de página. | `CustomEvent<any>` |
 
 
 ## Dependencies