@den4ik92/ng2-smart-table 19.6.0 → 19.6.1

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 }));
@@ -2527,10 +2531,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();
         /**