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

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

@@ -1,70 +1,75 @@
-import { EventEmitter, ChangeDetectorRef, OnDestroy } from '@angular/core';
-import { SortType } from '../../types/sort.type';
-import { SelectionType } from '../../types/selection.type';
-import { DataTableColumnDirective } from '../columns/column.directive';
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges, TemplateRef } from '@angular/core';
+import { ColumnResizeEvent, InnerSortEvent, ReorderEvent, SelectionType, SortDirection, SortEvent, SortPropDir, SortType } from '../../types/public.types';
+import { NgStyle } from '@angular/common';
+import { TableColumn } from '../../types/table-column.type';
+import { OrderableReorderEvent, PinnedColumns, TargetChangedEvent } from '../../types/internal.types';
 import * as i0 from "@angular/core";
-export declare class DataTableHeaderComponent implements OnDestroy {
+export declare class DataTableHeaderComponent implements OnDestroy, OnChanges {
     private cd;
-    sortAscendingIcon: any;
-    sortDescendingIcon: any;
-    sortUnsetIcon: any;
+    private scrollbarHelper;
+    sortAscendingIcon: string;
+    sortDescendingIcon: string;
+    sortUnsetIcon: string;
     scrollbarH: boolean;
     dealsWithGroup: boolean;
-    targetMarkerTemplate: any;
-    targetMarkerContext: any;
+    targetMarkerTemplate: TemplateRef<unknown>;
+    enableClearingSortState: boolean;
     set innerWidth(val: number);
     get innerWidth(): number;
-    sorts: any[];
+    sorts: SortPropDir[];
     sortType: SortType;
     allRowsSelected: boolean;
     selectionType: SelectionType;
     reorderable: boolean;
-    dragEventTarget: any;
+    verticalScrollVisible: boolean;
+    dragEventTarget?: MouseEvent;
     set headerHeight(val: any);
     get headerHeight(): any;
-    set columns(val: any[]);
+    set columns(val: TableColumn[]);
     get columns(): any[];
     set offsetX(val: number);
     get offsetX(): number;
-    sort: EventEmitter<any>;
-    reorder: EventEmitter<any>;
-    resize: EventEmitter<any>;
-    select: EventEmitter<any>;
+    sort: EventEmitter<SortEvent>;
+    reorder: EventEmitter<ReorderEvent>;
+    resize: EventEmitter<ColumnResizeEvent>;
+    resizing: EventEmitter<ColumnResizeEvent>;
+    select: EventEmitter<void>;
     columnContextmenu: EventEmitter<{
         event: MouseEvent;
-        column: any;
+        column: TableColumn;
     }>;
-    _columnsByPin: any;
+    _columnsByPin: PinnedColumns[];
     _columnGroupWidths: any;
     _innerWidth: number;
     _offsetX: number;
-    _columns: any[];
+    _columns: TableColumn[];
     _headerHeight: string;
     _styleByGroup: {
-        [prop: string]: {};
+        left: NgStyle['ngStyle'];
+        center: NgStyle['ngStyle'];
+        right: NgStyle['ngStyle'];
     };
     private destroyed;
-    constructor(cd: ChangeDetectorRef);
+    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     onLongPressStart({ event, model }: {
-        event: any;
-        model: any;
+        event: MouseEvent;
+        model: TableColumn;
     }): void;
-    onLongPressEnd({ event, model }: {
-        event: any;
-        model: any;
+    onLongPressEnd({ model }: {
+        model: TableColumn;
     }): void;
     get headerWidth(): string;
-    trackByGroups(index: number, colGroup: any): any;
-    columnTrackingFn(index: number, column: any): any;
-    onColumnResized(width: number, column: DataTableColumnDirective): void;
-    onColumnReordered({ prevIndex, newIndex, model }: any): void;
-    onTargetChanged({ prevIndex, newIndex, initialIndex }: any): void;
+    onColumnResized(width: number, column: TableColumn): void;
+    onColumnResizing(width: number, column: TableColumn): void;
+    private makeResizeEvent;
+    onColumnReordered({ prevIndex, newIndex, model }: OrderableReorderEvent): void;
+    onTargetChanged({ prevIndex, newIndex, initialIndex }: TargetChangedEvent): void;
     getColumn(index: number): any;
-    onSort({ column, prevValue, newValue }: any): void;
-    calcNewSorts(column: any, prevValue: number, newValue: number): any[];
+    onSort({ column, prevValue, newValue }: InnerSortEvent): void;
+    calcNewSorts(column: TableColumn, prevValue: SortDirection, newValue: SortDirection): SortPropDir[];
     setStylesByGroup(): void;
-    calcStylesByGroup(group: string): any;
+    calcStylesByGroup(group: 'center' | 'right' | 'left'): NgStyle['ngStyle'];
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableHeaderComponent, "datatable-header", never, { "sortAscendingIcon": "sortAscendingIcon"; "sortDescendingIcon": "sortDescendingIcon"; "sortUnsetIcon": "sortUnsetIcon"; "scrollbarH": "scrollbarH"; "dealsWithGroup": "dealsWithGroup"; "targetMarkerTemplate": "targetMarkerTemplate"; "innerWidth": "innerWidth"; "sorts": "sorts"; "sortType": "sortType"; "allRowsSelected": "allRowsSelected"; "selectionType": "selectionType"; "reorderable": "reorderable"; "headerHeight": "headerHeight"; "columns": "columns"; "offsetX": "offsetX"; }, { "sort": "sort"; "reorder": "reorder"; "resize": "resize"; "select": "select"; "columnContextmenu": "columnContextmenu"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableHeaderComponent, "datatable-header", never, { "sortAscendingIcon": { "alias": "sortAscendingIcon"; "required": false; }; "sortDescendingIcon": { "alias": "sortDescendingIcon"; "required": false; }; "sortUnsetIcon": { "alias": "sortUnsetIcon"; "required": false; }; "scrollbarH": { "alias": "scrollbarH"; "required": false; }; "dealsWithGroup": { "alias": "dealsWithGroup"; "required": false; }; "targetMarkerTemplate": { "alias": "targetMarkerTemplate"; "required": false; }; "enableClearingSortState": { "alias": "enableClearingSortState"; "required": false; }; "innerWidth": { "alias": "innerWidth"; "required": false; }; "sorts": { "alias": "sorts"; "required": false; }; "sortType": { "alias": "sortType"; "required": false; }; "allRowsSelected": { "alias": "allRowsSelected"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "verticalScrollVisible": { "alias": "verticalScrollVisible"; "required": false; }; "headerHeight": { "alias": "headerHeight"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; }, { "sort": "sort"; "reorder": "reorder"; "resize": "resize"; "resizing": "resizing"; "select": "select"; "columnContextmenu": "columnContextmenu"; }, never, never, true, never>;
 }

package/lib/components/row-detail/row-detail-template.directive.d.ts

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

package/lib/components/row-detail/row-detail.directive.d.ts

@@ -1,14 +1,15 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
+import { RowDetailContext } from '../../types/public.types';
 import * as i0 from "@angular/core";
-export declare class DatatableRowDetailDirective {
+export declare class DatatableRowDetailDirective<TRow = any> {
     /**
      * The detail row height is required especially
      * when virtual scroll is enabled.
      */
-    rowHeight: number | ((row?: any, index?: number) => number);
-    _templateInput: TemplateRef<any>;
-    _templateQuery: TemplateRef<any>;
-    get template(): TemplateRef<any>;
+    rowHeight: number | ((row?: TRow, index?: number) => number);
+    _templateInput: TemplateRef<RowDetailContext<TRow>>;
+    _templateQuery: TemplateRef<RowDetailContext<TRow>>;
+    get template(): TemplateRef<RowDetailContext<TRow>>;
     /**
      * Row detail row visbility was toggled.
      */
@@ -16,7 +17,7 @@ export declare class DatatableRowDetailDirective {
     /**
      * Toggle the expansion of the row
      */
-    toggleExpandRow(row: any): void;
+    toggleExpandRow(row: TRow): void;
     /**
      * API method to expand all the rows.
      */
@@ -25,6 +26,6 @@ export declare class DatatableRowDetailDirective {
      * API method to collapse all the rows.
      */
     collapseAllRows(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableRowDetailDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DatatableRowDetailDirective, "ngx-datatable-row-detail", never, { "rowHeight": "rowHeight"; "_templateInput": "template"; }, { "toggle": "toggle"; }, ["_templateQuery"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableRowDetailDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DatatableRowDetailDirective<any>, "ngx-datatable-row-detail", never, { "rowHeight": { "alias": "rowHeight"; "required": false; }; "_templateInput": { "alias": "template"; "required": false; }; }, { "toggle": "toggle"; }, ["_templateQuery"], never, true, never>;
 }

package/lib/directives/disable-row.directive.d.ts

@@ -0,0 +1,22 @@
+import * as i0 from "@angular/core";
+/**
+ * Row Disable Directive
+ * Use this to disable/enable all children elements
+ * Usage:
+ *  To disable
+ * 		<div [disabled]="true" disable-row >
+ * 		</div>
+ *  To enable
+ *  	<div [disabled]="false" disable-row >
+ * 		</div>
+ */
+export declare class DisableRowDirective {
+    private element;
+    private _disabled;
+    set disabled(val: boolean);
+    get disabled(): boolean;
+    disableAllElements(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DisableRowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DisableRowDirective, "[disable-row]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}

package/lib/directives/draggable.directive.d.ts

@@ -1,5 +1,7 @@
-import { ElementRef, EventEmitter, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { Subscription } from 'rxjs';
+import { TableColumn } from '../types/table-column.type';
+import { DraggableDragEvent } from '../types/internal.types';
 import * as i0 from "@angular/core";
 /**
  * Draggable Directive for Angular2
@@ -11,16 +13,15 @@ import * as i0 from "@angular/core";
  */
 export declare class DraggableDirective implements OnDestroy, OnChanges {
     dragEventTarget: any;
-    dragModel: any;
+    dragModel: TableColumn;
     dragX: boolean;
     dragY: boolean;
-    dragStart: EventEmitter<any>;
-    dragging: EventEmitter<any>;
-    dragEnd: EventEmitter<any>;
-    element: HTMLElement;
+    dragStart: EventEmitter<DraggableDragEvent>;
+    dragging: EventEmitter<DraggableDragEvent>;
+    dragEnd: EventEmitter<DraggableDragEvent>;
+    element: any;
     isDragging: boolean;
     subscription: Subscription;
-    constructor(element: ElementRef);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     onMouseup(event: MouseEvent): void;
@@ -31,5 +32,7 @@ export declare class DraggableDirective implements OnDestroy, OnChanges {
     }): void;
     private _destroySubscription;
     static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[draggable]", never, { "dragEventTarget": "dragEventTarget"; "dragModel": "dragModel"; "dragX": "dragX"; "dragY": "dragY"; }, { "dragStart": "dragStart"; "dragging": "dragging"; "dragEnd": "dragEnd"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DraggableDirective, "[draggable]", never, { "dragEventTarget": { "alias": "dragEventTarget"; "required": false; }; "dragModel": { "alias": "dragModel"; "required": false; }; "dragX": { "alias": "dragX"; "required": false; }; "dragY": { "alias": "dragY"; "required": false; }; }, { "dragStart": "dragStart"; "dragging": "dragging"; "dragEnd": "dragEnd"; }, never, never, true, never>;
+    static ngAcceptInputType_dragX: unknown;
+    static ngAcceptInputType_dragY: unknown;
 }

package/lib/directives/long-press.directive.d.ts

@@ -1,13 +1,22 @@
 import { EventEmitter, OnDestroy } from '@angular/core';
 import { Subscription } from 'rxjs';
+import { TableColumn } from '../types/table-column.type';
 import * as i0 from "@angular/core";
 export declare class LongPressDirective implements OnDestroy {
     pressEnabled: boolean;
-    pressModel: any;
+    pressModel: TableColumn;
     duration: number;
-    longPressStart: EventEmitter<any>;
-    longPressing: EventEmitter<any>;
-    longPressEnd: EventEmitter<any>;
+    longPressStart: EventEmitter<{
+        event: MouseEvent;
+        model: TableColumn;
+    }>;
+    longPressing: EventEmitter<{
+        event: MouseEvent;
+        model: TableColumn;
+    }>;
+    longPressEnd: EventEmitter<{
+        model: TableColumn;
+    }>;
     pressing: boolean;
     isLongPressing: boolean;
     timeout: any;
@@ -24,5 +33,7 @@ export declare class LongPressDirective implements OnDestroy {
     ngOnDestroy(): void;
     private _destroySubscription;
     static ɵfac: i0.ɵɵFactoryDeclaration<LongPressDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LongPressDirective, "[long-press]", never, { "pressEnabled": "pressEnabled"; "pressModel": "pressModel"; "duration": "duration"; }, { "longPressStart": "longPressStart"; "longPressing": "longPressing"; "longPressEnd": "longPressEnd"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LongPressDirective, "[long-press]", never, { "pressEnabled": { "alias": "pressEnabled"; "required": false; }; "pressModel": { "alias": "pressModel"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; }, { "longPressStart": "longPressStart"; "longPressing": "longPressing"; "longPressEnd": "longPressEnd"; }, never, never, true, never>;
+    static ngAcceptInputType_pressEnabled: unknown;
+    static ngAcceptInputType_duration: unknown;
 }

package/lib/directives/orderable.directive.d.ts

@@ -1,23 +1,34 @@
-import { EventEmitter, QueryList, KeyValueDiffers, AfterContentInit, OnDestroy } from '@angular/core';
+import { AfterContentInit, EventEmitter, KeyValueDiffer, OnDestroy, QueryList } from '@angular/core';
 import { DraggableDirective } from './draggable.directive';
+import { TableColumn } from '../types/table-column.type';
+import { DraggableDragEvent, OrderableReorderEvent, TargetChangedEvent } from '../types/internal.types';
 import * as i0 from "@angular/core";
+interface OrderPosition {
+    left: number;
+    right: number;
+    index: number;
+    element: HTMLElement;
+}
 export declare class OrderableDirective implements AfterContentInit, OnDestroy {
     private document;
-    reorder: EventEmitter<any>;
-    targetChanged: EventEmitter<any>;
+    reorder: EventEmitter<OrderableReorderEvent>;
+    targetChanged: EventEmitter<TargetChangedEvent>;
     draggables: QueryList<DraggableDirective>;
-    positions: any;
-    differ: any;
+    positions: Record<string, OrderPosition>;
+    differ: KeyValueDiffer<string, DraggableDirective>;
     lastDraggingIndex: number;
-    constructor(differs: KeyValueDiffers, document: any);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     updateSubscriptions(): void;
     onDragStart(): void;
-    onDragging({ element, model, event }: any): void;
-    onDragEnd({ element, model, event }: any): void;
-    isTarget(model: any, event: any): any;
+    onDragging({ element, model, event }: DraggableDragEvent): void;
+    onDragEnd({ element, model, event }: DraggableDragEvent): void;
+    isTarget(model: TableColumn, event: MouseEvent): {
+        pos: OrderPosition;
+        i: number;
+    };
     private createMapDiffs;
     static ɵfac: i0.ɵɵFactoryDeclaration<OrderableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<OrderableDirective, "[orderable]", never, {}, { "reorder": "reorder"; "targetChanged": "targetChanged"; }, ["draggables"]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OrderableDirective, "[orderable]", never, {}, { "reorder": "reorder"; "targetChanged": "targetChanged"; }, ["draggables"], never, true, never>;
 }
+export {};

package/lib/directives/resizeable.directive.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnDestroy, AfterViewInit, Renderer2 } from '@angular/core';
+import { AfterViewInit, EventEmitter, OnDestroy } from '@angular/core';
 import { Subscription } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class ResizeableDirective implements OnDestroy, AfterViewInit {
@@ -7,11 +7,10 @@ export declare class ResizeableDirective implements OnDestroy, AfterViewInit {
     minWidth: number;
     maxWidth: number;
     resize: EventEmitter<any>;
-    element: HTMLElement;
+    resizing: EventEmitter<any>;
+    element: any;
     subscription: Subscription;
-    resizing: boolean;
     private resizeHandle;
-    constructor(element: ElementRef, renderer: Renderer2);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     onMouseup(): void;
@@ -19,5 +18,8 @@ export declare class ResizeableDirective implements OnDestroy, AfterViewInit {
     move(event: MouseEvent, initialWidth: number, mouseDownScreenX: number): void;
     private _destroySubscription;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResizeableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeableDirective, "[resizeable]", never, { "resizeEnabled": "resizeEnabled"; "minWidth": "minWidth"; "maxWidth": "maxWidth"; }, { "resize": "resize"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeableDirective, "[resizeable]", never, { "resizeEnabled": { "alias": "resizeEnabled"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "resize": "resize"; "resizing": "resizing"; }, never, never, true, never>;
+    static ngAcceptInputType_resizeEnabled: unknown;
+    static ngAcceptInputType_minWidth: unknown;
+    static ngAcceptInputType_maxWidth: unknown;
 }

package/lib/directives/visibility.directive.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, ElementRef, NgZone, OnInit, OnDestroy } from '@angular/core';
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Visibility Observer Directive
@@ -17,11 +17,10 @@ export declare class VisibilityDirective implements OnInit, OnDestroy {
     isVisible: boolean;
     visible: EventEmitter<any>;
     timeout: any;
-    constructor(element: ElementRef, zone: NgZone);
     ngOnInit(): void;
     ngOnDestroy(): void;
     onVisibilityChange(): void;
     runCheck(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<VisibilityDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<VisibilityDirective, "[visibilityObserver]", never, {}, { "visible": "visible"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VisibilityDirective, "[visibilityObserver]", never, {}, { "visible": "visible"; }, never, never, true, never>;
 }

package/lib/ngx-datatable.module.d.ts

@@ -1,34 +1,20 @@
 import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./components/footer/footer-template.directive";
-import * as i2 from "./directives/visibility.directive";
-import * as i3 from "./directives/draggable.directive";
-import * as i4 from "./directives/resizeable.directive";
-import * as i5 from "./directives/orderable.directive";
-import * as i6 from "./directives/long-press.directive";
-import * as i7 from "./components/body/scroller.component";
-import * as i8 from "./components/datatable.component";
-import * as i9 from "./components/columns/column.directive";
-import * as i10 from "./components/header/header.component";
-import * as i11 from "./components/header/header-cell.component";
-import * as i12 from "./components/body/body.component";
-import * as i13 from "./components/footer/footer.component";
-import * as i14 from "./components/footer/pager.component";
-import * as i15 from "./components/body/progress-bar.component";
-import * as i16 from "./components/body/body-row.component";
-import * as i17 from "./components/body/body-row-wrapper.component";
-import * as i18 from "./components/row-detail/row-detail.directive";
-import * as i19 from "./components/body/body-group-header.directive";
-import * as i20 from "./components/row-detail/row-detail-template.directive";
-import * as i21 from "./components/body/body-cell.component";
-import * as i22 from "./components/body/selection.component";
-import * as i23 from "./components/columns/column-header.directive";
-import * as i24 from "./components/columns/column-cell.directive";
-import * as i25 from "./components/columns/tree.directive";
-import * as i26 from "./components/footer/footer.directive";
-import * as i27 from "./components/body/body-group-header-template.directive";
-import * as i28 from "./components/body/summary/summary-row.component";
-import * as i29 from "@angular/common";
+import * as i2 from "./components/datatable.component";
+import * as i3 from "./components/columns/column.directive";
+import * as i4 from "./components/footer/pager.component";
+import * as i5 from "./components/row-detail/row-detail.directive";
+import * as i6 from "./components/body/body-group-header.directive";
+import * as i7 from "./components/row-detail/row-detail-template.directive";
+import * as i8 from "./components/columns/column-header.directive";
+import * as i9 from "./components/columns/column-cell.directive";
+import * as i10 from "./components/columns/column-ghost-cell.directive";
+import * as i11 from "./components/columns/tree.directive";
+import * as i12 from "./components/footer/footer.directive";
+import * as i13 from "./components/body/body-group-header-template.directive";
+import * as i14 from "./directives/disable-row.directive";
+import * as i15 from "./components/body/body-row-def.component";
 export declare class NgxDatatableModule {
     /**
      * Configure global configuration via INgxDatatableConfig
@@ -36,16 +22,29 @@ export declare class NgxDatatableModule {
      */
     static forRoot(configuration: INgxDatatableConfig): ModuleWithProviders<NgxDatatableModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxDatatableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxDatatableModule, [typeof i1.DataTableFooterTemplateDirective, typeof i2.VisibilityDirective, typeof i3.DraggableDirective, typeof i4.ResizeableDirective, typeof i5.OrderableDirective, typeof i6.LongPressDirective, typeof i7.ScrollerComponent, typeof i8.DatatableComponent, typeof i9.DataTableColumnDirective, typeof i10.DataTableHeaderComponent, typeof i11.DataTableHeaderCellComponent, typeof i12.DataTableBodyComponent, typeof i13.DataTableFooterComponent, typeof i14.DataTablePagerComponent, typeof i15.ProgressBarComponent, typeof i16.DataTableBodyRowComponent, typeof i17.DataTableRowWrapperComponent, typeof i18.DatatableRowDetailDirective, typeof i19.DatatableGroupHeaderDirective, typeof i20.DatatableRowDetailTemplateDirective, typeof i21.DataTableBodyCellComponent, typeof i22.DataTableSelectionComponent, typeof i23.DataTableColumnHeaderDirective, typeof i24.DataTableColumnCellDirective, typeof i25.DataTableColumnCellTreeToggle, typeof i26.DatatableFooterDirective, typeof i27.DatatableGroupHeaderTemplateDirective, typeof i28.DataTableSummaryRowComponent], [typeof i29.CommonModule], [typeof i8.DatatableComponent, typeof i18.DatatableRowDetailDirective, typeof i19.DatatableGroupHeaderDirective, typeof i20.DatatableRowDetailTemplateDirective, typeof i9.DataTableColumnDirective, typeof i23.DataTableColumnHeaderDirective, typeof i24.DataTableColumnCellDirective, typeof i25.DataTableColumnCellTreeToggle, typeof i1.DataTableFooterTemplateDirective, typeof i26.DatatableFooterDirective, typeof i14.DataTablePagerComponent, typeof i27.DatatableGroupHeaderTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgxDatatableModule, never, [typeof i1.DataTableFooterTemplateDirective, typeof i2.DatatableComponent, typeof i3.DataTableColumnDirective, typeof i4.DataTablePagerComponent, typeof i5.DatatableRowDetailDirective, typeof i6.DatatableGroupHeaderDirective, typeof i7.DatatableRowDetailTemplateDirective, typeof i8.DataTableColumnHeaderDirective, typeof i9.DataTableColumnCellDirective, typeof i10.DataTableColumnGhostCellDirective, typeof i11.DataTableColumnCellTreeToggle, typeof i12.DatatableFooterDirective, typeof i13.DatatableGroupHeaderTemplateDirective, typeof i14.DisableRowDirective, typeof i15.DatatableRowDefComponent, typeof i15.DatatableRowDefDirective], [typeof i2.DatatableComponent, typeof i5.DatatableRowDetailDirective, typeof i6.DatatableGroupHeaderDirective, typeof i7.DatatableRowDetailTemplateDirective, typeof i3.DataTableColumnDirective, typeof i8.DataTableColumnHeaderDirective, typeof i9.DataTableColumnCellDirective, typeof i10.DataTableColumnGhostCellDirective, typeof i11.DataTableColumnCellTreeToggle, typeof i1.DataTableFooterTemplateDirective, typeof i12.DatatableFooterDirective, typeof i4.DataTablePagerComponent, typeof i13.DatatableGroupHeaderTemplateDirective, typeof i14.DisableRowDirective, typeof i15.DatatableRowDefComponent, typeof i15.DatatableRowDefDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgxDatatableModule>;
 }
 /**
  * Interface definition for INgxDatatableConfig global configuration
  */
 export interface INgxDatatableConfig {
-    messages: {
+    messages?: {
         emptyMessage: string;
         totalMessage: string;
         selectedMessage: string;
     };
+    cssClasses?: {
+        sortAscending: string;
+        sortDescending: string;
+        sortUnset: string;
+        pagerLeftArrow: string;
+        pagerRightArrow: string;
+        pagerPrevious: string;
+        pagerNext: string;
+    };
+    headerHeight?: number;
+    footerHeight?: number;
+    rowHeight?: number;
+    defaultColumnWidth?: number;
 }

package/lib/services/scrollbar-helper.service.d.ts

@@ -6,7 +6,6 @@ import * as i0 from "@angular/core";
 export declare class ScrollbarHelper {
     private document;
     width: number;
-    constructor(document: any);
     getWidth(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<ScrollbarHelper, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ScrollbarHelper>;

package/lib/types/internal.types.d.ts

@@ -0,0 +1,31 @@
+import { TableColumn } from './table-column.type';
+export type PinDirection = 'left' | 'center' | 'right';
+export interface PinnedColumns {
+    type: PinDirection;
+    columns: TableColumn[];
+}
+export interface ColumnGroupWidth {
+    left: number;
+    center: number;
+    right: number;
+    total: number;
+}
+export interface OrderableReorderEvent {
+    prevIndex: number;
+    newIndex: number;
+    model: TableColumn;
+}
+export interface TargetChangedEvent {
+    newIndex?: number;
+    prevIndex: number;
+    initialIndex: number;
+}
+export interface Page {
+    number: number;
+    text: string;
+}
+export interface DraggableDragEvent {
+    event: MouseEvent;
+    element: HTMLElement;
+    model: TableColumn;
+}

package/lib/types/public.types.d.ts

@@ -0,0 +1,142 @@
+import { TableColumn, TableColumnProp } from './table-column.type';
+import { BehaviorSubject, Observable } from 'rxjs';
+export interface SortPropDir {
+    dir: SortDirection | 'desc' | 'asc';
+    prop: TableColumnProp;
+}
+export declare enum SortDirection {
+    asc = "asc",
+    desc = "desc"
+}
+export interface InnerSortEvent {
+    column: TableColumn;
+    prevValue: SortDirection;
+    newValue: SortDirection;
+}
+export interface SortEvent extends InnerSortEvent {
+    sorts: SortPropDir[];
+}
+export declare enum SortType {
+    single = "single",
+    multi = "multi"
+}
+export declare enum ColumnMode {
+    standard = "standard",
+    flex = "flex",
+    force = "force"
+}
+export type TreeStatus = 'collapsed' | 'expanded' | 'loading' | 'disabled';
+export interface ActivateEvent<TRow> {
+    type: 'checkbox' | 'click' | 'dblclick' | 'keydown' | 'mouseenter';
+    event: MouseEvent | KeyboardEvent;
+    row: TRow;
+    group?: TRow[];
+    rowHeight?: number;
+    column?: TableColumn;
+    value?: any;
+    cellElement?: HTMLElement;
+    treeStatus?: TreeStatus;
+    cellIndex?: number;
+    rowElement?: HTMLElement;
+}
+export interface HeaderCellContext {
+    column: TableColumn;
+    sortDir: SortDirection | 'asc' | 'desc';
+    sortFn: () => void;
+    allRowsSelected: boolean;
+    selectFn: () => void;
+}
+export interface GroupContext<TRow = any> {
+    group: Group<TRow>;
+    expanded: boolean;
+    rowIndex: number;
+}
+export interface CellContext<TRow = any> {
+    onCheckboxChangeFn: (event: Event) => void;
+    activateFn: (event: ActivateEvent<TRow>) => void;
+    row: TRow;
+    group: TRow[];
+    value: any;
+    column: TableColumn;
+    rowHeight: number;
+    isSelected: boolean;
+    rowIndex: number;
+    treeStatus: TreeStatus;
+    disable$: BehaviorSubject<boolean>;
+    onTreeAction: () => void;
+    expanded?: boolean;
+}
+export interface FooterContext {
+    rowCount: number;
+    pageSize: number;
+    selectedCount: number;
+    curPage: number;
+    offset: number;
+}
+export declare enum ContextmenuType {
+    header = "header",
+    body = "body"
+}
+/** A Group row */
+export interface Group<TRow> {
+    /** The value by which to rows are grouped. */
+    key: TRow[keyof TRow];
+    /** All rows that are part of the group. */
+    value: TRow[];
+}
+/** Type for either a row or a group */
+export type RowOrGroup<TRow> = TRow | Group<TRow>;
+export interface RowDetailContext<TRow = any> {
+    row: TRow;
+    expanded: boolean;
+    rowIndex: number;
+    disableRow$?: Observable<boolean>;
+}
+export interface ReorderEvent {
+    column: TableColumn;
+    prevValue: number;
+    newValue: number;
+}
+export interface PageEvent {
+    count: number;
+    pageSize: number;
+    limit: number;
+    offset: number;
+}
+export interface PagerPageEvent {
+    page: number;
+}
+export interface ColumnResizeEvent {
+    column: TableColumn;
+    prevValue: number;
+    newValue: number;
+}
+export interface ScrollEvent {
+    offsetY: number;
+    offsetX: number;
+}
+export interface GroupToggleEvent<TRow> {
+    type: 'group';
+    value: Group<TRow>;
+}
+export interface AllGroupsToggleEvent {
+    type: 'all';
+    value: boolean;
+}
+export type GroupToggleEvents<TRow> = GroupToggleEvent<TRow> | AllGroupsToggleEvent;
+export declare enum SelectionType {
+    single = "single",
+    multi = "multi",
+    multiClick = "multiClick",
+    cell = "cell",
+    checkbox = "checkbox"
+}
+export type DragEventType = 'drag' | 'dragend' | 'dragenter' | 'dragleave' | 'dragover' | 'dragstart' | 'drop';
+export interface DragEventData {
+    event: DragEvent;
+    srcElement: HTMLElement;
+    targetElement?: HTMLElement;
+    eventType: DragEventType;
+    dragRow: any;
+    dropRow?: any;
+}