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

package/index.css

@@ -27,172 +27,227 @@
    */
   /**
    * Footer Styles
-   */ }
-  .ngx-datatable [hidden] {
-    display: none !important; }
-  .ngx-datatable *,
-  .ngx-datatable *:before,
-  .ngx-datatable *:after {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box; }
-  .ngx-datatable.scroll-vertical .datatable-body {
-    overflow-y: auto; }
-  .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
-    position: absolute; }
-  .ngx-datatable.scroll-horz .datatable-body {
-    overflow-x: auto;
-    -webkit-overflow-scrolling: touch; }
-  .ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
-    white-space: nowrap; }
-    .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis; }
-  .ngx-datatable.fixed-row .datatable-scroll {
-    white-space: nowrap; }
-    .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
-      white-space: nowrap; }
-      .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis; }
-      .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis; }
-  .ngx-datatable .datatable-body-row,
-  .ngx-datatable .datatable-row-center,
-  .ngx-datatable .datatable-header-inner {
-    display: -webkit-box;
-    display: -moz-box;
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-    flex-direction: row;
-    -webkit-flex-flow: row;
-    -moz-flex-flow: row;
-    -ms-flex-flow: row;
-    -o-flex-flow: row;
-    flex-flow: row; }
-  .ngx-datatable .datatable-body-cell,
-  .ngx-datatable .datatable-header-cell {
-    overflow-x: hidden;
-    vertical-align: top;
-    display: inline-block;
-    line-height: 1.625; }
-    .ngx-datatable .datatable-body-cell:focus,
-    .ngx-datatable .datatable-header-cell:focus {
-      outline: none; }
-  .ngx-datatable .datatable-row-left,
-  .ngx-datatable .datatable-row-right {
-    z-index: 9; }
-  .ngx-datatable .datatable-row-left,
-  .ngx-datatable .datatable-row-center,
-  .ngx-datatable .datatable-row-group,
-  .ngx-datatable .datatable-row-right {
-    position: relative; }
-  .ngx-datatable .datatable-header {
-    display: block;
-    overflow: hidden; }
-    .ngx-datatable .datatable-header .datatable-header-inner {
-      align-items: stretch;
-      -webkit-align-items: stretch; }
-    .ngx-datatable .datatable-header .datatable-header-cell {
-      position: relative;
-      display: inline-block; }
-      .ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
-        cursor: pointer; }
-      .ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
-        cursor: move; }
-      .ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
-        line-height: 100%;
-        vertical-align: middle;
-        display: inline-block;
-        cursor: pointer; }
-      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
-      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
-        display: inline-block;
-        position: absolute;
-        right: 0;
-        top: 0;
-        bottom: 0;
-        width: 5px;
-        padding: 0 4px;
-        visibility: hidden; }
-      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
-        cursor: ew-resize; }
-      .ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
-        visibility: visible; }
-      .ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
-        visibility: visible; }
-      .ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
-        position: absolute;
-        top: 0;
-        bottom: 0; }
-        .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
-          right: 0; }
-        .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
-          left: 0; }
-      .ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
-        height: inherit; }
-  .ngx-datatable .datatable-body {
-    position: relative;
-    z-index: 10;
-    display: block; }
-    .ngx-datatable .datatable-body .datatable-scroll {
-      display: inline-block; }
-    .ngx-datatable .datatable-body .datatable-row-detail {
-      overflow-y: hidden; }
-    .ngx-datatable .datatable-body .datatable-row-wrapper {
-      display: -webkit-box;
-      display: -moz-box;
-      display: -ms-flexbox;
-      display: -webkit-flex;
-      display: flex;
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -webkit-flex-direction: column;
-      -moz-box-orient: vertical;
-      -moz-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column; }
-    .ngx-datatable .datatable-body .datatable-body-row {
-      outline: none; }
-      .ngx-datatable .datatable-body .datatable-body-row > div {
-        display: -webkit-box;
-        display: -moz-box;
-        display: -ms-flexbox;
-        display: -webkit-flex;
-        display: flex; }
-  .ngx-datatable .datatable-footer {
-    display: block;
-    width: 100%;
-    overflow: auto; }
-    .ngx-datatable .datatable-footer .datatable-footer-inner {
-      display: flex;
-      align-items: center;
-      width: 100%; }
-    .ngx-datatable .datatable-footer .selected-count .page-count {
-      flex: 1 1 40%; }
-    .ngx-datatable .datatable-footer .selected-count .datatable-pager {
-      flex: 1 1 60%; }
-    .ngx-datatable .datatable-footer .page-count {
-      flex: 1 1 20%; }
-    .ngx-datatable .datatable-footer .datatable-pager {
-      flex: 1 1 80%;
-      text-align: right; }
-      .ngx-datatable .datatable-footer .datatable-pager .pager,
-      .ngx-datatable .datatable-footer .datatable-pager .pager li {
-        padding: 0;
-        margin: 0;
-        display: inline-block;
-        list-style: none; }
-      .ngx-datatable .datatable-footer .datatable-pager .pager li,
-      .ngx-datatable .datatable-footer .datatable-pager .pager li a {
-        outline: none; }
-      .ngx-datatable .datatable-footer .datatable-pager .pager li a {
-        cursor: pointer;
-        display: inline-block; }
-      .ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
-        cursor: not-allowed; }
+   */
+}
+.ngx-datatable [hidden] {
+  display: none !important;
+}
+.ngx-datatable *,
+.ngx-datatable *:before,
+.ngx-datatable *:after {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.ngx-datatable.scroll-vertical .datatable-body {
+  overflow-y: auto;
+}
+.ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
+  position: absolute;
+}
+.ngx-datatable.scroll-horz .datatable-body {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
+  white-space: nowrap;
+}
+.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ngx-datatable.fixed-row .datatable-scroll {
+  white-space: nowrap;
+}
+.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
+  white-space: nowrap;
+}
+.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.ngx-datatable .datatable-body-row,
+.ngx-datatable .datatable-row-center,
+.ngx-datatable .datatable-header-inner {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  flex-direction: row;
+  -webkit-flex-flow: row;
+  -moz-flex-flow: row;
+  -ms-flex-flow: row;
+  -o-flex-flow: row;
+  flex-flow: row;
+}
+.ngx-datatable .datatable-body-cell,
+.ngx-datatable .datatable-header-cell {
+  overflow-x: hidden;
+  vertical-align: top;
+  display: inline-block;
+  line-height: 1.625;
+}
+.ngx-datatable .datatable-body-cell:focus,
+.ngx-datatable .datatable-header-cell:focus {
+  outline: none;
+}
+.ngx-datatable .datatable-row-left,
+.ngx-datatable .datatable-row-right,
+.ngx-datatable .datatable-group-header {
+  z-index: 9;
+  position: sticky !important;
+}
+.ngx-datatable .datatable-row-left,
+.ngx-datatable .datatable-group-header {
+  left: 0;
+}
+.ngx-datatable .datatable-row-right {
+  right: 0;
+}
+.ngx-datatable .datatable-row-center,
+.ngx-datatable .datatable-row-group {
+  position: relative;
+}
+.ngx-datatable .datatable-header {
+  display: block;
+  overflow: hidden;
+}
+.ngx-datatable .datatable-header .datatable-header-inner {
+  align-items: stretch;
+  -webkit-align-items: stretch;
+}
+.ngx-datatable .datatable-header .datatable-header-cell {
+  position: relative;
+  display: inline-block;
+}
+.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
+  cursor: pointer;
+}
+.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
+  cursor: move;
+}
+.ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
+  line-height: 100%;
+  vertical-align: middle;
+  display: inline-block;
+  cursor: pointer;
+}
+.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
+.ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
+  display: inline-block;
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 5px;
+  padding: 0 4px;
+  visibility: hidden;
+}
+.ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
+  cursor: ew-resize;
+}
+.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
+  visibility: visible;
+}
+.ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
+  visibility: visible;
+}
+.ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+}
+.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
+  right: 0;
+}
+.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
+  left: 0;
+}
+.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
+  height: inherit;
+}
+.ngx-datatable .datatable-body {
+  position: relative;
+  z-index: 10;
+  display: block;
+  overflow: hidden;
+}
+.ngx-datatable .datatable-body .datatable-scroll {
+  display: inline-block;
+}
+.ngx-datatable .datatable-body .datatable-row-detail {
+  overflow-y: hidden;
+}
+.ngx-datatable .datatable-body .datatable-row-wrapper {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -moz-box-orient: vertical;
+  -moz-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+.ngx-datatable .datatable-body .datatable-body-row {
+  outline: none;
+}
+.ngx-datatable .datatable-body .datatable-body-row > div {
+  display: -webkit-box;
+  display: -moz-box;
+  display: -ms-flexbox;
+  display: -webkit-flex;
+  display: flex;
+}
+.ngx-datatable .datatable-footer {
+  display: block;
+  width: 100%;
+  overflow: auto;
+}
+.ngx-datatable .datatable-footer .datatable-footer-inner {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+.ngx-datatable .datatable-footer .selected-count .page-count {
+  flex: 1 1 40%;
+}
+.ngx-datatable .datatable-footer .selected-count .datatable-pager {
+  flex: 1 1 60%;
+}
+.ngx-datatable .datatable-footer .page-count {
+  flex: 1 1 20%;
+}
+.ngx-datatable .datatable-footer .datatable-pager {
+  flex: 1 1 80%;
+  text-align: right;
+}
+.ngx-datatable .datatable-footer .datatable-pager .pager,
+.ngx-datatable .datatable-footer .datatable-pager .pager li {
+  padding: 0;
+  margin: 0;
+  display: inline-block;
+  list-style: none;
+}
+.ngx-datatable .datatable-footer .datatable-pager .pager li,
+.ngx-datatable .datatable-footer .datatable-pager .pager li a {
+  outline: none;
+}
+.ngx-datatable .datatable-footer .datatable-pager .pager li a {
+  cursor: pointer;
+  display: inline-block;
+}
+.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
+  cursor: not-allowed;
+}

package/index.scss

@@ -117,14 +117,23 @@
   }
 
   .datatable-row-left,
