@swimlane/ngx-datatable 20.1.0 → 21.0.0-alpha.1

package/lib/components/body/body-row-wrapper.component.d.ts

@@ -1,32 +1,44 @@
-import { EventEmitter, DoCheck, ChangeDetectorRef, KeyValueDiffers } from '@angular/core';
+import { DoCheck, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { Group, GroupContext, RowDetailContext, RowOrGroup } from '../../types/public.types';
+import { DatatableGroupHeaderDirective } from './body-group-header.directive';
+import { DatatableRowDetailDirective } from '../row-detail/row-detail.directive';
 import * as i0 from "@angular/core";
-export declare class DataTableRowWrapperComponent implements DoCheck {
-    private cd;
-    private differs;
+export declare class DataTableRowWrapperComponent<TRow = any> implements DoCheck, OnInit, OnChanges {
+    checkBoxInput: ElementRef<HTMLInputElement>;
     innerWidth: number;
-    rowDetail: any;
-    groupHeader: any;
+    rowDetail: DatatableRowDetailDirective;
+    groupHeader: DatatableGroupHeaderDirective;
     offsetX: number;
-    detailRowHeight: any;
-    row: any;
-    groupedRows: any;
+    detailRowHeight: number;
+    groupHeaderRowHeight: number;
+    row: RowOrGroup<TRow>;
+    groupedRows: Group<TRow>[];
+    disableCheck: (row: RowOrGroup<TRow>) => boolean;
+    selected: TRow[];
     rowContextmenu: EventEmitter<{
         event: MouseEvent;
-        row: any;
+        row: RowOrGroup<TRow>;
     }>;
-    set rowIndex(val: number);
-    get rowIndex(): number;
-    set expanded(val: boolean);
-    get expanded(): boolean;
-    groupContext: any;
-    rowContext: any;
+    rowIndex?: number;
+    selectedGroupRows: import("@angular/core").WritableSignal<TRow[]>;
+    expanded: boolean;
+    groupContext?: GroupContext<TRow>;
+    rowContext?: RowDetailContext<TRow>;
+    disable$: BehaviorSubject<boolean>;
     private rowDiffer;
-    private _expanded;
-    private _rowIndex;
-    constructor(cd: ChangeDetectorRef, differs: KeyValueDiffers);
+    private iterableDiffers;
+    private selectedRowsDiffer;
+    private tableComponent;
+    private cd;
+    protected group: import("@angular/core").Signal<Group<TRow>>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     ngDoCheck(): void;
     onContextmenu($event: MouseEvent): void;
-    getGroupHeaderStyle(): any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableRowWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableRowWrapperComponent, "datatable-row-wrapper", never, { "innerWidth": "innerWidth"; "rowDetail": "rowDetail"; "groupHeader": "groupHeader"; "offsetX": "offsetX"; "detailRowHeight": "detailRowHeight"; "row": "row"; "groupedRows": "groupedRows"; "rowIndex": "rowIndex"; "expanded": "expanded"; }, { "rowContextmenu": "rowContextmenu"; }, never, ["*"]>;
+    onCheckboxChange(groupSelected: boolean): void;
+    isGroup(row: RowOrGroup<TRow>): row is Group<TRow>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableRowWrapperComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableRowWrapperComponent<any>, "datatable-row-wrapper", never, { "innerWidth": { "alias": "innerWidth"; "required": false; }; "rowDetail": { "alias": "rowDetail"; "required": false; }; "groupHeader": { "alias": "groupHeader"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "detailRowHeight": { "alias": "detailRowHeight"; "required": false; }; "groupHeaderRowHeight": { "alias": "groupHeaderRowHeight"; "required": false; }; "row": { "alias": "row"; "required": false; }; "groupedRows": { "alias": "groupedRows"; "required": false; }; "disableCheck": { "alias": "disableCheck"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "rowIndex": { "alias": "rowIndex"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "rowContextmenu": "rowContextmenu"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_expanded: unknown;
 }

package/lib/components/body/body-row.component.d.ts

@@ -1,53 +1,47 @@
-import { ElementRef, KeyValueDiffers, EventEmitter, ChangeDetectorRef, DoCheck } from '@angular/core';
-import { TreeStatus } from './body-cell.component';
-import { ScrollbarHelper } from '../../services/scrollbar-helper.service';
+import { DoCheck, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { ActivateEvent, RowOrGroup, TreeStatus } from '../../types/public.types';
+import { TableColumn } from '../../types/table-column.type';
+import { ColumnGroupWidth, PinnedColumns } from '../../types/internal.types';
 import * as i0 from "@angular/core";
-export declare class DataTableBodyRowComponent implements DoCheck {
-    private differs;
-    private scrollbarHelper;
+export declare class DataTableBodyRowComponent<TRow = any> implements DoCheck, OnChanges {
     private cd;
-    set columns(val: any[]);
-    get columns(): any[];
+    set columns(val: TableColumn[]);
+    get columns(): TableColumn[];
     set innerWidth(val: number);
     get innerWidth(): number;
     expanded: boolean;
-    rowClass: any;
-    row: any;
-    group: any;
+    rowClass?: (row: RowOrGroup<TRow>) => string | Record<string, boolean>;
+    row: TRow;
+    group: TRow[];
     isSelected: boolean;
     rowIndex: number;
-    displayCheck: any;
-    treeStatus: TreeStatus;
+    displayCheck: (row: TRow, column: TableColumn, value?: any) => boolean;
+    treeStatus?: TreeStatus;
+    ghostLoadingIndicator: boolean;
+    verticalScrollVisible: boolean;
+    disable$: BehaviorSubject<boolean>;
     set offsetX(val: number);
     get offsetX(): number;
     get cssClass(): string;
     rowHeight: number;
-    get columnsTotalWidths(): string;
-    activate: EventEmitter<any>;
+    get columnsTotalWidths(): number;
+    activate: EventEmitter<ActivateEvent<TRow>>;
     treeAction: EventEmitter<any>;
-    _element: any;
-    _columnGroupWidths: any;
-    _columnsByPin: any;
+    _element: HTMLElement;
+    _columnGroupWidths: ColumnGroupWidth;
+    _columnsByPin: PinnedColumns[];
     _offsetX: number;
-    _columns: any[];
+    _columns: TableColumn[];
     _innerWidth: number;
-    _groupStyles: {
-        [prop: string]: {};
-    };
     private _rowDiffer;
-    constructor(differs: KeyValueDiffers, scrollbarHelper: ScrollbarHelper, cd: ChangeDetectorRef, element: ElementRef);
+    ngOnChanges(changes: SimpleChanges): void;
     ngDoCheck(): void;
-    trackByGroups(index: number, colGroup: any): any;
-    columnTrackingFn(index: number, column: any): any;
-    buildStylesByGroup(): void;
-    calcStylesByGroup(group: string): {
-        width: string;
-    };
-    onActivate(event: any, index: number): void;
+    onActivate(event: ActivateEvent<TRow>, index: number): void;
     onKeyDown(event: KeyboardEvent): void;
-    onMouseenter(event: any): void;
-    recalculateColumns(val?: any[]): void;
+    onMouseenter(event: MouseEvent): void;
+    recalculateColumns(val?: TableColumn<TRow>[]): void;
     onTreeAction(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableBodyRowComponent, [null, { skipSelf: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableBodyRowComponent, "datatable-body-row", never, { "columns": "columns"; "innerWidth": "innerWidth"; "expanded": "expanded"; "rowClass": "rowClass"; "row": "row"; "group": "group"; "isSelected": "isSelected"; "rowIndex": "rowIndex"; "displayCheck": "displayCheck"; "treeStatus": "treeStatus"; "offsetX": "offsetX"; "rowHeight": "rowHeight"; }, { "activate": "activate"; "treeAction": "treeAction"; }, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableBodyRowComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableBodyRowComponent<any>, "datatable-body-row", never, { "columns": { "alias": "columns"; "required": false; }; "innerWidth": { "alias": "innerWidth"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "row": { "alias": "row"; "required": false; }; "group": { "alias": "group"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "rowIndex": { "alias": "rowIndex"; "required": false; }; "displayCheck": { "alias": "displayCheck"; "required": false; }; "treeStatus": { "alias": "treeStatus"; "required": false; }; "ghostLoadingIndicator": { "alias": "ghostLoadingIndicator"; "required": false; }; "verticalScrollVisible": { "alias": "verticalScrollVisible"; "required": false; }; "disable$": { "alias": "disable$"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; }, { "activate": "activate"; "treeAction": "treeAction"; }, never, never, true, never>;
 }

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

@@ -1,57 +1,73 @@
-import { EventEmitter, ChangeDetectorRef, OnInit, OnDestroy } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
 import { ScrollerComponent } from './scroller.component';
-import { SelectionType } from '../../types/selection.type';
 import { RowHeightCache } from '../../utils/row-height-cache';
+import { TableColumn } from '../../types/table-column.type';
+import { DatatableGroupHeaderDirective } from './body-group-header.directive';
+import { DatatableRowDetailDirective } from '../row-detail/row-detail.directive';
+import { DataTableBodyRowComponent } from './body-row.component';
+import { ColumnGroupWidth } from '../../types/internal.types';
+import { ActivateEvent, DragEventData, Group, RowOrGroup, ScrollEvent, SelectionType, TreeStatus } from '../../types/public.types';
 import * as i0 from "@angular/core";
-export declare class DataTableBodyComponent implements OnInit, OnDestroy {
-    private cd;
+export declare class DataTableBodyComponent<TRow extends {
+    treeStatus?: TreeStatus;
+} = any> implements OnInit, OnDestroy {
+    cd: ChangeDetectorRef;
+    rowDefTemplate?: TemplateRef<any>;
     scrollbarV: boolean;
     scrollbarH: boolean;
     loadingIndicator: boolean;
+    ghostLoadingIndicator: boolean;
     externalPaging: boolean;
     rowHeight: number | 'auto' | ((row?: any) => number);
     offsetX: number;
-    emptyMessage: string;
     selectionType: SelectionType;
     selected: any[];
     rowIdentity: any;
-    rowDetail: any;
-    groupHeader: any;
-    selectCheck: any;
-    displayCheck: any;
+    rowDetail: DatatableRowDetailDirective;
+    groupHeader: DatatableGroupHeaderDirective;
+    selectCheck: (value: TRow, index: number, array: TRow[]) => boolean;
+    displayCheck: (row: TRow, column: TableColumn, value?: any) => boolean;
     trackByProp: string;
-    rowClass: any;
-    groupedRows: any;
+    rowClass: (row: RowOrGroup<TRow>) => string | Record<string, boolean>;
+    groupedRows: Group<TRow>[];
     groupExpansionDefault: boolean;
     innerWidth: number;
-    groupRowsBy: string;
+    groupRowsBy: keyof TRow;
     virtualization: boolean;
     summaryRow: boolean;
     summaryPosition: string;
     summaryHeight: number;
+    rowDraggable: boolean;
+    rowDragEvents: EventEmitter<DragEventData>;
+    disableRowCheck: (row: TRow) => boolean;
     set pageSize(val: number);
     get pageSize(): number;
-    set rows(val: any[]);
-    get rows(): any[];
-    set columns(val: any[]);
+    set rows(val: TRow[]);
+    get rows(): TRow[];
+    set columns(val: TableColumn[]);
     get columns(): any[];
     set offset(val: number);
     get offset(): number;
     set rowCount(val: number);
     get rowCount(): number;
     get bodyWidth(): string;
-    set bodyHeight(val: any);
-    get bodyHeight(): any;
-    scroll: EventEmitter<any>;
-    page: EventEmitter<any>;
-    activate: EventEmitter<any>;
-    select: EventEmitter<any>;
+    set bodyHeight(val: number | string);
+    get bodyHeight(): number | string;
+    verticalScrollVisible: boolean;
+    scroll: EventEmitter<ScrollEvent>;
+    page: EventEmitter<number>;
+    activate: EventEmitter<ActivateEvent<TRow>>;
+    select: EventEmitter<{
+        selected: TRow[];
+    }>;
     detailToggle: EventEmitter<any>;
     rowContextmenu: EventEmitter<{
         event: MouseEvent;
-        row: any;
+        row: RowOrGroup<TRow>;
+    }>;
+    treeAction: EventEmitter<{
+        row: TRow;
     }>;
-    treeAction: EventEmitter<any>;
     scroller: ScrollerComponent;
     /**
      * Returns if selection is enabled.
@@ -62,31 +78,37 @@ export declare class DataTableBodyComponent implements OnInit, OnDestroy {
      * based on the row heights cache for virtual scroll and virtualization. Other scenarios
      * calculate scroll height automatically (as height will be undefined).
      */
-    get scrollHeight(): number | undefined;
-    rowHeightsCache: RowHeightCache;
-    temp: any[];
+    scrollHeight: import("@angular/core").Signal<number>;
+    rowsToRender: import("@angular/core").Signal<RowOrGroup<TRow>[]>;
+    rowHeightsCache: import("@angular/core").WritableSignal<RowHeightCache>;
     offsetY: number;
-    indexes: any;
-    columnGroupWidths: any;
-    columnGroupWidthsWithoutGroup: any;
-    rowTrackingFn: any;
+    indexes: import("@angular/core").WritableSignal<{
+        first: number;
+        last: number;
+    }>;
+    columnGroupWidths: ColumnGroupWidth;
+    rowTrackingFn: TrackByFunction<RowOrGroup<TRow>>;
     listener: any;
-    rowIndexes: any;
+    rowIndexes: WeakMap<any, any>;
     rowExpansions: any[];
-    _rows: any[];
-    _bodyHeight: any;
-    _columns: any[];
+    _rows: TRow[];
+    _bodyHeight: string;
+    _columns: TableColumn[];
     _rowCount: number;
     _offset: number;
     _pageSize: number;
+    _offsetEvent: number;
+    private _draggedRow;
+    private _draggedRowElement;
     /**
      * Creates an instance of DataTableBodyComponent.
      */
-    constructor(cd: ChangeDetectorRef);
+    constructor();
     /**
      * Called after the constructor, initializing input properties
      */
     ngOnInit(): void;
+    private toggleStateChange;
     /**
      * Called once, before the instance is destroyed.
      */
@@ -107,23 +129,24 @@ export declare class DataTableBodyComponent implements OnInit, OnDestroy {
     /**
      * Updates the rows in the view port
      */
-    updateRows(): void;
+    updateRows(): RowOrGroup<TRow>[];
     /**
      * Get the row height
      */
-    getRowHeight(row: any): number;
+    getRowHeight(row: RowOrGroup<TRow>): number;
     /**
      * @param group the group with all rows
      */
-    getGroupHeight(group: any): number;
+    getGroupHeight(group: Group<TRow>): number;
     /**
      * Calculate row height based on the expanded state of the row.
      */
-    getRowAndDetailHeight(row: any): number;
+    getRowAndDetailHeight(row: TRow): number;
     /**
      * Get the height of the detail row.
      */
-    getDetailRowHeight: (row?: any, index?: any) => number;
+    getDetailRowHeight: (row?: TRow, index?: number) => number;
+    getGroupHeaderRowHeight: (row?: any, index?: any) => number;
     /**
      * Calculates the styles for the row so that the rows can be moved in 2D space
      * during virtual scroll inside the DOM.   In the below case the Y position is
@@ -139,26 +162,22 @@ export declare class DataTableBodyComponent implements OnInit, OnDestroy {
      * case the positionY of the translate3d for row2 would be the sum of all the
      * heights of the rows before it (i.e. row0 and row1).
      *
-     * @param rows the row that needs to be placed in the 2D space.
      * @returns the CSS3 style to be applied
-     *
-     * @memberOf DataTableBodyComponent
      */
-    getRowsStyles(rows: any): any;
+    rowsStyles: import("@angular/core").Signal<{
+        [klass: string]: any;
+    }[]>;
     /**
      * Calculate bottom summary row offset for scrollbar mode.
      * For more information about cache and offset calculation
-     * see description for `getRowsStyles` method
+     * see description for `rowsStyles` signal
      *
      * @returns the CSS3 style to be applied
-     *
-     * @memberOf DataTableBodyComponent
-     */
-    getBottomSummaryRowStyles(): any;
-    /**
-     * Hides the loading indicator
      */
-    hideIndicator(): void;
+    bottomSummaryRowsStyles: import("@angular/core").Signal<{
+        transform: string;
+        position: string;
+    }>;
     /**
      * Updates the index of the rows in the viewport
      */
@@ -178,7 +197,7 @@ export declare class DataTableBodyComponent implements OnInit, OnDestroy {
      * a part of the row object itself as we have to preserve the expanded row
      * status in case of sorting and filtering of the row set.
      */
-    toggleRowExpansion(row: any): void;
+    toggleRowExpansion(row: TRow): void;
     /**
      * Expand/Collapse all the rows no matter what their state is.
      */
@@ -187,26 +206,26 @@ export declare class DataTableBodyComponent implements OnInit, OnDestroy {
      * Recalculates the table
      */
     recalcLayout(): void;
-    /**
-     * Tracks the column
-     */
-    columnTrackingFn(index: number, column: any): any;
-    /**
-     * Gets the row pinning group styles
-     */
-    stylesByGroup(group: string): {
-        width: string;
-    };
     /**
      * Returns if the row was expanded and set default row expansion when row expansion is empty
      */
-    getRowExpanded(row: any): boolean;
-    getRowExpandedIdx(row: any, expanded: any[]): number;
+    getRowExpanded(row: RowOrGroup<TRow>): boolean;
+    getRowExpandedIdx(row: RowOrGroup<TRow>, expanded: RowOrGroup<TRow>[]): number;
     /**
      * Gets the row index given a row
      */
-    getRowIndex(row: any): number;
-    onTreeAction(row: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableBodyComponent, "datatable-body", never, { "scrollbarV": "scrollbarV"; "scrollbarH": "scrollbarH"; "loadingIndicator": "loadingIndicator"; "externalPaging": "externalPaging"; "rowHeight": "rowHeight"; "offsetX": "offsetX"; "emptyMessage": "emptyMessage"; "selectionType": "selectionType"; "selected": "selected"; "rowIdentity": "rowIdentity"; "rowDetail": "rowDetail"; "groupHeader": "groupHeader"; "selectCheck": "selectCheck"; "displayCheck": "displayCheck"; "trackByProp": "trackByProp"; "rowClass": "rowClass"; "groupedRows": "groupedRows"; "groupExpansionDefault": "groupExpansionDefault"; "innerWidth": "innerWidth"; "groupRowsBy": "groupRowsBy"; "virtualization": "virtualization"; "summaryRow": "summaryRow"; "summaryPosition": "summaryPosition"; "summaryHeight": "summaryHeight"; "pageSize": "pageSize"; "rows": "rows"; "columns": "columns"; "offset": "offset"; "rowCount": "rowCount"; "bodyHeight": "bodyHeight"; }, { "scroll": "scroll"; "page": "page"; "activate": "activate"; "select": "select"; "detailToggle": "detailToggle"; "rowContextmenu": "rowContextmenu"; "treeAction": "treeAction"; }, never, never>;
+    getRowIndex(row: RowOrGroup<TRow>): number;
+    onTreeAction(row: TRow): void;
+    dragOver(event: DragEvent, dropRow: RowOrGroup<TRow>): void;
+    drag(event: DragEvent, dragRow: RowOrGroup<TRow>, rowComponent: DataTableBodyRowComponent<TRow>): void;
+    drop(event: DragEvent, dropRow: RowOrGroup<TRow>, rowComponent: DataTableBodyRowComponent<TRow>): void;
+    dragEnter(event: DragEvent, dropRow: RowOrGroup<TRow>, rowComponent: DataTableBodyRowComponent<TRow>): void;
+    dragLeave(event: DragEvent, dropRow: RowOrGroup<TRow>, rowComponent: DataTableBodyRowComponent<TRow>): void;
+    dragEnd(event: DragEvent, dragRow: RowOrGroup<TRow>): void;
+    updateColumnGroupWidths(): void;
+    protected isGroup(row: RowOrGroup<TRow>[]): row is Group<TRow>[];
+    protected isGroup(row: RowOrGroup<TRow>): row is Group<TRow>;
+    protected isRow(row: RowOrGroup<TRow>): row is TRow;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableBodyComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableBodyComponent<any>, "datatable-body", never, { "rowDefTemplate": { "alias": "rowDefTemplate"; "required": false; }; "scrollbarV": { "alias": "scrollbarV"; "required": false; }; "scrollbarH": { "alias": "scrollbarH"; "required": false; }; "loadingIndicator": { "alias": "loadingIndicator"; "required": false; }; "ghostLoadingIndicator": { "alias": "ghostLoadingIndicator"; "required": false; }; "externalPaging": { "alias": "externalPaging"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "rowIdentity": { "alias": "rowIdentity"; "required": false; }; "rowDetail": { "alias": "rowDetail"; "required": false; }; "groupHeader": { "alias": "groupHeader"; "required": false; }; "selectCheck": { "alias": "selectCheck"; "required": false; }; "displayCheck": { "alias": "displayCheck"; "required": false; }; "trackByProp": { "alias": "trackByProp"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "groupedRows": { "alias": "groupedRows"; "required": false; }; "groupExpansionDefault": { "alias": "groupExpansionDefault"; "required": false; }; "innerWidth": { "alias": "innerWidth"; "required": false; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; }; "virtualization": { "alias": "virtualization"; "required": false; }; "summaryRow": { "alias": "summaryRow"; "required": false; }; "summaryPosition": { "alias": "summaryPosition"; "required": false; }; "summaryHeight": { "alias": "summaryHeight"; "required": false; }; "rowDraggable": { "alias": "rowDraggable"; "required": false; }; "rowDragEvents": { "alias": "rowDragEvents"; "required": false; }; "disableRowCheck": { "alias": "disableRowCheck"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "rowCount": { "alias": "rowCount"; "required": false; }; "bodyHeight": { "alias": "bodyHeight"; "required": false; }; "verticalScrollVisible": { "alias": "verticalScrollVisible"; "required": false; }; }, { "scroll": "scroll"; "page": "page"; "activate": "activate"; "select": "select"; "detailToggle": "detailToggle"; "rowContextmenu": "rowContextmenu"; "treeAction": "treeAction"; }, never, ["[loading-indicator]", "[empty-content]"], true, never>;
 }

package/lib/components/body/ghost-loader/ghost-loader.component.d.ts

@@ -0,0 +1,12 @@
+import { TableColumn } from '../../../types/table-column.type';
+import * as i0 from "@angular/core";
+export declare class DataTableGhostLoaderComponent {
+    columns: TableColumn[];
+    pageSize: number;
+    rowHeight: number | 'auto' | ((row?: any) => number);
+    ghostBodyHeight: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableGhostLoaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableGhostLoaderComponent, "ghost-loader", never, { "columns": { "alias": "columns"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "ghostBodyHeight": { "alias": "ghostBodyHeight"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_pageSize: unknown;
+    static ngAcceptInputType_ghostBodyHeight: unknown;
+}

package/lib/components/body/progress-bar.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ProgressBarComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "datatable-progress", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "datatable-progress", never, {}, {}, never, never, true, never>;
 }

package/lib/components/body/scroller.component.d.ts

@@ -1,7 +1,6 @@
-import { ElementRef, EventEmitter, Renderer2, NgZone, OnInit, OnDestroy } from '@angular/core';
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class ScrollerComponent implements OnInit, OnDestroy {
-    private ngZone;
     private renderer;
     scrollbarV: boolean;
     scrollbarH: boolean;
@@ -12,16 +11,14 @@ export declare class ScrollerComponent implements OnInit, OnDestroy {
     scrollXPos: number;
     prevScrollYPos: number;
     prevScrollXPos: number;
-    element: any;
-    parentElement: any;
-    onScrollListener: any;
+    element: HTMLElement;
+    parentElement: HTMLElement;
     private _scrollEventListener;
-    constructor(ngZone: NgZone, element: ElementRef, renderer: Renderer2);
     ngOnInit(): void;
     ngOnDestroy(): void;
     setOffset(offsetY: number): void;
     onScrolled(event: MouseEvent): void;
     updateOffset(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollerComponent, "datatable-scroller", never, { "scrollbarV": "scrollbarV"; "scrollbarH": "scrollbarH"; "scrollHeight": "scrollHeight"; "scrollWidth": "scrollWidth"; }, { "scroll": "scroll"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollerComponent, "datatable-scroller", never, { "scrollbarV": { "alias": "scrollbarV"; "required": false; }; "scrollbarH": { "alias": "scrollbarH"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "scrollWidth": { "alias": "scrollWidth"; "required": false; }; }, { "scroll": "scroll"; }, never, ["*"], true, never>;
 }

package/lib/components/body/selection.component.d.ts

@@ -1,32 +1,28 @@
 import { EventEmitter } from '@angular/core';
-import { SelectionType } from '../../types/selection.type';
+import { Keys } from '../../utils/keys';
+import { ActivateEvent, SelectionType } from '../../types/public.types';
 import * as i0 from "@angular/core";
-export interface Model {
-    type: string;
-    event: MouseEvent | KeyboardEvent;
-    row: any;
-    rowElement: any;
-    cellElement: any;
-    cellIndex: number;
-}
-export declare class DataTableSelectionComponent {
-    rows: any[];
-    selected: any[];
+export declare class DataTableSelectionComponent<TRow = any> {
+    rows: TRow[];
+    selected: TRow[];
     selectEnabled: boolean;
     selectionType: SelectionType;
     rowIdentity: any;
-    selectCheck: any;
-    activate: EventEmitter<any>;
-    select: EventEmitter<any>;
+    selectCheck: (value: TRow, index: number, array: TRow[]) => boolean;
+    disableCheck: (row: TRow) => boolean;
+    activate: EventEmitter<ActivateEvent<TRow>>;
+    select: EventEmitter<{
+        selected: TRow[];
+    }>;
     prevIndex: number;
-    selectRow(event: KeyboardEvent | MouseEvent, index: number, row: any): void;
-    onActivate(model: Model, index: number): void;
-    onKeyboardFocus(model: Model): void;
-    focusRow(rowElement: any, keyCode: number): void;
-    getPrevNextRow(rowElement: any, keyCode: number): any;
-    focusCell(cellElement: any, rowElement: any, keyCode: number, cellIndex: number): void;
-    getRowSelected(row: any): boolean;
-    getRowSelectedIdx(row: any, selected: any[]): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableSelectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableSelectionComponent, "datatable-selection", never, { "rows": "rows"; "selected": "selected"; "selectEnabled": "selectEnabled"; "selectionType": "selectionType"; "rowIdentity": "rowIdentity"; "selectCheck": "selectCheck"; }, { "activate": "activate"; "select": "select"; }, never, ["*"]>;
+    selectRow(event: KeyboardEvent | MouseEvent, index: number, row: TRow): void;
+    onActivate(model: ActivateEvent<TRow>, index: number): void;
+    onKeyboardFocus(model: ActivateEvent<TRow>): void;
+    focusRow(rowElement: HTMLElement, key: Keys): void;
+    getPrevNextRow(rowElement: HTMLElement, key: Keys): any;
+    focusCell(cellElement: HTMLElement, rowElement: HTMLElement, key: Keys, cellIndex: number): void;
+    getRowSelected(row: TRow): boolean;
+    getRowSelectedIdx(row: TRow, selected: any[]): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableSelectionComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableSelectionComponent<any>, "datatable-selection", never, { "rows": { "alias": "rows"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "selectEnabled": { "alias": "selectEnabled"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "rowIdentity": { "alias": "rowIdentity"; "required": false; }; "selectCheck": { "alias": "selectCheck"; "required": false; }; "disableCheck": { "alias": "disableCheck"; "required": false; }; }, { "activate": "activate"; "select": "select"; }, never, ["*"], true, never>;
 }

package/lib/components/body/summary/summary-row.component.d.ts

@@ -1,14 +1,15 @@
 import { OnChanges, PipeTransform, TemplateRef } from '@angular/core';
+import { TableColumn, TableColumnProp } from '../../../types/table-column.type';
 import * as i0 from "@angular/core";
 export interface ISummaryColumn {
     summaryFunc?: (cells: any[]) => any;
     summaryTemplate?: TemplateRef<any>;
-    prop: string;
+    prop?: TableColumnProp;
     pipe?: PipeTransform;
 }
 export declare class DataTableSummaryRowComponent implements OnChanges {
     rows: any[];
-    columns: ISummaryColumn[];
+    columns: TableColumn[];
     rowHeight: number;
     offsetX: number;
     innerWidth: number;
@@ -19,5 +20,5 @@ export declare class DataTableSummaryRowComponent implements OnChanges {
     private updateValues;
     private getSummaryFunction;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableSummaryRowComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableSummaryRowComponent, "datatable-summary-row", never, { "rows": "rows"; "columns": "columns"; "rowHeight": "rowHeight"; "offsetX": "offsetX"; "innerWidth": "innerWidth"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableSummaryRowComponent, "datatable-summary-row", never, { "rows": { "alias": "rows"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "innerWidth": { "alias": "innerWidth"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/columns/column-cell.directive.d.ts

@@ -1,8 +1,9 @@
 import { TemplateRef } from '@angular/core';
+import { CellContext } from '../../types/public.types';
 import * as i0 from "@angular/core";
 export declare class DataTableColumnCellDirective {
-    template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
+    template: TemplateRef<CellContext<any>>;
+    static ngTemplateContextGuard(dir: DataTableColumnCellDirective, ctx: any): ctx is CellContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnCellDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnCellDirective, "[ngx-datatable-cell-template]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnCellDirective, "[ngx-datatable-cell-template]", never, {}, {}, never, never, true, never>;
 }

package/lib/components/columns/column-ghost-cell.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class DataTableColumnGhostCellDirective {
+    static ngTemplateContextGuard(directive: DataTableColumnGhostCellDirective, context: unknown): context is void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnGhostCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnGhostCellDirective, "[ngx-datatable-ghost-cell-template]", never, {}, {}, never, never, true, never>;
+}

package/lib/components/columns/column-header.directive.d.ts

@@ -1,8 +1,7 @@
-import { TemplateRef } from '@angular/core';
+import { HeaderCellContext } from '../../types/public.types';
 import * as i0 from "@angular/core";
 export declare class DataTableColumnHeaderDirective {
-    template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
+    static ngTemplateContextGuard(directive: DataTableColumnHeaderDirective, context: unknown): context is HeaderCellContext;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnHeaderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnHeaderDirective, "[ngx-datatable-header-template]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnHeaderDirective, "[ngx-datatable-header-template]", never, {}, {}, never, never, true, never>;
 }