@3kles/kles-material-table-v2 22.1.0 → 22.1.1

package/fesm2022/3kles-kles-material-table-v2.mjs

@@ -4009,7 +4009,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 }] }] });
 
 class HeaderService {
-    constructor(fm, filterService, filterStore, datasourceService, loader, columnsService, eventsService) {
+    constructor(fm, filterService, filterStore, datasourceService, loader, columnsService, eventsService, paginatorService) {
         this.fm = fm;
         this.filterService = filterService;
         this.filterStore = filterStore;
@@ -4017,6 +4017,7 @@ class HeaderService {
         this.loader = loader;
         this.columnsService = columnsService;
         this.eventsService = eventsService;
+        this.paginatorService = paginatorService;
         this.destroyRef = inject(DestroyRef);
         this.filterableColumns = this.columnsService
             .columns()
@@ -4057,6 +4058,7 @@ class HeaderService {
             changedFilter: undefined,
         }))
             .subscribe(({ filters, changedFilter }) => {
+            this.paginatorService.firstPage();
             if (this.filterService) {
                 const prepared = this.filterService.formatData(filters);
                 this.datasourceService.datasource.filter = JSON.stringify(prepared);
@@ -4082,7 +4084,7 @@ class HeaderService {
             this.fm.getHeader().patchValue(header, { emitEvent: false });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: HeaderService, deps: [{ token: KlesForm }, { token: FilterService, optional: true }, { token: FilterStore, optional: true }, { token: DATASOURCE_SERVICE }, { token: LOADER_SERVICE }, { token: ColumnsService }, { token: EventsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: HeaderService, deps: [{ token: KlesForm }, { token: FilterService, optional: true }, { token: FilterStore, optional: true }, { token: DATASOURCE_SERVICE }, { token: LOADER_SERVICE }, { token: ColumnsService }, { token: EventsService }, { token: PaginatorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: HeaderService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: HeaderService, decorators: [{
@@ -4097,14 +4099,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOADER_SERVICE]
-                }] }, { type: ColumnsService }, { type: EventsService }] });
+                }] }, { type: ColumnsService }, { type: EventsService }, { type: PaginatorService }] });
 class HeaderLazyService {
-    constructor(fm, filterStore, loader, columnsService, eventsService) {
+    constructor(fm, filterStore, loader, columnsService, eventsService, paginatorService) {
         this.fm = fm;
         this.filterStore = filterStore;
         this.loader = loader;
         this.columnsService = columnsService;
         this.eventsService = eventsService;
+        this.paginatorService = paginatorService;
         this.destroyRef = inject(DestroyRef);
         this.filterableColumns = this.columnsService
             .columns()
@@ -4145,6 +4148,7 @@ class HeaderLazyService {
             changedFilter: undefined,
         }))
             .subscribe(({ filters, changedFilter }) => {
+            this.paginatorService.firstPage();
             this.filterStore?.setFilters(filters);
             this.eventsService.emit('filterChange', {
                 filters,
@@ -4162,7 +4166,7 @@ class HeaderLazyService {
             this.fm.getHeader().patchValue(header, { emitEvent: false });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: HeaderLazyService, deps: [{ token: KlesForm }, { token: FilterStore, optional: true }, { token: LOADER_SERVICE }, { token: ColumnsService }, { token: EventsService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: HeaderLazyService, deps: [{ token: KlesForm }, { token: FilterStore, optional: true }, { token: LOADER_SERVICE }, { token: ColumnsService }, { token: EventsService }, { token: PaginatorService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: HeaderLazyService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: HeaderLazyService, decorators: [{
@@ -4172,7 +4176,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [LOADER_SERVICE]
-                }] }, { type: ColumnsService }, { type: EventsService }] });
+                }] }, { type: ColumnsService }, { type: EventsService }, { type: PaginatorService }] });
 
 function getMultipleValuesInSingleSelectionError() {
     return Error('Cannot pass multiple values into SelectionModel with single-value mode.');