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

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

@@ -1,6 +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;
@@ -11,14 +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": { "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,29 +1,28 @@
 import { EventEmitter } from '@angular/core';
-import { SelectionType } from '../../types/selection.type';
-export interface Model {
-    type: string;
-    event: MouseEvent | KeyboardEvent;
-    row: any;
-    rowElement: any;
-    cellElement: any;
-    cellIndex: number;
-}
-export declare class DataTableSelectionComponent {
-    rows: any[];
-    selected: any[];
+import { Keys } from '../../utils/keys';
+import { ActivateEvent, SelectionType } from '../../types/public.types';
+import * as i0 from "@angular/core";
+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;
+    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,13 +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;
@@ -17,4 +19,6 @@ export declare class DataTableSummaryRowComponent implements OnChanges {
     private updateInternalColumns;
     private updateValues;
     private getSummaryFunction;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableSummaryRowComponent, 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,5 +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, 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,5 +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, never, true, never>;
 }

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

@@ -1,16 +1,18 @@
-import { TemplateRef, OnChanges } from '@angular/core';
-import { ColumnChangesService } from '../../services/column-changes.service';
-import { TableColumnProp } from '../../types/table-column.type';
-export declare class DataTableColumnDirective implements OnChanges {
+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<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;
@@ -19,22 +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<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

@@ -1,5 +1,7 @@
 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, never, true, never>;
 }