@den4ik92/ng2-smart-table 19.5.50 → 19.6.0

package/lib/components/cell/cell-view-mode/custom-view.component.d.ts

@@ -2,6 +2,10 @@ import { Cell } from '../../../lib/data-set/cell';
 import * as i0 from "@angular/core";
 export declare class CustomViewComponent {
     readonly cell: import("@angular/core").InputSignal<Cell>;
+    readonly inputs: import("@angular/core").Signal<{
+        rowData: any;
+        value: any;
+    }>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomViewComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CustomViewComponent, "ng2-custom-view-component", never, { "cell": { "alias": "cell"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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-set/column.d.ts

@@ -1,3 +1,4 @@
+import { ComponentType } from '@angular/cdk/portal';
 import { SmartTableCompareFunction, SmartTableEditorAndFilter, SmartTableFilterFunction, SmartTableValuePrepareFunction } from '../interfaces/smart-table.models';
 import { SmartTableColumnSettings, SmartTableColumnSettingsTypes } from './../interfaces/smart-table.models';
 import { DataSet } from './data-set';
@@ -17,7 +18,8 @@ export declare class Column {
     isFilterable: boolean;
     editor: SmartTableEditorAndFilter | false;
     filter: SmartTableEditorAndFilter | false;
-    renderComponent: any;
+    renderComponent?: ComponentType<any>;
+    renderComponentInputs: Record<string, any>;
     compareFunction?: SmartTableCompareFunction;
     valuePrepareFunction?: SmartTableValuePrepareFunction;
     filterFunction?: SmartTableFilterFunction;

package/lib/lib/interfaces/smart-table.models.d.ts

@@ -1,3 +1,4 @@
+import { ComponentType } from '@angular/cdk/portal';
 import { InputSignal } from '@angular/core';
 import { Cell } from '../data-set/cell';
 import { DataSource } from '../data-source/data-source';
@@ -105,7 +106,15 @@ interface SmartTableTextHtmlColumn<T extends BaseDataType> extends SmartTableDef
 }
 interface SmartTableCustomColumn<T extends BaseDataType> extends SmartTableDefaultColumn<T> {
     type: 'custom';
-    renderComponent: any;
+    renderComponent: ComponentType<any>;
+    /**
+     * @description you can set any component inputs.
+     *
+     * inputs value is not updated when changed. set once onInit.
+     *
+     * make sure to set the correct input name to prevent setInput error
+     */
+    renderComponentInputs?: Record<string, any>;
 }
 export type SmartTableEditorAndFilterTypes = 'text' | 'textarea' | 'list' | 'custom' | 'checkbox';
 export type SmartTableEditorAndFilter = SmartTableTextEditor | SmartTableEditorList | SmartTableEditorCheckbox | SmartTableEditorCustom;

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,40 @@ 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]="paginationSlot">
+     * </ng2-smart-table>
+     * <div #paginationSlot>
+     * </div>
+     */
+    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 +62,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 +83,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.50",
+  "version": "19.6.0",
   "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",