@den4ik92/ng2-smart-table 19.5.51 → 19.6.1

package/lib/components/pager/pager.component.d.ts

@@ -1,7 +1,9 @@
+import { TemplateRef } from '@angular/core';
 import { DataSource } from '../../lib/data-source/data-source';
 import * as i0 from "@angular/core";
 export declare class PagerComponent {
     readonly source: import("@angular/core").InputSignal<DataSource<any>>;
+    readonly content: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     protected readonly pagingConf: import("@angular/core").Signal<import("@den4ik92/ng2-smart-table").SmartTablePagerSettings>;
     protected readonly currentPerPage: import("@angular/core").Signal<number>;
     protected readonly currentPage: import("@angular/core").Signal<number>;
@@ -18,5 +20,5 @@ export declare class PagerComponent {
     getPages(current: number, last: number, total: number): (string | number)[];
     onChangePerPage(target: HTMLSelectElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PagerComponent, "ng2-smart-table-pager", never, { "source": { "alias": "source"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerComponent, "ng2-smart-table-pager", never, { "source": { "alias": "source"; "required": true; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/lib/lib/data-source/server/server.data-source.d.ts

@@ -14,9 +14,10 @@ export type RequestFunction<T extends Record<string, any> = any> = (params: Http
 }>;
 export declare class ServerDataSource<T extends Record<string, any> = any> extends DataSource<T> {
     private initPagingConf?;
-    readonly count: import("@angular/core").Signal<number>;
     paramPrepareFunction: ParamsPrepareFunction;
     requestFunction: RequestFunction<T>;
+    readonly count: import("@angular/core").Signal<number>;
+    readonly pending: import("@angular/core").WritableSignal<boolean>;
     constructor(paramPrepareFunction: ParamsPrepareFunction, requestFunction: RequestFunction<T>, initPagingConf?: Partial<SmartTablePagerSettings> | undefined);
     getAll(): Promise<T[]>;
     emitOnChanged(eventData: SmartTableOnChangedEventToEmit, newElements?: T[] | undefined): void;

package/lib/ng2-smart-table.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ElementRef, NgZone, OnChanges, OnDestroy, SimpleChange } from '@angular/core';
+import { AfterViewInit, ElementRef, Injector, NgZone, OnChanges, OnDestroy, SimpleChange, TemplateRef, ViewContainerRef } from '@angular/core';
 import { Row } from './lib/data-set/row';
 import { DataSource } from './lib/data-source/data-source';
 import { Grid } from './lib/grid';
@@ -7,8 +7,44 @@ import * as i0 from "@angular/core";
 export declare class Ng2SmartTableComponent<T extends BaseDataType = any> implements OnChanges, OnDestroy, AfterViewInit {
     private elementRef;
     private ngZone;
+    private injector;
     readonly source: import("@angular/core").InputSignal<DataSource<T>>;
     readonly settings: import("@angular/core").InputSignal<SmartTableSettings<T>>;
+    /**
+     * @description If you want to display pagination in your custom container, you can pass it to "paginationSlot".
+     * @example
+     * <ng2-smart-table
+     *    [paginationSlot]="paginationContainerRef()">
+     * </ng2-smart-table>
+     * <div #paginationSlot>
+     * </div>
+     * inside component
+     * readonly paginationContainerRef = viewChild<'paginationSlot', ViewContainerRef>('paginationSlot', {
+     *  read: ViewContainerRef,
+     * });
+     */
+    readonly paginationSlot: import("@angular/core").InputSignal<ViewContainerRef | undefined>;
+    /**
+     * @description if you want to render custom data inside a container with pagination you can pass a TemplateRef
+     * @example
+     * <ng2-smart-table
+     *    [paginationTemplateData]="paginationData"
+     * >
+     * </ng2-smart-table>
+     * <ng-template #paginationData
+     * >
+     *    any data
+     * </ng-template>
+     * ----- or another option, will work only if you do not use paginationSlot
+     * <ng2-smart-table
+     *    [paginationTemplateData]="paginationData"
+     * >
+     *    <ng-container pager-content>
+     *        some content will be rendered in the pager
+     *    </ng-container>
+     * </ng2-smart-table>
+     */
+    readonly paginationTemplateData: import("@angular/core").InputSignal<TemplateRef<unknown> | undefined>;
     readonly multiRowSelect: import("@angular/core").OutputEmitterRef<SmartTableRowSelectEvent<T>>;
     readonly rowClicked: import("@angular/core").OutputEmitterRef<SmartTableRowClickedEvent<T>>;
     readonly columnsSorted: import("@angular/core").OutputEmitterRef<ColumnPositionState[]>;
@@ -30,7 +66,8 @@ export declare class Ng2SmartTableComponent<T extends BaseDataType = any> implem
     private readonly isExternalMode;
     private resizeObserver;
     private resizeDebounceTimer;
-    constructor(elementRef: ElementRef, ngZone: NgZone);
+    private paginationComponentRef;
+    constructor(elementRef: ElementRef, ngZone: NgZone, injector: Injector);
     ngOnChanges({ settings }: Record<string, SimpleChange>): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -50,5 +87,5 @@ export declare class Ng2SmartTableComponent<T extends BaseDataType = any> implem
     private setupResizeObserver;
     private destroyResizeObserver;
     static ɵfac: i0.ɵɵFactoryDeclaration<Ng2SmartTableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Ng2SmartTableComponent<any>, "ng2-smart-table", never, { "source": { "alias": "source"; "required": true; "isSignal": true; }; "settings": { "alias": "settings"; "required": true; "isSignal": true; }; }, { "multiRowSelect": "multiRowSelect"; "rowClicked": "rowClicked"; "columnsSorted": "columnsSorted"; "deleteEmitter": "deleteEmitter"; "deleteConfirm": "deleteConfirm"; "edit": "edit"; "editConfirm": "editConfirm"; "editCancel": "editCancel"; "create": "create"; "createConfirm": "createConfirm"; "custom": "custom"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Ng2SmartTableComponent<any>, "ng2-smart-table", never, { "source": { "alias": "source"; "required": true; "isSignal": true; }; "settings": { "alias": "settings"; "required": true; "isSignal": true; }; "paginationSlot": { "alias": "paginationSlot"; "required": false; "isSignal": true; }; "paginationTemplateData": { "alias": "paginationTemplateData"; "required": false; "isSignal": true; }; }, { "multiRowSelect": "multiRowSelect"; "rowClicked": "rowClicked"; "columnsSorted": "columnsSorted"; "deleteEmitter": "deleteEmitter"; "deleteConfirm": "deleteConfirm"; "edit": "edit"; "editConfirm": "editConfirm"; "editCancel": "editCancel"; "create": "create"; "createConfirm": "createConfirm"; "custom": "custom"; }, never, ["[pager-content]"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@den4ik92/ng2-smart-table",
-  "version": "19.5.51",
+  "version": "19.6.1",
   "description": "Angular Smart Table",
   "author": "Den4ik92",
   "license": "MIT",
@@ -8,10 +8,10 @@
     "tslib": "^2.6.1"
   },
   "peerDependencies": {
-    "@angular/common": "^19.0.3",
-    "@angular/core": "^19.0.3",
-    "@angular/forms": "^19.0.3",
-    "@angular/cdk": "^19.0.3"
+    "@angular/common": "^19.2.14",
+    "@angular/core": "^19.2.14",
+    "@angular/forms": "^19.2.14",
+    "@angular/cdk": "^19.2.14"
   },
   "module": "fesm2022/den4ik92-ng2-smart-table.mjs",
   "typings": "index.d.ts",