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

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>;
 }

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

@@ -1,17 +1,18 @@
-import { TemplateRef, OnChanges } from '@angular/core';
-import { ColumnChangesService } from '../../services/column-changes.service';
-import { TableColumnProp } from '../../types/table-column.type';
+import { OnChanges, PipeTransform, TemplateRef } from '@angular/core';
+import { TableColumn, TableColumnProp } from '../../types/table-column.type';
+import { CellContext, HeaderCellContext } from '../../types/public.types';
 import * as i0 from "@angular/core";
-export declare class DataTableColumnDirective implements OnChanges {
+export declare class DataTableColumnDirective<TRow> implements TableColumn, OnChanges {
     private columnChangesService;
     name: string;
     prop: TableColumnProp;
-    frozenLeft: any;
-    frozenRight: any;
+    bindAsUnsafeHtml?: boolean;
+    frozenLeft: boolean;
+    frozenRight: boolean;
     flexGrow: number;
     resizeable: boolean;
     comparator: any;
-    pipe: any;
+    pipe: PipeTransform;
     sortable: boolean;
     draggable: boolean;
     canAutoResize: boolean;
@@ -20,24 +21,48 @@ export declare class DataTableColumnDirective implements OnChanges {
     maxWidth: number;
     checkboxable: boolean;
     headerCheckboxable: boolean;
-    headerClass: string | ((data: any) => string | any);
-    cellClass: string | ((data: any) => string | any);
+    headerClass: string | ((data: {
+        column: TableColumn;
+    }) => string | Record<string, boolean>);
+    cellClass?: string | ((data: {
+        row: TRow;
+        group?: TRow[];
+        column: TableColumn<TRow>;
+        value: any;
+        rowHeight: number;
+    }) => string | Record<string, boolean>);
     isTreeColumn: boolean;
     treeLevelIndent: number;
     summaryFunc: (cells: any[]) => any;
     summaryTemplate: TemplateRef<any>;
-    _cellTemplateInput: TemplateRef<any>;
-    _cellTemplateQuery: TemplateRef<any>;
-    get cellTemplate(): TemplateRef<any>;
-    _headerTemplateInput: TemplateRef<any>;
-    _headerTemplateQuery: TemplateRef<any>;
-    get headerTemplate(): TemplateRef<any>;
+    _cellTemplateInput: TemplateRef<CellContext<TRow>>;
+    _cellTemplateQuery: TemplateRef<CellContext<TRow>>;
+    get cellTemplate(): TemplateRef<CellContext<TRow>>;
+    _headerTemplateInput: TemplateRef<HeaderCellContext>;
+    _headerTemplateQuery: TemplateRef<HeaderCellContext>;
+    get headerTemplate(): TemplateRef<HeaderCellContext>;
     _treeToggleTemplateInput: TemplateRef<any>;
     _treeToggleTemplateQuery: TemplateRef<any>;
     get treeToggleTemplate(): TemplateRef<any>;
+    _ghostCellTemplateInput: TemplateRef<void>;
+    _ghostCellTemplateQuery: TemplateRef<void>;
+    get ghostCellTemplate(): TemplateRef<void>;
     private isFirstChange;
-    constructor(columnChangesService: ColumnChangesService);
     ngOnChanges(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnDirective, "ngx-datatable-column", never, { "name": "name"; "prop": "prop"; "frozenLeft": "frozenLeft"; "frozenRight": "frozenRight"; "flexGrow": "flexGrow"; "resizeable": "resizeable"; "comparator": "comparator"; "pipe": "pipe"; "sortable": "sortable"; "draggable": "draggable"; "canAutoResize": "canAutoResize"; "minWidth": "minWidth"; "width": "width"; "maxWidth": "maxWidth"; "checkboxable": "checkboxable"; "headerCheckboxable": "headerCheckboxable"; "headerClass": "headerClass"; "cellClass": "cellClass"; "isTreeColumn": "isTreeColumn"; "treeLevelIndent": "treeLevelIndent"; "summaryFunc": "summaryFunc"; "summaryTemplate": "summaryTemplate"; "_cellTemplateInput": "cellTemplate"; "_headerTemplateInput": "headerTemplate"; "_treeToggleTemplateInput": "treeToggleTemplate"; }, {}, ["_cellTemplateQuery", "_headerTemplateQuery", "_treeToggleTemplateQuery"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnDirective<any>, "ngx-datatable-column", never, { "name": { "alias": "name"; "required": false; }; "prop": { "alias": "prop"; "required": false; }; "bindAsUnsafeHtml": { "alias": "bindAsUnsafeHtml"; "required": false; }; "frozenLeft": { "alias": "frozenLeft"; "required": false; }; "frozenRight": { "alias": "frozenRight"; "required": false; }; "flexGrow": { "alias": "flexGrow"; "required": false; }; "resizeable": { "alias": "resizeable"; "required": false; }; "comparator": { "alias": "comparator"; "required": false; }; "pipe": { "alias": "pipe"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "draggable": { "alias": "draggable"; "required": false; }; "canAutoResize": { "alias": "canAutoResize"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "checkboxable": { "alias": "checkboxable"; "required": false; }; "headerCheckboxable": { "alias": "headerCheckboxable"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "cellClass": { "alias": "cellClass"; "required": false; }; "isTreeColumn": { "alias": "isTreeColumn"; "required": false; }; "treeLevelIndent": { "alias": "treeLevelIndent"; "required": false; }; "summaryFunc": { "alias": "summaryFunc"; "required": false; }; "summaryTemplate": { "alias": "summaryTemplate"; "required": false; }; "_cellTemplateInput": { "alias": "cellTemplate"; "required": false; }; "_headerTemplateInput": { "alias": "headerTemplate"; "required": false; }; "_treeToggleTemplateInput": { "alias": "treeToggleTemplate"; "required": false; }; "_ghostCellTemplateInput": { "alias": "ghostCellTemplate"; "required": false; }; }, {}, ["_cellTemplateQuery", "_headerTemplateQuery", "_treeToggleTemplateQuery", "_ghostCellTemplateQuery"], never, true, never>;
+    static ngAcceptInputType_bindAsUnsafeHtml: unknown;
+    static ngAcceptInputType_frozenLeft: unknown;
+    static ngAcceptInputType_frozenRight: unknown;
+    static ngAcceptInputType_flexGrow: unknown;
+    static ngAcceptInputType_resizeable: unknown;
+    static ngAcceptInputType_sortable: unknown;
+    static ngAcceptInputType_draggable: unknown;
+    static ngAcceptInputType_canAutoResize: unknown;
+    static ngAcceptInputType_minWidth: unknown;
+    static ngAcceptInputType_width: unknown;
+    static ngAcceptInputType_maxWidth: unknown;
+    static ngAcceptInputType_checkboxable: unknown;
+    static ngAcceptInputType_headerCheckboxable: unknown;
+    static ngAcceptInputType_isTreeColumn: unknown;
 }

package/lib/components/columns/tree.directive.d.ts

@@ -2,7 +2,6 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class DataTableColumnCellTreeToggle {
     template: TemplateRef<any>;
-    constructor(template: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnCellTreeToggle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnCellTreeToggle, "[ngx-datatable-tree-toggle]", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnCellTreeToggle, "[ngx-datatable-tree-toggle]", never, {}, {}, never, never, true, never>;
 }