@swimlane/ngx-datatable 21.1.0 → 22.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/assets/app.css +0 -2
- package/fesm2022/swimlane-ngx-datatable.mjs +1177 -1684
- package/fesm2022/swimlane-ngx-datatable.mjs.map +1 -1
- package/index.css +1 -247
- package/index.d.ts +1693 -3
- package/index.scss +1 -319
- package/package.json +4 -4
- package/themes/bootstrap.css +5 -0
- package/themes/bootstrap.scss +7 -0
- package/themes/dark.css +5 -1
- package/themes/dark.scss +6 -1
- package/themes/material.css +5 -17
- package/themes/material.scss +6 -17
- package/lib/components/body/body-cell.component.d.ts +0 -73
- package/lib/components/body/body-group-header-template.directive.d.ts +0 -7
- package/lib/components/body/body-group-header.directive.d.ts +0 -34
- package/lib/components/body/body-row-def.component.d.ts +0 -34
- package/lib/components/body/body-row-wrapper.component.d.ts +0 -44
- package/lib/components/body/body-row.component.d.ts +0 -47
- package/lib/components/body/body.component.d.ts +0 -231
- package/lib/components/body/ghost-loader/ghost-loader.component.d.ts +0 -12
- package/lib/components/body/progress-bar.component.d.ts +0 -5
- package/lib/components/body/scroller.component.d.ts +0 -24
- package/lib/components/body/selection.component.d.ts +0 -28
- package/lib/components/body/summary/summary-row.component.d.ts +0 -24
- package/lib/components/columns/column-cell.directive.d.ts +0 -9
- package/lib/components/columns/column-ghost-cell.directive.d.ts +0 -6
- package/lib/components/columns/column-header.directive.d.ts +0 -7
- package/lib/components/columns/column.directive.d.ts +0 -68
- package/lib/components/columns/tree.directive.d.ts +0 -7
- package/lib/components/datatable.component.d.ts +0 -591
- package/lib/components/footer/footer-template.directive.d.ts +0 -7
- package/lib/components/footer/footer.component.d.ts +0 -23
- package/lib/components/footer/footer.directive.d.ts +0 -18
- package/lib/components/footer/pager.component.d.ts +0 -30
- package/lib/components/header/header-cell.component.d.ts +0 -52
- package/lib/components/header/header.component.d.ts +0 -75
- package/lib/components/row-detail/row-detail-template.directive.d.ts +0 -7
- package/lib/components/row-detail/row-detail.directive.d.ts +0 -31
- package/lib/directives/disable-row.directive.d.ts +0 -22
- package/lib/directives/draggable.directive.d.ts +0 -38
- package/lib/directives/long-press.directive.d.ts +0 -39
- package/lib/directives/orderable.directive.d.ts +0 -34
- package/lib/directives/resizeable.directive.d.ts +0 -25
- package/lib/directives/visibility.directive.d.ts +0 -26
- package/lib/ngx-datatable.module.d.ts +0 -50
- package/lib/services/column-changes.service.d.ts +0 -13
- package/lib/services/scrollbar-helper.service.d.ts +0 -12
- package/lib/types/internal.types.d.ts +0 -31
- package/lib/types/public.types.d.ts +0 -142
- package/lib/types/table-column.type.d.ts +0 -163
- package/lib/utils/camel-case.d.ts +0 -10
- package/lib/utils/column-helper.d.ts +0 -11
- package/lib/utils/column-prop-getters.d.ts +0 -29
- package/lib/utils/column.d.ts +0 -19
- package/lib/utils/id.d.ts +0 -5
- package/lib/utils/keys.d.ts +0 -8
- package/lib/utils/math.d.ts +0 -30
- package/lib/utils/row-height-cache.d.ts +0 -52
- package/lib/utils/selection.d.ts +0 -2
- package/lib/utils/sort.d.ts +0 -17
- package/lib/utils/table-token.d.ts +0 -7
- package/lib/utils/throttle.d.ts +0 -17
- package/lib/utils/tree.d.ts +0 -40
- package/public-api.d.ts +0 -48
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { DoCheck, ElementRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject } from 'rxjs';
|
|
3
|
-
import { Group, GroupContext, RowDetailContext, RowOrGroup } from '../../types/public.types';
|
|
4
|
-
import { DatatableGroupHeaderDirective } from './body-group-header.directive';
|
|
5
|
-
import { DatatableRowDetailDirective } from '../row-detail/row-detail.directive';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class DataTableRowWrapperComponent<TRow = any> implements DoCheck, OnInit, OnChanges {
|
|
8
|
-
checkBoxInput: ElementRef<HTMLInputElement>;
|
|
9
|
-
innerWidth: number;
|
|
10
|
-
rowDetail: DatatableRowDetailDirective;
|
|
11
|
-
groupHeader: DatatableGroupHeaderDirective;
|
|
12
|
-
offsetX: number;
|
|
13
|
-
detailRowHeight: number;
|
|
14
|
-
groupHeaderRowHeight: number;
|
|
15
|
-
row: RowOrGroup<TRow>;
|
|
16
|
-
groupedRows: Group<TRow>[];
|
|
17
|
-
disableCheck: (row: RowOrGroup<TRow>) => boolean;
|
|
18
|
-
selected: TRow[];
|
|
19
|
-
rowContextmenu: EventEmitter<{
|
|
20
|
-
event: MouseEvent;
|
|
21
|
-
row: RowOrGroup<TRow>;
|
|
22
|
-
}>;
|
|
23
|
-
rowIndex?: number;
|
|
24
|
-
selectedGroupRows: import("@angular/core").WritableSignal<TRow[]>;
|
|
25
|
-
expanded: boolean;
|
|
26
|
-
groupContext?: GroupContext<TRow>;
|
|
27
|
-
rowContext?: RowDetailContext<TRow>;
|
|
28
|
-
disable$: BehaviorSubject<boolean>;
|
|
29
|
-
private rowDiffer;
|
|
30
|
-
private iterableDiffers;
|
|
31
|
-
private selectedRowsDiffer;
|
|
32
|
-
private tableComponent;
|
|
33
|
-
private cd;
|
|
34
|
-
protected group: import("@angular/core").Signal<Group<TRow>>;
|
|
35
|
-
ngOnInit(): void;
|
|
36
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
37
|
-
ngDoCheck(): void;
|
|
38
|
-
onContextmenu($event: MouseEvent): void;
|
|
39
|
-
onCheckboxChange(groupSelected: boolean): void;
|
|
40
|
-
isGroup(row: RowOrGroup<TRow>): row is Group<TRow>;
|
|
41
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableRowWrapperComponent<any>, never>;
|
|
42
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DataTableRowWrapperComponent<any>, "datatable-row-wrapper", never, { "innerWidth": { "alias": "innerWidth"; "required": false; }; "rowDetail": { "alias": "rowDetail"; "required": false; }; "groupHeader": { "alias": "groupHeader"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "detailRowHeight": { "alias": "detailRowHeight"; "required": false; }; "groupHeaderRowHeight": { "alias": "groupHeaderRowHeight"; "required": false; }; "row": { "alias": "row"; "required": false; }; "groupedRows": { "alias": "groupedRows"; "required": false; }; "disableCheck": { "alias": "disableCheck"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "rowIndex": { "alias": "rowIndex"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "rowContextmenu": "rowContextmenu"; }, never, ["*"], true, never>;
|
|
43
|
-
static ngAcceptInputType_expanded: unknown;
|
|
44
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { DoCheck, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject } from 'rxjs';
|
|
3
|
-
import { ActivateEvent, RowOrGroup, TreeStatus } from '../../types/public.types';
|
|
4
|
-
import { TableColumn } from '../../types/table-column.type';
|
|
5
|
-
import { ColumnGroupWidth, PinnedColumns } from '../../types/internal.types';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class DataTableBodyRowComponent<TRow = any> implements DoCheck, OnChanges {
|
|
8
|
-
private cd;
|
|
9
|
-
set columns(val: TableColumn[]);
|
|
10
|
-
get columns(): TableColumn[];
|
|
11
|
-
set innerWidth(val: number);
|
|
12
|
-
get innerWidth(): number;
|
|
13
|
-
expanded: boolean;
|
|
14
|
-
rowClass?: (row: RowOrGroup<TRow>) => string | Record<string, boolean>;
|
|
15
|
-
row: TRow;
|
|
16
|
-
group: TRow[];
|
|
17
|
-
isSelected: boolean;
|
|
18
|
-
rowIndex: number;
|
|
19
|
-
displayCheck: (row: TRow, column: TableColumn, value?: any) => boolean;
|
|
20
|
-
treeStatus?: TreeStatus;
|
|
21
|
-
ghostLoadingIndicator: boolean;
|
|
22
|
-
verticalScrollVisible: boolean;
|
|
23
|
-
disable$: BehaviorSubject<boolean>;
|
|
24
|
-
set offsetX(val: number);
|
|
25
|
-
get offsetX(): number;
|
|
26
|
-
get cssClass(): string;
|
|
27
|
-
rowHeight: number;
|
|
28
|
-
get columnsTotalWidths(): number;
|
|
29
|
-
activate: EventEmitter<ActivateEvent<TRow>>;
|
|
30
|
-
treeAction: EventEmitter<any>;
|
|
31
|
-
_element: HTMLElement;
|
|
32
|
-
_columnGroupWidths: ColumnGroupWidth;
|
|
33
|
-
_columnsByPin: PinnedColumns[];
|
|
34
|
-
_offsetX: number;
|
|
35
|
-
_columns: TableColumn[];
|
|
36
|
-
_innerWidth: number;
|
|
37
|
-
private _rowDiffer;
|
|
38
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
39
|
-
ngDoCheck(): void;
|
|
40
|
-
onActivate(event: ActivateEvent<TRow>, index: number): void;
|
|
41
|
-
onKeyDown(event: KeyboardEvent): void;
|
|
42
|
-
onMouseenter(event: MouseEvent): void;
|
|
43
|
-
recalculateColumns(val?: TableColumn<TRow>[]): void;
|
|
44
|
-
onTreeAction(): void;
|
|
45
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableBodyRowComponent<any>, never>;
|
|
46
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DataTableBodyRowComponent<any>, "datatable-body-row", never, { "columns": { "alias": "columns"; "required": false; }; "innerWidth": { "alias": "innerWidth"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "row": { "alias": "row"; "required": false; }; "group": { "alias": "group"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "rowIndex": { "alias": "rowIndex"; "required": false; }; "displayCheck": { "alias": "displayCheck"; "required": false; }; "treeStatus": { "alias": "treeStatus"; "required": false; }; "ghostLoadingIndicator": { "alias": "ghostLoadingIndicator"; "required": false; }; "verticalScrollVisible": { "alias": "verticalScrollVisible"; "required": false; }; "disable$": { "alias": "disable$"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; }, { "activate": "activate"; "treeAction": "treeAction"; }, never, never, true, never>;
|
|
47
|
-
}
|
|
@@ -1,231 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, TemplateRef, TrackByFunction } from '@angular/core';
|
|
2
|
-
import { ScrollerComponent } from './scroller.component';
|
|
3
|
-
import { RowHeightCache } from '../../utils/row-height-cache';
|
|
4
|
-
import { TableColumn } from '../../types/table-column.type';
|
|
5
|
-
import { DatatableGroupHeaderDirective } from './body-group-header.directive';
|
|
6
|
-
import { DatatableRowDetailDirective } from '../row-detail/row-detail.directive';
|
|
7
|
-
import { DataTableBodyRowComponent } from './body-row.component';
|
|
8
|
-
import { ColumnGroupWidth } from '../../types/internal.types';
|
|
9
|
-
import { ActivateEvent, DragEventData, Group, RowOrGroup, ScrollEvent, SelectionType, TreeStatus } from '../../types/public.types';
|
|
10
|
-
import * as i0 from "@angular/core";
|
|
11
|
-
export declare class DataTableBodyComponent<TRow extends {
|
|
12
|
-
treeStatus?: TreeStatus;
|
|
13
|
-
} = any> implements OnInit, OnDestroy {
|
|
14
|
-
cd: ChangeDetectorRef;
|
|
15
|
-
rowDefTemplate?: TemplateRef<any>;
|
|
16
|
-
scrollbarV: boolean;
|
|
17
|
-
scrollbarH: boolean;
|
|
18
|
-
loadingIndicator: boolean;
|
|
19
|
-
ghostLoadingIndicator: boolean;
|
|
20
|
-
externalPaging: boolean;
|
|
21
|
-
rowHeight: number | 'auto' | ((row?: any) => number);
|
|
22
|
-
offsetX: number;
|
|
23
|
-
selectionType: SelectionType;
|
|
24
|
-
selected: any[];
|
|
25
|
-
rowIdentity: any;
|
|
26
|
-
rowDetail: DatatableRowDetailDirective;
|
|
27
|
-
groupHeader: DatatableGroupHeaderDirective;
|
|
28
|
-
selectCheck: (value: TRow, index: number, array: TRow[]) => boolean;
|
|
29
|
-
displayCheck: (row: TRow, column: TableColumn, value?: any) => boolean;
|
|
30
|
-
trackByProp: string;
|
|
31
|
-
rowClass: (row: RowOrGroup<TRow>) => string | Record<string, boolean>;
|
|
32
|
-
groupedRows: Group<TRow>[];
|
|
33
|
-
groupExpansionDefault: boolean;
|
|
34
|
-
innerWidth: number;
|
|
35
|
-
groupRowsBy: keyof TRow;
|
|
36
|
-
virtualization: boolean;
|
|
37
|
-
summaryRow: boolean;
|
|
38
|
-
summaryPosition: string;
|
|
39
|
-
summaryHeight: number;
|
|
40
|
-
rowDraggable: boolean;
|
|
41
|
-
rowDragEvents: EventEmitter<DragEventData>;
|
|
42
|
-
disableRowCheck: (row: TRow) => boolean;
|
|
43
|
-
set pageSize(val: number);
|
|
44
|
-
get pageSize(): number;
|
|
45
|
-
set rows(val: TRow[]);
|
|
46
|
-
get rows(): TRow[];
|
|
47
|
-
set columns(val: TableColumn[]);
|
|
48
|
-
get columns(): any[];
|
|
49
|
-
set offset(val: number);
|
|
50
|
-
get offset(): number;
|
|
51
|
-
set rowCount(val: number);
|
|
52
|
-
get rowCount(): number;
|
|
53
|
-
get bodyWidth(): string;
|
|
54
|
-
set bodyHeight(val: number | string);
|
|
55
|
-
get bodyHeight(): number | string;
|
|
56
|
-
verticalScrollVisible: boolean;
|
|
57
|
-
scroll: EventEmitter<ScrollEvent>;
|
|
58
|
-
page: EventEmitter<number>;
|
|
59
|
-
activate: EventEmitter<ActivateEvent<TRow>>;
|
|
60
|
-
select: EventEmitter<{
|
|
61
|
-
selected: TRow[];
|
|
62
|
-
}>;
|
|
63
|
-
detailToggle: EventEmitter<any>;
|
|
64
|
-
rowContextmenu: EventEmitter<{
|
|
65
|
-
event: MouseEvent;
|
|
66
|
-
row: RowOrGroup<TRow>;
|
|
67
|
-
}>;
|
|
68
|
-
treeAction: EventEmitter<{
|
|
69
|
-
row: TRow;
|
|
70
|
-
}>;
|
|
71
|
-
scroller: ScrollerComponent;
|
|
72
|
-
/**
|
|
73
|
-
* Returns if selection is enabled.
|
|
74
|
-
*/
|
|
75
|
-
get selectEnabled(): boolean;
|
|
76
|
-
/**
|
|
77
|
-
* Property that would calculate the height of scroll bar
|
|
78
|
-
* based on the row heights cache for virtual scroll and virtualization. Other scenarios
|
|
79
|
-
* calculate scroll height automatically (as height will be undefined).
|
|
80
|
-
*/
|
|
81
|
-
scrollHeight: import("@angular/core").Signal<number>;
|
|
82
|
-
rowsToRender: import("@angular/core").Signal<RowOrGroup<TRow>[]>;
|
|
83
|
-
rowHeightsCache: import("@angular/core").WritableSignal<RowHeightCache>;
|
|
84
|
-
offsetY: number;
|
|
85
|
-
indexes: import("@angular/core").WritableSignal<{
|
|
86
|
-
first: number;
|
|
87
|
-
last: number;
|
|
88
|
-
}>;
|
|
89
|
-
columnGroupWidths: ColumnGroupWidth;
|
|
90
|
-
rowTrackingFn: TrackByFunction<RowOrGroup<TRow>>;
|
|
91
|
-
listener: any;
|
|
92
|
-
rowIndexes: WeakMap<any, any>;
|
|
93
|
-
rowExpansions: any[];
|
|
94
|
-
_rows: TRow[];
|
|
95
|
-
_bodyHeight: string;
|
|
96
|
-
_columns: TableColumn[];
|
|
97
|
-
_rowCount: number;
|
|
98
|
-
_offset: number;
|
|
99
|
-
_pageSize: number;
|
|
100
|
-
_offsetEvent: number;
|
|
101
|
-
private _draggedRow;
|
|
102
|
-
private _draggedRowElement;
|
|
103
|
-
/**
|
|
104
|
-
* Creates an instance of DataTableBodyComponent.
|
|
105
|
-
*/
|
|
106
|
-
constructor();
|
|
107
|
-
/**
|
|
108
|
-
* Called after the constructor, initializing input properties
|
|
109
|
-
*/
|
|
110
|
-
ngOnInit(): void;
|
|
111
|
-
private toggleStateChange;
|
|
112
|
-
/**
|
|
113
|
-
* Called once, before the instance is destroyed.
|
|
114
|
-
*/
|
|
115
|
-
ngOnDestroy(): void;
|
|
116
|
-
/**
|
|
117
|
-
* Updates the Y offset given a new offset.
|
|
118
|
-
*/
|
|
119
|
-
updateOffsetY(offset?: number): void;
|
|
120
|
-
/**
|
|
121
|
-
* Body was scrolled, this is mainly useful for
|
|
122
|
-
* when a user is server-side pagination via virtual scroll.
|
|
123
|
-
*/
|
|
124
|
-
onBodyScroll(event: any): void;
|
|
125
|
-
/**
|
|
126
|
-
* Updates the page given a direction.
|
|
127
|
-
*/
|
|
128
|
-
updatePage(direction: string): void;
|
|
129
|
-
/**
|
|
130
|
-
* Updates the rows in the view port
|
|
131
|
-
*/
|
|
132
|
-
updateRows(): RowOrGroup<TRow>[];
|
|
133
|
-
/**
|
|
134
|
-
* Get the row height
|
|
135
|
-
*/
|
|
136
|
-
getRowHeight(row: RowOrGroup<TRow>): number;
|
|
137
|
-
/**
|
|
138
|
-
* @param group the group with all rows
|
|
139
|
-
*/
|
|
140
|
-
getGroupHeight(group: Group<TRow>): number;
|
|
141
|
-
/**
|
|
142
|
-
* Calculate row height based on the expanded state of the row.
|
|
143
|
-
*/
|
|
144
|
-
getRowAndDetailHeight(row: TRow): number;
|
|
145
|
-
/**
|
|
146
|
-
* Get the height of the detail row.
|
|
147
|
-
*/
|
|
148
|
-
getDetailRowHeight: (row?: TRow, index?: number) => number;
|
|
149
|
-
getGroupHeaderRowHeight: (row?: any, index?: any) => number;
|
|
150
|
-
/**
|
|
151
|
-
* Calculates the styles for the row so that the rows can be moved in 2D space
|
|
152
|
-
* during virtual scroll inside the DOM. In the below case the Y position is
|
|
153
|
-
* manipulated. As an example, if the height of row 0 is 30 px and row 1 is
|
|
154
|
-
* 100 px then following styles are generated:
|
|
155
|
-
*
|
|
156
|
-
* transform: translate3d(0px, 0px, 0px); -> row0
|
|
157
|
-
* transform: translate3d(0px, 30px, 0px); -> row1
|
|
158
|
-
* transform: translate3d(0px, 130px, 0px); -> row2
|
|
159
|
-
*
|
|
160
|
-
* Row heights have to be calculated based on the row heights cache as we wont
|
|
161
|
-
* be able to determine which row is of what height before hand. In the above
|
|
162
|
-
* case the positionY of the translate3d for row2 would be the sum of all the
|
|
163
|
-
* heights of the rows before it (i.e. row0 and row1).
|
|
164
|
-
*
|
|
165
|
-
* @returns the CSS3 style to be applied
|
|
166
|
-
*/
|
|
167
|
-
rowsStyles: import("@angular/core").Signal<{
|
|
168
|
-
[klass: string]: any;
|
|
169
|
-
}[]>;
|
|
170
|
-
/**
|
|
171
|
-
* Calculate bottom summary row offset for scrollbar mode.
|
|
172
|
-
* For more information about cache and offset calculation
|
|
173
|
-
* see description for `rowsStyles` signal
|
|
174
|
-
*
|
|
175
|
-
* @returns the CSS3 style to be applied
|
|
176
|
-
*/
|
|
177
|
-
bottomSummaryRowsStyles: import("@angular/core").Signal<{
|
|
178
|
-
transform: string;
|
|
179
|
-
position: string;
|
|
180
|
-
}>;
|
|
181
|
-
/**
|
|
182
|
-
* Updates the index of the rows in the viewport
|
|
183
|
-
*/
|
|
184
|
-
updateIndexes(): void;
|
|
185
|
-
/**
|
|
186
|
-
* Refreshes the full Row Height cache. Should be used
|
|
187
|
-
* when the entire row array state has changed.
|
|
188
|
-
*/
|
|
189
|
-
refreshRowHeightCache(): void;
|
|
190
|
-
/**
|
|
191
|
-
* Gets the index for the view port
|
|
192
|
-
*/
|
|
193
|
-
getAdjustedViewPortIndex(): number;
|
|
194
|
-
/**
|
|
195
|
-
* Toggle the Expansion of the row i.e. if the row is expanded then it will
|
|
196
|
-
* collapse and vice versa. Note that the expanded status is stored as
|
|
197
|
-
* a part of the row object itself as we have to preserve the expanded row
|
|
198
|
-
* status in case of sorting and filtering of the row set.
|
|
199
|
-
*/
|
|
200
|
-
toggleRowExpansion(row: TRow): void;
|
|
201
|
-
/**
|
|
202
|
-
* Expand/Collapse all the rows no matter what their state is.
|
|
203
|
-
*/
|
|
204
|
-
toggleAllRows(expanded: boolean): void;
|
|
205
|
-
/**
|
|
206
|
-
* Recalculates the table
|
|
207
|
-
*/
|
|
208
|
-
recalcLayout(): void;
|
|
209
|
-
/**
|
|
210
|
-
* Returns if the row was expanded and set default row expansion when row expansion is empty
|
|
211
|
-
*/
|
|
212
|
-
getRowExpanded(row: RowOrGroup<TRow>): boolean;
|
|
213
|
-
getRowExpandedIdx(row: RowOrGroup<TRow>, expanded: RowOrGroup<TRow>[]): number;
|
|
214
|
-
/**
|
|
215
|
-
* Gets the row index given a row
|
|
216
|
-
*/
|
|
217
|
-
getRowIndex(row: RowOrGroup<TRow>): number;
|
|
218
|
-
onTreeAction(row: TRow): void;
|
|
219
|
-
dragOver(event: DragEvent, dropRow: RowOrGroup<TRow>): void;
|
|
220
|
-
drag(event: DragEvent, dragRow: RowOrGroup<TRow>, rowComponent: DataTableBodyRowComponent<TRow>): void;
|
|
221
|
-
drop(event: DragEvent, dropRow: RowOrGroup<TRow>, rowComponent: DataTableBodyRowComponent<TRow>): void;
|
|
222
|
-
dragEnter(event: DragEvent, dropRow: RowOrGroup<TRow>, rowComponent: DataTableBodyRowComponent<TRow>): void;
|
|
223
|
-
dragLeave(event: DragEvent, dropRow: RowOrGroup<TRow>, rowComponent: DataTableBodyRowComponent<TRow>): void;
|
|
224
|
-
dragEnd(event: DragEvent, dragRow: RowOrGroup<TRow>): void;
|
|
225
|
-
updateColumnGroupWidths(): void;
|
|
226
|
-
protected isGroup(row: RowOrGroup<TRow>[]): row is Group<TRow>[];
|
|
227
|
-
protected isGroup(row: RowOrGroup<TRow>): row is Group<TRow>;
|
|
228
|
-
protected isRow(row: RowOrGroup<TRow>): row is TRow;
|
|
229
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableBodyComponent<any>, never>;
|
|
230
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DataTableBodyComponent<any>, "datatable-body", never, { "rowDefTemplate": { "alias": "rowDefTemplate"; "required": false; }; "scrollbarV": { "alias": "scrollbarV"; "required": false; }; "scrollbarH": { "alias": "scrollbarH"; "required": false; }; "loadingIndicator": { "alias": "loadingIndicator"; "required": false; }; "ghostLoadingIndicator": { "alias": "ghostLoadingIndicator"; "required": false; }; "externalPaging": { "alias": "externalPaging"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "rowIdentity": { "alias": "rowIdentity"; "required": false; }; "rowDetail": { "alias": "rowDetail"; "required": false; }; "groupHeader": { "alias": "groupHeader"; "required": false; }; "selectCheck": { "alias": "selectCheck"; "required": false; }; "displayCheck": { "alias": "displayCheck"; "required": false; }; "trackByProp": { "alias": "trackByProp"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "groupedRows": { "alias": "groupedRows"; "required": false; }; "groupExpansionDefault": { "alias": "groupExpansionDefault"; "required": false; }; "innerWidth": { "alias": "innerWidth"; "required": false; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; }; "virtualization": { "alias": "virtualization"; "required": false; }; "summaryRow": { "alias": "summaryRow"; "required": false; }; "summaryPosition": { "alias": "summaryPosition"; "required": false; }; "summaryHeight": { "alias": "summaryHeight"; "required": false; }; "rowDraggable": { "alias": "rowDraggable"; "required": false; }; "rowDragEvents": { "alias": "rowDragEvents"; "required": false; }; "disableRowCheck": { "alias": "disableRowCheck"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "rowCount": { "alias": "rowCount"; "required": false; }; "bodyHeight": { "alias": "bodyHeight"; "required": false; }; "verticalScrollVisible": { "alias": "verticalScrollVisible"; "required": false; }; }, { "scroll": "scroll"; "page": "page"; "activate": "activate"; "select": "select"; "detailToggle": "detailToggle"; "rowContextmenu": "rowContextmenu"; "treeAction": "treeAction"; }, never, ["[loading-indicator]", "[empty-content]"], true, never>;
|
|
231
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { TableColumn } from '../../../types/table-column.type';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class DataTableGhostLoaderComponent {
|
|
4
|
-
columns: TableColumn[];
|
|
5
|
-
pageSize: number;
|
|
6
|
-
rowHeight: number | 'auto' | ((row?: any) => number);
|
|
7
|
-
ghostBodyHeight: number;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableGhostLoaderComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DataTableGhostLoaderComponent, "ghost-loader", never, { "columns": { "alias": "columns"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "ghostBodyHeight": { "alias": "ghostBodyHeight"; "required": false; }; }, {}, never, never, true, never>;
|
|
10
|
-
static ngAcceptInputType_pageSize: unknown;
|
|
11
|
-
static ngAcceptInputType_ghostBodyHeight: unknown;
|
|
12
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class ProgressBarComponent {
|
|
3
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "datatable-progress", never, {}, {}, never, never, true, never>;
|
|
5
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class ScrollerComponent implements OnInit, OnDestroy {
|
|
4
|
-
private renderer;
|
|
5
|
-
scrollbarV: boolean;
|
|
6
|
-
scrollbarH: boolean;
|
|
7
|
-
scrollHeight: number;
|
|
8
|
-
scrollWidth: number;
|
|
9
|
-
scroll: EventEmitter<any>;
|
|
10
|
-
scrollYPos: number;
|
|
11
|
-
scrollXPos: number;
|
|
12
|
-
prevScrollYPos: number;
|
|
13
|
-
prevScrollXPos: number;
|
|
14
|
-
element: HTMLElement;
|
|
15
|
-
parentElement: HTMLElement;
|
|
16
|
-
private _scrollEventListener;
|
|
17
|
-
ngOnInit(): void;
|
|
18
|
-
ngOnDestroy(): void;
|
|
19
|
-
setOffset(offsetY: number): void;
|
|
20
|
-
onScrolled(event: MouseEvent): void;
|
|
21
|
-
updateOffset(): void;
|
|
22
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ScrollerComponent, never>;
|
|
23
|
-
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>;
|
|
24
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { Keys } from '../../utils/keys';
|
|
3
|
-
import { ActivateEvent, SelectionType } from '../../types/public.types';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DataTableSelectionComponent<TRow = any> {
|
|
6
|
-
rows: TRow[];
|
|
7
|
-
selected: TRow[];
|
|
8
|
-
selectEnabled: boolean;
|
|
9
|
-
selectionType: SelectionType;
|
|
10
|
-
rowIdentity: any;
|
|
11
|
-
selectCheck: (value: TRow, index: number, array: TRow[]) => boolean;
|
|
12
|
-
disableCheck: (row: TRow) => boolean;
|
|
13
|
-
activate: EventEmitter<ActivateEvent<TRow>>;
|
|
14
|
-
select: EventEmitter<{
|
|
15
|
-
selected: TRow[];
|
|
16
|
-
}>;
|
|
17
|
-
prevIndex: number;
|
|
18
|
-
selectRow(event: KeyboardEvent | MouseEvent, index: number, row: TRow): void;
|
|
19
|
-
onActivate(model: ActivateEvent<TRow>, index: number): void;
|
|
20
|
-
onKeyboardFocus(model: ActivateEvent<TRow>): void;
|
|
21
|
-
focusRow(rowElement: HTMLElement, key: Keys): void;
|
|
22
|
-
getPrevNextRow(rowElement: HTMLElement, key: Keys): any;
|
|
23
|
-
focusCell(cellElement: HTMLElement, rowElement: HTMLElement, key: Keys, cellIndex: number): void;
|
|
24
|
-
getRowSelected(row: TRow): boolean;
|
|
25
|
-
getRowSelectedIdx(row: TRow, selected: any[]): number;
|
|
26
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableSelectionComponent<any>, never>;
|
|
27
|
-
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>;
|
|
28
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { OnChanges, PipeTransform, TemplateRef } from '@angular/core';
|
|
2
|
-
import { TableColumn, TableColumnProp } from '../../../types/table-column.type';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export interface ISummaryColumn {
|
|
5
|
-
summaryFunc?: (cells: any[]) => any;
|
|
6
|
-
summaryTemplate?: TemplateRef<any>;
|
|
7
|
-
prop?: TableColumnProp;
|
|
8
|
-
pipe?: PipeTransform;
|
|
9
|
-
}
|
|
10
|
-
export declare class DataTableSummaryRowComponent implements OnChanges {
|
|
11
|
-
rows: any[];
|
|
12
|
-
columns: TableColumn[];
|
|
13
|
-
rowHeight: number;
|
|
14
|
-
offsetX: number;
|
|
15
|
-
innerWidth: number;
|
|
16
|
-
_internalColumns: ISummaryColumn[];
|
|
17
|
-
summaryRow: any;
|
|
18
|
-
ngOnChanges(): void;
|
|
19
|
-
private updateInternalColumns;
|
|
20
|
-
private updateValues;
|
|
21
|
-
private getSummaryFunction;
|
|
22
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableSummaryRowComponent, never>;
|
|
23
|
-
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>;
|
|
24
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import { CellContext } from '../../types/public.types';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DataTableColumnCellDirective {
|
|
5
|
-
template: TemplateRef<CellContext<any>>;
|
|
6
|
-
static ngTemplateContextGuard(dir: DataTableColumnCellDirective, ctx: any): ctx is CellContext;
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnCellDirective, never>;
|
|
8
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnCellDirective, "[ngx-datatable-cell-template]", never, {}, {}, never, never, true, never>;
|
|
9
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class DataTableColumnGhostCellDirective {
|
|
3
|
-
static ngTemplateContextGuard(directive: DataTableColumnGhostCellDirective, context: unknown): context is void;
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnGhostCellDirective, never>;
|
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnGhostCellDirective, "[ngx-datatable-ghost-cell-template]", never, {}, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { HeaderCellContext } from '../../types/public.types';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class DataTableColumnHeaderDirective {
|
|
4
|
-
static ngTemplateContextGuard(directive: DataTableColumnHeaderDirective, context: unknown): context is HeaderCellContext;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnHeaderDirective, never>;
|
|
6
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnHeaderDirective, "[ngx-datatable-header-template]", never, {}, {}, never, never, true, never>;
|
|
7
|
-
}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { OnChanges, PipeTransform, TemplateRef } from '@angular/core';
|
|
2
|
-
import { TableColumn, TableColumnProp } from '../../types/table-column.type';
|
|
3
|
-
import { CellContext, HeaderCellContext } from '../../types/public.types';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DataTableColumnDirective<TRow> implements TableColumn, OnChanges {
|
|
6
|
-
private columnChangesService;
|
|
7
|
-
name: string;
|
|
8
|
-
prop: TableColumnProp;
|
|
9
|
-
bindAsUnsafeHtml?: boolean;
|
|
10
|
-
frozenLeft: boolean;
|
|
11
|
-
frozenRight: boolean;
|
|
12
|
-
flexGrow: number;
|
|
13
|
-
resizeable: boolean;
|
|
14
|
-
comparator: any;
|
|
15
|
-
pipe: PipeTransform;
|
|
16
|
-
sortable: boolean;
|
|
17
|
-
draggable: boolean;
|
|
18
|
-
canAutoResize: boolean;
|
|
19
|
-
minWidth: number;
|
|
20
|
-
width: number;
|
|
21
|
-
maxWidth: number;
|
|
22
|
-
checkboxable: boolean;
|
|
23
|
-
headerCheckboxable: boolean;
|
|
24
|
-
headerClass: string | ((data: {
|
|
25
|
-
column: TableColumn;
|
|
26
|
-
}) => string | Record<string, boolean>);
|
|
27
|
-
cellClass?: string | ((data: {
|
|
28
|
-
row: TRow;
|
|
29
|
-
group?: TRow[];
|
|
30
|
-
column: TableColumn<TRow>;
|
|
31
|
-
value: any;
|
|
32
|
-
rowHeight: number;
|
|
33
|
-
}) => string | Record<string, boolean>);
|
|
34
|
-
isTreeColumn: boolean;
|
|
35
|
-
treeLevelIndent: number;
|
|
36
|
-
summaryFunc: (cells: any[]) => any;
|
|
37
|
-
summaryTemplate: TemplateRef<any>;
|
|
38
|
-
_cellTemplateInput: TemplateRef<CellContext<TRow>>;
|
|
39
|
-
_cellTemplateQuery: TemplateRef<CellContext<TRow>>;
|
|
40
|
-
get cellTemplate(): TemplateRef<CellContext<TRow>>;
|
|
41
|
-
_headerTemplateInput: TemplateRef<HeaderCellContext>;
|
|
42
|
-
_headerTemplateQuery: TemplateRef<HeaderCellContext>;
|
|
43
|
-
get headerTemplate(): TemplateRef<HeaderCellContext>;
|
|
44
|
-
_treeToggleTemplateInput: TemplateRef<any>;
|
|
45
|
-
_treeToggleTemplateQuery: TemplateRef<any>;
|
|
46
|
-
get treeToggleTemplate(): TemplateRef<any>;
|
|
47
|
-
_ghostCellTemplateInput: TemplateRef<void>;
|
|
48
|
-
_ghostCellTemplateQuery: TemplateRef<void>;
|
|
49
|
-
get ghostCellTemplate(): TemplateRef<void>;
|
|
50
|
-
private isFirstChange;
|
|
51
|
-
ngOnChanges(): void;
|
|
52
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnDirective<any>, never>;
|
|
53
|
-
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>;
|
|
54
|
-
static ngAcceptInputType_bindAsUnsafeHtml: unknown;
|
|
55
|
-
static ngAcceptInputType_frozenLeft: unknown;
|
|
56
|
-
static ngAcceptInputType_frozenRight: unknown;
|
|
57
|
-
static ngAcceptInputType_flexGrow: unknown;
|
|
58
|
-
static ngAcceptInputType_resizeable: unknown;
|
|
59
|
-
static ngAcceptInputType_sortable: unknown;
|
|
60
|
-
static ngAcceptInputType_draggable: unknown;
|
|
61
|
-
static ngAcceptInputType_canAutoResize: unknown;
|
|
62
|
-
static ngAcceptInputType_minWidth: unknown;
|
|
63
|
-
static ngAcceptInputType_width: unknown;
|
|
64
|
-
static ngAcceptInputType_maxWidth: unknown;
|
|
65
|
-
static ngAcceptInputType_checkboxable: unknown;
|
|
66
|
-
static ngAcceptInputType_headerCheckboxable: unknown;
|
|
67
|
-
static ngAcceptInputType_isTreeColumn: unknown;
|
|
68
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class DataTableColumnCellTreeToggle {
|
|
4
|
-
template: TemplateRef<any>;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableColumnCellTreeToggle, never>;
|
|
6
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableColumnCellTreeToggle, "[ngx-datatable-tree-toggle]", never, {}, {}, never, never, true, never>;
|
|
7
|
-
}
|