@den4ik92/ng2-smart-table 19.6.0 → 19.6.2

package/fesm2022/den4ik92-ng2-smart-table.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { input, computed, ChangeDetectionStrategy, Component, signal, effect, inject, ElementRef, Directive, untracked, ViewContainerRef, ViewChild, output, viewChild } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { UntypedFormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { distinctUntilChanged, debounceTime, takeUntil, switchMap, take } from 'rxjs/operators';
+import { distinctUntilChanged, debounceTime, takeUntil, switchMap, take, finalize } from 'rxjs/operators';
 import * as i1$2 from '@angular/cdk/overlay';
 import { Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
 import * as i1$1 from '@angular/cdk/portal';
@@ -749,6 +749,7 @@ class ServerDataSource extends DataSource {
         super();
         this.initPagingConf = initPagingConf;
         this.count = computed(() => this.pagingConf().total);
+        this.pending = signal(false);
         this.pagingConf.update((old) => ({ ...old, ...this.initPagingConf }));
         this.paramPrepareFunction = paramPrepareFunction;
         this.requestFunction = requestFunction;
@@ -764,13 +765,16 @@ class ServerDataSource extends DataSource {
             SmartTableOnChangedEventName.paging,
             SmartTableOnChangedEventName.refresh,
         ].includes(eventData.action)) {
+            this.pending.set(true);
             this.paramPrepareFunction({
                 sort: this.sortConf(),
                 filters: this.filters(),
                 page: this.pagingConf().page,
                 limit: this.pagingConf().perPage,
             })
-                .pipe(switchMap((params) => this.requestFunction(params)), take(1))
+                .pipe(switchMap((params) => this.requestFunction(params)), take(1), finalize(() => {
+                this.pending.set(false);
+            }))
                 .subscribe((res) => {
                 this.data.set(res.data);
                 this.pagingConf.update((old) => ({ ...old, total: res.total }));
@@ -2184,7 +2188,8 @@ class DataSet {
         this.storeSelectedRow(row);
     }
     multipleSelectRow(row) {
-        row.isSelected.set(!row.isSelected());
+        row.isSelected.update((old) => !old);
+        console.log('row', row);
         this.storeSelectedRow(row);
         return row;
     }
@@ -2228,7 +2233,7 @@ class DataSet {
             this.selectedRowsData.push(row.rowData());
         }
         else {
-            const index = this.selectedRowsData.findIndex((rowData) => isObjectsIdentical(rowData, row));
+            const index = this.selectedRowsData.findIndex((rowData) => isObjectsIdentical(rowData, row.rowData()));
             if (index !== -1) {
                 this.selectedRowsData.splice(index, 1);
             }
@@ -2527,10 +2532,14 @@ class Ng2SmartTableComponent {
          * @description If you want to display pagination in your custom container, you can pass it to "paginationSlot".
          * @example
          * <ng2-smart-table
-         *    [paginationSlot]="paginationSlot">
+         *    [paginationSlot]="paginationContainerRef()">
          * </ng2-smart-table>
          * <div #paginationSlot>
          * </div>
+         * inside component
+         * readonly paginationContainerRef = viewChild<'paginationSlot', ViewContainerRef>('paginationSlot', {
+         *  read: ViewContainerRef,
+         * });
          */
         this.paginationSlot = input();
         /**