@swimlane/ngx-datatable 16.1.1 → 19.0.0

package/index.css

@@ -3,7 +3,7 @@
   overflow: hidden;
   justify-content: center;
   position: relative;
-  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
   /**
    * Vertical Scrolling Adjustments
    */

package/index.scss

@@ -3,7 +3,7 @@
   overflow: hidden;
   justify-content: center;
   position: relative;
-  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 
   [hidden] {
     display: none !important;

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

@@ -5,23 +5,32 @@ export declare type TreeStatus = 'collapsed' | 'expanded' | 'loading' | 'disable
 export declare class DataTableBodyCellComponent implements DoCheck, OnDestroy {
     private cd;
     displayCheck: (row: any, column?: TableColumn, value?: any) => boolean;
-    group: any;
-    rowHeight: number;
-    isSelected: boolean;
-    expanded: boolean;
-    rowIndex: number;
-    column: TableColumn;
-    row: any;
-    sorts: any[];
-    treeStatus: TreeStatus;
+    set group(group: any);
+    get group(): any;
+    set rowHeight(val: number);
+    get rowHeight(): number;
+    set isSelected(val: boolean);
+    get isSelected(): boolean;
+    set expanded(val: boolean);
+    get expanded(): boolean;
+    set rowIndex(val: number);
+    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 treeStatus(status: TreeStatus);
+    get treeStatus(): TreeStatus;
     activate: EventEmitter<any>;
     treeAction: EventEmitter<any>;
     cellTemplate: ViewContainerRef;
-    readonly columnCssClasses: any;
-    readonly width: number;
-    readonly minWidth: number;
-    readonly maxWidth: number;
-    readonly height: string | number;
+    get columnCssClasses(): any;
+    get width(): number;
+    get minWidth(): number;
+    get maxWidth(): number;
+    get height(): string | number;
     sanitizedValue: any;
     value: any;
     sortDir: SortDirection;

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

@@ -6,7 +6,7 @@ export declare class DatatableGroupHeaderDirective {
     rowHeight: number | ((group?: any, index?: number) => number);
     _templateInput: TemplateRef<any>;
     _templateQuery: TemplateRef<any>;
-    readonly template: TemplateRef<any>;
+    get template(): TemplateRef<any>;
     /**
      * Track toggling of group visibility
      */

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

@@ -13,8 +13,10 @@ export declare class DataTableRowWrapperComponent implements DoCheck {
         event: MouseEvent;
         row: any;
     }>;
-    rowIndex: number;
-    expanded: boolean;
+    set rowIndex(val: number);
+    get rowIndex(): number;
+    set expanded(val: boolean);
+    get expanded(): boolean;
     groupContext: any;
     rowContext: any;
     private rowDiffer;

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

@@ -5,8 +5,10 @@ export declare class DataTableBodyRowComponent implements DoCheck {
     private differs;
     private scrollbarHelper;
     private cd;
-    columns: any[];
-    innerWidth: number;
+    set columns(val: any[]);
+    get columns(): any[];
+    set innerWidth(val: number);
+    get innerWidth(): number;
     expanded: boolean;
     rowClass: any;
     row: any;
@@ -15,10 +17,11 @@ export declare class DataTableBodyRowComponent implements DoCheck {
     rowIndex: number;
     displayCheck: any;
     treeStatus: TreeStatus;
-    offsetX: number;
-    readonly cssClass: string;
+    set offsetX(val: number);
+    get offsetX(): number;
+    get cssClass(): string;
     rowHeight: number;
-    readonly columnsTotalWidths: string;
+    get columnsTotalWidths(): string;
     activate: EventEmitter<any>;
     treeAction: EventEmitter<any>;
     _element: any;

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

@@ -28,13 +28,19 @@ export declare class DataTableBodyComponent implements OnInit, OnDestroy {
     summaryRow: boolean;
     summaryPosition: string;
     summaryHeight: number;
-    pageSize: number;
-    rows: any[];
-    columns: any[];
-    offset: number;
-    rowCount: number;
-    readonly bodyWidth: string;
-    bodyHeight: any;
+    set pageSize(val: number);
+    get pageSize(): number;
+    set rows(val: any[]);
+    get rows(): any[];
+    set columns(val: any[]);
+    get columns(): any[];
+    set offset(val: number);
+    get offset(): number;
+    set rowCount(val: number);
+    get rowCount(): number;
+    get bodyWidth(): string;
+    set bodyHeight(val: any);
+    get bodyHeight(): any;
     scroll: EventEmitter<any>;
     page: EventEmitter<any>;
     activate: EventEmitter<any>;
@@ -49,13 +55,13 @@ export declare class DataTableBodyComponent implements OnInit, OnDestroy {
     /**
      * Returns if selection is enabled.
      */
-    readonly selectEnabled: boolean;
+    get selectEnabled(): boolean;
     /**
      * Property that would calculate the height of scroll bar
      * based on the row heights cache for virtual scroll and virtualization. Other scenarios
      * calculate scroll height automatically (as height will be undefined).
      */
-    readonly scrollHeight: number | undefined;
+    get scrollHeight(): number | undefined;
     rowHeightsCache: RowHeightCache;
     temp: any[];
     offsetY: number;
@@ -65,7 +71,7 @@ export declare class DataTableBodyComponent implements OnInit, OnDestroy {
     rowTrackingFn: any;
     listener: any;
     rowIndexes: any;
-    rowExpansions: any;
+    rowExpansions: any[];
     _rows: any[];
     _bodyHeight: any;
     _columns: any[];
@@ -194,6 +200,7 @@ export declare class DataTableBodyComponent implements OnInit, OnDestroy {
      * Returns if the row was expanded and set default row expansion when row expansion is empty
      */
     getRowExpanded(row: any): boolean;
+    getRowExpandedIdx(row: any, expanded: any[]): number;
     /**
      * Gets the row index given a row
      */

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

@@ -27,13 +27,13 @@ export declare class DataTableColumnDirective implements OnChanges {
     summaryTemplate: TemplateRef<any>;
     _cellTemplateInput: TemplateRef<any>;
     _cellTemplateQuery: TemplateRef<any>;
-    readonly cellTemplate: TemplateRef<any>;
+    get cellTemplate(): TemplateRef<any>;
     _headerTemplateInput: TemplateRef<any>;
     _headerTemplateQuery: TemplateRef<any>;
-    readonly headerTemplate: TemplateRef<any>;
+    get headerTemplate(): TemplateRef<any>;
     _treeToggleTemplateInput: TemplateRef<any>;
     _treeToggleTemplateQuery: TemplateRef<any>;
-    readonly treeToggleTemplate: TemplateRef<any>;
+    get treeToggleTemplate(): TemplateRef<any>;
     private isFirstChange;
     constructor(columnChangesService: ColumnChangesService);
     ngOnChanges(): void;

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

@@ -28,14 +28,16 @@ export declare class DatatableComponent implements OnInit, DoCheck, AfterViewIni
     /**
      * Rows that are displayed in the table.
      */
+    set rows(val: any);
     /**
-    * Gets the rows.
-    */
-    rows: any;
+     * Gets the rows.
+     */
+    get rows(): any;
     /**
      * This attribute allows the user to set the name of the column to group the data with
      */
-    groupRowsBy: string;
+    set groupRowsBy(val: string);
+    get groupRowsBy(): string;
     /**
      * This attribute allows the user to set a grouped array in the following format:
      *  [
@@ -55,10 +57,11 @@ export declare class DatatableComponent implements OnInit, DoCheck, AfterViewIni
     /**
      * Columns to be displayed.
      */
+    set columns(val: TableColumn[]);
     /**
-    * Get the columns.
-    */
-    columns: TableColumn[];
+     * Get the columns.
+     */
+    get columns(): TableColumn[];
     /**
      * List of row objects that should be
      * represented as selected in the grid.
@@ -82,12 +85,12 @@ export declare class DatatableComponent implements OnInit, DoCheck, AfterViewIni
      * Type of column width distribution formula.
      * Example: flex, force, standard
      */
-    columnMode: ColumnMode;
+    columnMode: ColumnMode | keyof typeof ColumnMode;
     /**
      * The minimum header height in pixels.
      * Pass a falsey for no header
      */
-    headerHeight: any;
+    headerHeight: number;
     /**
      * The minimum footer height in pixels.
      * Pass falsey for no footer
@@ -107,23 +110,26 @@ export declare class DatatableComponent implements OnInit, DoCheck, AfterViewIni
      * The page size to be shown.
      * Default value: `undefined`
      */
+    set limit(val: number | undefined);
     /**
-    * Gets the limit.
-    */
-    limit: number | undefined;
+     * Gets the limit.
+     */
+    get limit(): number | undefined;
     /**
      * The total count of all rows.
      * Default value: `0`
      */
+    set count(val: number);
     /**
-    * Gets the count.
-    */
-    count: number;
+     * Gets the count.
+     */
+    get count(): number;
     /**
      * The current offset ( page - 1 ) shown.
      * Default value: `0`
      */
-    offset: number;
+    set offset(val: number);
+    get offset(): number;
     /**
      * Show the linear loading bar.
      * Default value: `false`
@@ -286,59 +292,60 @@ export declare class DatatableComponent implements OnInit, DoCheck, AfterViewIni
     /**
      * CSS class applied if the header height if fixed height.
      */
-    readonly isFixedHeader: boolean;
+    get isFixedHeader(): boolean;
     /**
      * CSS class applied to the root element if
      * the row heights are fixed heights.
      */
-    readonly isFixedRow: boolean;
+    get isFixedRow(): boolean;
     /**
      * CSS class applied to root element if
      * vertical scrolling is enabled.
      */
-    readonly isVertScroll: boolean;
+    get isVertScroll(): boolean;
     /**
      * CSS class applied to root element if
      * virtualization is enabled.
      */
-    readonly isVirtualized: boolean;
+    get isVirtualized(): boolean;
     /**
      * CSS class applied to the root element
      * if the horziontal scrolling is enabled.
      */
-    readonly isHorScroll: boolean;
+    get isHorScroll(): boolean;
     /**
      * CSS class applied to root element is selectable.
      */
-    readonly isSelectable: boolean;
+    get isSelectable(): boolean;
     /**
      * CSS class applied to root is checkbox selection.
      */
-    readonly isCheckboxSelection: boolean;
+    get isCheckboxSelection(): boolean;
     /**
      * CSS class applied to root if cell selection.
      */
-    readonly isCellSelection: boolean;
+    get isCellSelection(): boolean;
     /**
      * CSS class applied to root if single select.
      */
-    readonly isSingleSelection: boolean;
+    get isSingleSelection(): boolean;
     /**
      * CSS class added to root element if mulit select
      */
-    readonly isMultiSelection: boolean;
+    get isMultiSelection(): boolean;
     /**
      * CSS class added to root element if mulit click select
      */
-    readonly isMultiClickSelection: boolean;
+    get isMultiClickSelection(): boolean;
     /**
      * Column templates gathered from `ContentChildren`
      * if described in your markup.
      */
+    set columnTemplates(val: QueryList<DataTableColumnDirective>);
     /**
-    * Returns the column templates.
-    */
-    columnTemplates: QueryList<DataTableColumnDirective>;
+     * Returns the column templates.
+     */
+    get columnTemplates(): QueryList<DataTableColumnDirective>;
     /**
      * Row Detail templates gathered from the ContentChild
      */
@@ -366,7 +373,7 @@ export declare class DatatableComponent implements OnInit, DoCheck, AfterViewIni
     /**
      * Returns if all rows are selected.
      */
-    readonly allRowsSelected: boolean;
+    get allRowsSelected(): boolean;
     element: HTMLElement;
     _innerWidth: number;
     pageSize: number;
@@ -385,13 +392,6 @@ export declare class DatatableComponent implements OnInit, DoCheck, AfterViewIni
     _columnTemplates: QueryList<DataTableColumnDirective>;
     _subscriptions: Subscription[];
     constructor(scrollbarHelper: ScrollbarHelper, dimensionsHelper: DimensionsHelper, cd: ChangeDetectorRef, element: ElementRef, differs: KeyValueDiffers, columnChangesService: ColumnChangesService, configuration: INgxDatatableConfig);
-    /**
-     * This will be used when displaying or selecting rows.
-     * when tracking/comparing them, we'll use the value of this fn,
-     *
-     * (`fn(x) === fn(y)` instead of `x === y`)
-     */
-    rowIdentity: (x: any) => any;
     /**
      * Lifecycle hook that is called after data-bound
      * properties of a directive are initialized.
@@ -407,6 +407,13 @@ export declare class DatatableComponent implements OnInit, DoCheck, AfterViewIni
      * content has been fully initialized.
      */
     ngAfterContentInit(): void;
+    /**
+     * This will be used when displaying or selecting rows.
+     * when tracking/comparing them, we'll use the value of this fn,
+     *
+     * (`fn(x) === fn(y)` instead of `x === y`)
+     */
+    rowIdentity: (x: any) => any;
     /**
      * Translates the templates to the column objects
      */

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

@@ -14,6 +14,6 @@ export declare class DataTableFooterComponent {
     selectedCount: number;
     selectedMessage: string | boolean;
     page: EventEmitter<any>;
-    readonly isVisible: boolean;
-    readonly curPage: number;
+    get isVisible(): boolean;
+    get curPage(): number;
 }

package/lib/components/footer/footer.directive.d.ts

@@ -9,5 +9,5 @@ export declare class DatatableFooterDirective {
     pagerNextIcon: string;
     _templateInput: TemplateRef<any>;
     _templateQuery: TemplateRef<any>;
-    readonly template: TemplateRef<any>;
+    get template(): TemplateRef<any>;
 }

package/lib/components/footer/pager.component.d.ts

@@ -4,10 +4,13 @@ export declare class DataTablePagerComponent {
     pagerRightArrowIcon: string;
     pagerPreviousIcon: string;
     pagerNextIcon: string;
-    size: number;
-    count: number;
-    page: number;
-    readonly totalPages: number;
+    set size(val: number);
+    get size(): number;
+    set count(val: number);
+    get count(): number;
+    set page(val: number);
+    get page(): number;
+    get totalPages(): number;
     change: EventEmitter<any>;
     _count: number;
     _page: number;

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

@@ -8,27 +8,31 @@ export declare class DataTableHeaderCellComponent {
     sortType: SortType;
     sortAscendingIcon: string;
     sortDescendingIcon: string;
+    sortUnsetIcon: string;
     isTarget: boolean;
     targetMarkerTemplate: any;
     targetMarkerContext: any;
     _allRowsSelected: boolean;
-    allRowsSelected: any;
+    set allRowsSelected(value: boolean);
+    get allRowsSelected(): boolean;
     selectionType: SelectionType;
-    column: TableColumn;
+    set column(column: TableColumn);
+    get column(): TableColumn;
     headerHeight: number;
-    sorts: any[];
+    set sorts(val: any[]);
+    get sorts(): any[];
     sort: EventEmitter<any>;
     select: EventEmitter<any>;
     columnContextmenu: EventEmitter<{
         event: MouseEvent;
         column: any;
     }>;
-    readonly columnCssClasses: any;
-    readonly name: string;
-    readonly minWidth: number;
-    readonly maxWidth: number;
-    readonly width: number;
-    readonly isCheckboxable: boolean;
+    get columnCssClasses(): any;
+    get name(): string;
+    get minWidth(): number;
+    get maxWidth(): number;
+    get width(): number;
+    get isCheckboxable(): boolean;
     sortFn: any;
     sortClass: string;
     sortDir: SortDirection;
@@ -38,6 +42,7 @@ export declare class DataTableHeaderCellComponent {
     private _sorts;
     constructor(cd: ChangeDetectorRef);
     onContextmenu($event: MouseEvent): void;
+    ngOnInit(): void;
     calcSortDir(sorts: any[]): any;
     onSort(): void;
     calcSortClass(sortDir: SortDirection): string;

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

@@ -1,25 +1,30 @@
-import { EventEmitter, ChangeDetectorRef } from '@angular/core';
+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 {
+export declare class DataTableHeaderComponent implements OnDestroy {
     private cd;
     sortAscendingIcon: any;
     sortDescendingIcon: any;
+    sortUnsetIcon: any;
     scrollbarH: boolean;
     dealsWithGroup: boolean;
     targetMarkerTemplate: any;
     targetMarkerContext: any;
-    innerWidth: number;
+    set innerWidth(val: number);
+    get innerWidth(): number;
     sorts: any[];
     sortType: SortType;
     allRowsSelected: boolean;
     selectionType: SelectionType;
     reorderable: boolean;
     dragEventTarget: any;
-    headerHeight: any;
-    columns: any[];
-    offsetX: number;
+    set headerHeight(val: any);
+    get headerHeight(): any;
+    set columns(val: any[]);
+    get columns(): any[];
+    set offsetX(val: number);
+    get offsetX(): number;
     sort: EventEmitter<any>;
     reorder: EventEmitter<any>;
     resize: EventEmitter<any>;
@@ -37,7 +42,9 @@ export declare class DataTableHeaderComponent {
     _styleByGroup: {
         [prop: string]: {};
     };
+    private destroyed;
     constructor(cd: ChangeDetectorRef);
+    ngOnDestroy(): void;
     onLongPressStart({ event, model }: {
         event: any;
         model: any;
@@ -46,7 +53,7 @@ export declare class DataTableHeaderComponent {
         event: any;
         model: any;
     }): void;
-    readonly headerWidth: string;
+    get headerWidth(): string;
     trackByGroups(index: number, colGroup: any): any;
     columnTrackingFn(index: number, column: any): any;
     onColumnResized(width: number, column: DataTableColumnDirective): void;

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

@@ -7,7 +7,7 @@ export declare class DatatableRowDetailDirective {
     rowHeight: number | ((row?: any, index?: number) => number);
     _templateInput: TemplateRef<any>;
     _templateQuery: TemplateRef<any>;
-    readonly template: TemplateRef<any>;
+    get template(): TemplateRef<any>;
     /**
      * Row detail row visbility was toggled.
      */

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

@@ -13,8 +13,8 @@ export declare class LongPressDirective implements OnDestroy {
     mouseX: number;
     mouseY: number;
     subscription: Subscription;
-    readonly press: boolean;
-    readonly isLongPress: boolean;
+    get press(): boolean;
+    get isLongPress(): boolean;
     onMouseDown(event: MouseEvent): void;
     onMouseMove(event: MouseEvent): void;
     loop(event: MouseEvent): void;

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

@@ -9,6 +9,7 @@ export declare class ResizeableDirective implements OnDestroy, AfterViewInit {
     element: HTMLElement;
     subscription: Subscription;
     resizing: boolean;
+    private resizeHandle;
     constructor(element: ElementRef, renderer: Renderer2);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

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

@@ -4,7 +4,7 @@ export declare class NgxDatatableModule {
      * Configure global configuration via INgxDatatableConfig
      * @param configuration
      */
-    static forRoot(configuration: INgxDatatableConfig): ModuleWithProviders;
+    static forRoot(configuration: INgxDatatableConfig): ModuleWithProviders<NgxDatatableModule>;
 }
 /**
  * Interface definition for INgxDatatableConfig global configuration

package/lib/services/column-changes.service.d.ts

@@ -5,6 +5,6 @@ import { Observable } from 'rxjs';
  */
 export declare class ColumnChangesService {
     private columnInputChanges;
-    readonly columnInputChanges$: Observable<undefined>;
+    get columnInputChanges$(): Observable<undefined>;
     onInputChange(): void;
 }

package/lib/utils/throttle.d.ts

@@ -10,7 +10,7 @@ export declare function throttle(func: any, wait: number, options?: any): (this:
  *    myFn() { ... }
  *  }
  */
-export declare function throttleable(duration: number, options?: any): (target: any, key: string | number | symbol, descriptor: PropertyDescriptor) => {
+export declare function throttleable(duration: number, options?: any): (target: any, key: PropertyKey, descriptor: PropertyDescriptor) => {
     configurable: boolean;
     enumerable: boolean;
     get: () => any;

package/package.json

@@ -1,12 +1,15 @@
 {
   "name": "@swimlane/ngx-datatable",
-  "version": "16.1.1",
+  "version": "19.0.0",
   "description": "ngx-datatable is an Angular table grid component for presenting large and complex data.",
   "peerDependencies": {
-    "@angular/common": "<9.0.0",
-    "@angular/core": "<9.0.0",
-    "@angular/platform-browser": "<9.0.0",
-    "rxjs": "^6.5.2"
+    "@angular/common": "^11.0.2",
+    "@angular/core": "^11.0.2",
+    "@angular/platform-browser": "^11.0.2",
+    "rxjs": "^6.6.3"
+  },
+  "dependencies": {
+    "tslib": "^2.0.0"
   },
   "repository": {
     "type": "git",
@@ -16,7 +19,6 @@
     "angularjs",
     "angular",
     "javascript",
-    "angular2",
     "datatable",
     "grid",
     "table"
@@ -28,16 +30,11 @@
   },
   "homepage": "https://github.com/swimlane/ngx-datatable#readme",
   "main": "bundles/swimlane-ngx-datatable.umd.js",
-  "module": "fesm5/swimlane-ngx-datatable.js",
+  "module": "fesm2015/swimlane-ngx-datatable.js",
   "es2015": "fesm2015/swimlane-ngx-datatable.js",
-  "esm5": "esm5/swimlane-ngx-datatable.js",
   "esm2015": "esm2015/swimlane-ngx-datatable.js",
-  "fesm5": "fesm5/swimlane-ngx-datatable.js",
   "fesm2015": "fesm2015/swimlane-ngx-datatable.js",
   "typings": "swimlane-ngx-datatable.d.ts",
   "metadata": "swimlane-ngx-datatable.metadata.json",
-  "sideEffects": false,
-  "dependencies": {
-    "tslib": "^1.9.0"
-  }
+  "sideEffects": false
 }