-  .datatable-row-right {
+  .datatable-row-right,
+  .datatable-group-header {
     z-index: 9;
+    position: sticky !important;
   }
 
   .datatable-row-left,
-  .datatable-row-center,
-  .datatable-row-group,
+  .datatable-group-header {
+    left: 0;
+  }
+
   .datatable-row-right {
+    right: 0;
+  }
+
+  .datatable-row-center,
+  .datatable-row-group {
     position: relative;
   }
 
@@ -216,6 +225,7 @@
     position: relative;
     z-index: 10;
     display: block;
+    overflow: hidden;
 
     .datatable-scroll {
       display: inline-block;

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

@@ -1,13 +1,18 @@
-import { ChangeDetectorRef, EventEmitter, ElementRef, ViewContainerRef, OnDestroy, DoCheck } from '@angular/core';
+import { DoCheck, EventEmitter, OnDestroy, ViewContainerRef } from '@angular/core';
 import { TableColumn } from '../../types/table-column.type';
-import { SortDirection } from '../../types/sort-direction.type';
+import { BehaviorSubject } from 'rxjs';
+import { ActivateEvent, CellContext, RowOrGroup, SortDirection, SortPropDir, TreeStatus } from '../../types/public.types';
 import * as i0 from "@angular/core";
-export declare type TreeStatus = 'collapsed' | 'expanded' | 'loading' | 'disabled';
-export declare class DataTableBodyCellComponent implements DoCheck, OnDestroy {
+export declare class DataTableBodyCellComponent<TRow extends {
+    level?: number;
+} = any> implements DoCheck, OnDestroy {
     private cd;
-    displayCheck: (row: any, column?: TableColumn, value?: any) => boolean;
-    set group(group: any);
-    get group(): any;
+    displayCheck: (row: RowOrGroup<TRow>, column: TableColumn, value: any) => boolean;
+    _disable$: BehaviorSubject<boolean>;
+    set disable$(val: BehaviorSubject<boolean>);
+    get disable$(): BehaviorSubject<boolean>;
+    set group(group: TRow[]);
+    get group(): TRow[];
     set rowHeight(val: number);
     get rowHeight(): number;
     set isSelected(val: boolean);
@@ -18,27 +23,27 @@ export declare class DataTableBodyCellComponent implements DoCheck, OnDestroy {
     get rowIndex(): number;
     set column(column: TableColumn);
     get column(): TableColumn;
-    set row(row: any);
-    get row(): any;
-    set sorts(val: any[]);
-    get sorts(): any[];
+    set row(row: TRow);
+    get row(): TRow;
+    set sorts(val: SortPropDir[]);
+    get sorts(): SortPropDir[];
     set treeStatus(status: TreeStatus);
     get treeStatus(): TreeStatus;
-    activate: EventEmitter<any>;
+    ghostLoadingIndicator: boolean;
+    activate: EventEmitter<ActivateEvent<TRow>>;
     treeAction: EventEmitter<any>;
     cellTemplate: ViewContainerRef;
-    get columnCssClasses(): any;
+    ghostLoaderTemplate: ViewContainerRef;
+    get columnCssClasses(): string;
     get width(): number;
     get minWidth(): number;
     get maxWidth(): number;
     get height(): string | number;
-    sanitizedValue: any;
+    sanitizedValue: string;
     value: any;
     sortDir: SortDirection;
     isFocused: boolean;
-    onCheckboxChangeFn: any;
-    activateFn: any;
-    cellContext: any;
+    cellContext: CellContext<TRow>;
     private _isSelected;
     private _sorts;
     private _column;
@@ -49,7 +54,7 @@ export declare class DataTableBodyCellComponent implements DoCheck, OnDestroy {
     private _expanded;
     private _element;
     private _treeStatus;
-    constructor(element: ElementRef, cd: ChangeDetectorRef);
+    constructor();
     ngDoCheck(): void;
     ngOnDestroy(): void;
     checkValueUpdates(): void;
@@ -58,11 +63,11 @@ export declare class DataTableBodyCellComponent implements DoCheck, OnDestroy {
     onClick(event: MouseEvent): void;
     onDblClick(event: MouseEvent): void;
     onKeyDown(event: KeyboardEvent): void;
-    onCheckboxChange(event: any): void;
-    calcSortDir(sorts: any[]): any;
+    onCheckboxChange(event: MouseEvent | KeyboardEvent): void;
+    calcSortDir(sorts: SortPropDir[]): SortDirection;
     stripHtml(html: string): string;
     onTreeAction(): void;
-    calcLeftMargin(column: any, row: any): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableBodyCellComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableBodyCellComponent, "datatable-body-cell", never, { "displayCheck": "displayCheck"; "group": "group"; "rowHeight": "rowHeight"; "isSelected": "isSelected"; "expanded": "expanded"; "rowIndex": "rowIndex"; "column": "column"; "row": "row"; "sorts": "sorts"; "treeStatus": "treeStatus"; }, { "activate": "activate"; "treeAction": "treeAction"; }, never, never>;
+    calcLeftMargin(column: TableColumn, row: RowOrGroup<TRow>): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DataTableBodyCellComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DataTableBodyCellComponent<any>, "datatable-body-cell", never, { "displayCheck": { "alias": "displayCheck"; "required": false; }; "disable$": { "alias": "disable$"; "required": false; }; "group": { "alias": "group"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "rowIndex": { "alias": "rowIndex"; "required": false; }; "column": { "alias": "column"; "required": false; }; "row": { "alias": "row"; "required": false; }; "sorts": { "alias": "sorts"; "required": false; }; "treeStatus": { "alias": "treeStatus"; "required": false; }; "ghostLoadingIndicator": { "alias": "ghostLoadingIndicator"; "required": false; }; }, { "activate": "activate"; "treeAction": "treeAction"; }, never, never, true, never>;
 }

package/lib/components/body/body-group-header-template.directive.d.ts

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

package/lib/components/body/body-group-header.directive.d.ts

@@ -1,21 +1,26 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
+import { Group, GroupContext, GroupToggleEvents } from '../../types/public.types';
 import * as i0 from "@angular/core";
-export declare class DatatableGroupHeaderDirective {
+export declare class DatatableGroupHeaderDirective<TRow = any> {
     /**
      * Row height is required when virtual scroll is enabled.
      */
-    rowHeight: number | ((group?: any, index?: number) => number);
-    _templateInput: TemplateRef<any>;
-    _templateQuery: TemplateRef<any>;
-    get template(): TemplateRef<any>;
+    rowHeight: number | ((group?: Group<TRow>, index?: number) => number);
+    /**
+     * Show checkbox at group header to select all rows of the group.
+     */
+    checkboxable: boolean;
+    _templateInput: TemplateRef<GroupContext<TRow>>;
+    _templateQuery: TemplateRef<GroupContext<TRow>>;
+    get template(): TemplateRef<GroupContext<TRow>>;
     /**
      * Track toggling of group visibility
      */
-    toggle: EventEmitter<any>;
+    toggle: EventEmitter<GroupToggleEvents<TRow>>;
     /**
      * Toggle the expansion of a group
      */
-    toggleExpandGroup(group: any): void;
+    toggleExpandGroup(group: Group<TRow>): void;
     /**
      * Expand all groups
      */
@@ -24,6 +29,6 @@ export declare class DatatableGroupHeaderDirective {
      * Collapse all groups
      */
     collapseAllGroups(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableGroupHeaderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DatatableGroupHeaderDirective, "ngx-datatable-group-header", never, { "rowHeight": "rowHeight"; "_templateInput": "template"; }, { "toggle": "toggle"; }, ["_templateQuery"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableGroupHeaderDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DatatableGroupHeaderDirective<any>, "ngx-datatable-group-header", never, { "rowHeight": { "alias": "rowHeight"; "required": false; }; "checkboxable": { "alias": "checkboxable"; "required": false; }; "_templateInput": { "alias": "template"; "required": false; }; }, { "toggle": "toggle"; }, ["_templateQuery"], never, true, never>;
 }

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

@@ -0,0 +1,34 @@
+import { OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * This component is passed as ng-template and rendered by BodyComponent.
+ * BodyComponent uses rowDefInternal to first inject actual row template.
+ * This component will render that actual row template.
+ */
+export declare class DatatableRowDefComponent {
+    rowDef: DatatableRowDefInternalDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableRowDefComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatatableRowDefComponent, "datatable-row-def", never, {}, {}, never, never, true, never>;
+}
+export declare class DatatableRowDefDirective {
+    static ngTemplateContextGuard(_dir: DatatableRowDefDirective, ctx: unknown): ctx is RowDefContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableRowDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DatatableRowDefDirective, "[rowDef]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * @internal To be used internally by ngx-datatable.
+ */
+export declare class DatatableRowDefInternalDirective implements OnInit {
+    vc: ViewContainerRef;
+    rowDefInternal?: RowDefContext;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableRowDefInternalDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DatatableRowDefInternalDirective, "[rowDefInternal]", never, { "rowDefInternal": { "alias": "rowDefInternal"; "required": false; }; }, {}, never, never, true, never>;
+}
+type RowDefContext = {
+    template: TemplateRef<unknown>;
+    rowTemplate: TemplateRef<unknown>;
+    row: any;
+    index: number;
+};
+export {};