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

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

@@ -1,67 +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';
-export declare class DataTableHeaderComponent implements OnDestroy {
+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, 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": { "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,5 +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, never, true, never>;
 }

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

@@ -1,13 +1,15 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
-export declare class DatatableRowDetailDirective {
+import { RowDetailContext } from '../../types/public.types';
+import * as i0 from "@angular/core";
+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.
      */
@@ -15,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.
      */
@@ -24,4 +26,6 @@ export declare class DatatableRowDetailDirective {
      * API method to collapse all the rows.
      */
     collapseAllRows(): void;
+    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,8 @@
-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
  *
@@ -10,16 +13,15 @@ import { Subscription } from 'rxjs';
  */
 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;
@@ -29,4 +31,8 @@ export declare class DraggableDirective implements OnDestroy, OnChanges {
         y: number;
     }): void;
     private _destroySubscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DraggableDirective, 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,12 +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;
@@ -22,4 +32,8 @@ export declare class LongPressDirective implements OnDestroy {
     onMouseup(): void;
     ngOnDestroy(): void;
     private _destroySubscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LongPressDirective, 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,20 +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"], never, true, never>;
 }
+export {};

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

@@ -1,20 +1,25 @@
-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 {
     private renderer;
     resizeEnabled: boolean;
     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;
     onMousedown(event: MouseEvent): void;
     move(event: MouseEvent, initialWidth: number, mouseDownScreenX: number): void;
     private _destroySubscription;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ResizeableDirective, 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,5 @@
-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
  *
@@ -16,9 +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, never, true, never>;
 }

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

@@ -1,18 +1,50 @@
 import { ModuleWithProviders } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./components/footer/footer-template.directive";
+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
      * @param configuration
      */
     static forRoot(configuration: INgxDatatableConfig): ModuleWithProviders<NgxDatatableModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgxDatatableModule, never>;
+    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/column-changes.service.d.ts

@@ -1,10 +1,13 @@
 import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
 /**
  * service to make DatatableComponent aware of changes to
  * input bindings of DataTableColumnDirective
  */
 export declare class ColumnChangesService {
     private columnInputChanges;
-    get columnInputChanges$(): Observable<undefined>;
+    get columnInputChanges$(): Observable<void>;
     onInputChange(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnChangesService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ColumnChangesService>;
 }

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

@@ -1,3 +1,4 @@
+import * as i0 from "@angular/core";
 /**
  * Gets the width of the scrollbar.  Nesc for windows
  * http://stackoverflow.com/a/13382873/888165
@@ -5,6 +6,7 @@
 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;
+}