@swimlane/ngx-datatable 21.0.0 → 22.0.0-alpha.0
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 +1174 -1684
- package/fesm2022/swimlane-ngx-datatable.mjs.map +1 -1
- package/index.css +1 -247
- package/index.d.ts +1678 -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,591 +0,0 @@
|
|
|
1
|
-
import { AfterContentInit, AfterViewInit, DoCheck, EventEmitter, IterableDiffer, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
|
|
2
|
-
import { DatatableGroupHeaderDirective } from './body/body-group-header.directive';
|
|
3
|
-
import { BehaviorSubject, Subscription } from 'rxjs';
|
|
4
|
-
import { INgxDatatableConfig } from '../ngx-datatable.module';
|
|
5
|
-
import { TableColumn } from '../types/table-column.type';
|
|
6
|
-
import { DataTableColumnDirective } from './columns/column.directive';
|
|
7
|
-
import { DatatableRowDetailDirective } from './row-detail/row-detail.directive';
|
|
8
|
-
import { DatatableFooterDirective } from './footer/footer.directive';
|
|
9
|
-
import { DataTableBodyComponent } from './body/body.component';
|
|
10
|
-
import { DataTableHeaderComponent } from './header/header.component';
|
|
11
|
-
import { ActivateEvent, ColumnMode, ColumnResizeEvent, ContextmenuType, DragEventData, Group, PageEvent, PagerPageEvent, ReorderEvent, RowOrGroup, ScrollEvent, SelectionType, SortEvent, SortPropDir, SortType, TreeStatus } from '../types/public.types';
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
export declare class DatatableComponent<TRow = any> implements OnInit, DoCheck, AfterViewInit, AfterContentInit, OnDestroy {
|
|
14
|
-
private scrollbarHelper;
|
|
15
|
-
private cd;
|
|
16
|
-
private columnChangesService;
|
|
17
|
-
private configuration;
|
|
18
|
-
/**
|
|
19
|
-
* Template for the target marker of drag target columns.
|
|
20
|
-
*/
|
|
21
|
-
targetMarkerTemplate: TemplateRef<unknown>;
|
|
22
|
-
/**
|
|
23
|
-
* Rows that are displayed in the table.
|
|
24
|
-
*/
|
|
25
|
-
set rows(val: TRow[] | null | undefined);
|
|
26
|
-
/**
|
|
27
|
-
* Gets the rows.
|
|
28
|
-
*/
|
|
29
|
-
get rows(): TRow[];
|
|
30
|
-
/**
|
|
31
|
-
* This attribute allows the user to set the name of the column to group the data with
|
|
32
|
-
*/
|
|
33
|
-
set groupRowsBy(val: keyof TRow);
|
|
34
|
-
get groupRowsBy(): keyof TRow;
|
|
35
|
-
/**
|
|
36
|
-
* This attribute allows the user to set a grouped array in the following format:
|
|
37
|
-
* [
|
|
38
|
-
* {groupid=1} [
|
|
39
|
-
* {id=1 name="test1"},
|
|
40
|
-
* {id=2 name="test2"},
|
|
41
|
-
* {id=3 name="test3"}
|
|
42
|
-
* ]},
|
|
43
|
-
* {groupid=2>[
|
|
44
|
-
* {id=4 name="test4"},
|
|
45
|
-
* {id=5 name="test5"},
|
|
46
|
-
* {id=6 name="test6"}
|
|
47
|
-
* ]}
|
|
48
|
-
* ]
|
|
49
|
-
*/
|
|
50
|
-
groupedRows: Group<TRow>[];
|
|
51
|
-
/**
|
|
52
|
-
* Columns to be displayed.
|
|
53
|
-
*/
|
|
54
|
-
set columns(val: TableColumn[]);
|
|
55
|
-
/**
|
|
56
|
-
* Get the columns.
|
|
57
|
-
*/
|
|
58
|
-
get columns(): TableColumn[];
|
|
59
|
-
/**
|
|
60
|
-
* List of row objects that should be
|
|
61
|
-
* represented as selected in the grid.
|
|
62
|
-
* Default value: `[]`
|
|
63
|
-
*/
|
|
64
|
-
selected: TRow[];
|
|
65
|
-
/**
|
|
66
|
-
* Enable vertical scrollbars
|
|
67
|
-
*/
|
|
68
|
-
scrollbarV: boolean;
|
|
69
|
-
/**
|
|
70
|
-
* Enable vertical scrollbars dynamically on demand.
|
|
71
|
-
* Property `scrollbarV` needs to be set `true` too.
|
|
72
|
-
* Width that is gained when no scrollbar is needed
|
|
73
|
-
* is added to the inner table width.
|
|
74
|
-
*/
|
|
75
|
-
scrollbarVDynamic: boolean;
|
|
76
|
-
/**
|
|
77
|
-
* Enable horz scrollbars
|
|
78
|
-
*/
|
|
79
|
-
scrollbarH: boolean;
|
|
80
|
-
/**
|
|
81
|
-
* The row height; which is necessary
|
|
82
|
-
* to calculate the height for the lazy rendering.
|
|
83
|
-
*/
|
|
84
|
-
rowHeight: number | 'auto' | ((row?: TRow) => number);
|
|
85
|
-
/**
|
|
86
|
-
* Type of column width distribution formula.
|
|
87
|
-
* Example: flex, force, standard
|
|
88
|
-
*/
|
|
89
|
-
columnMode: ColumnMode | keyof typeof ColumnMode;
|
|
90
|
-
/**
|
|
91
|
-
* The minimum header height in pixels.
|
|
92
|
-
* Pass a falsey for no header
|
|
93
|
-
*/
|
|
94
|
-
headerHeight: number;
|
|
95
|
-
/**
|
|
96
|
-
* The minimum footer height in pixels.
|
|
97
|
-
* Pass falsey for no footer
|
|
98
|
-
*/
|
|
99
|
-
footerHeight: number;
|
|
100
|
-
/**
|
|
101
|
-
* If the table should use external paging
|
|
102
|
-
* otherwise its assumed that all data is preloaded.
|
|
103
|
-
*/
|
|
104
|
-
externalPaging: boolean;
|
|
105
|
-
/**
|
|
106
|
-
* If the table should use external sorting or
|
|
107
|
-
* the built-in basic sorting.
|
|
108
|
-
*/
|
|
109
|
-
externalSorting: boolean;
|
|
110
|
-
/**
|
|
111
|
-
* The page size to be shown.
|
|
112
|
-
* Default value: `undefined`
|
|
113
|
-
*/
|
|
114
|
-
set limit(val: number | undefined);
|
|
115
|
-
/**
|
|
116
|
-
* Gets the limit.
|
|
117
|
-
*/
|
|
118
|
-
get limit(): number | undefined;
|
|
119
|
-
/**
|
|
120
|
-
* The total count of all rows.
|
|
121
|
-
* Default value: `0`
|
|
122
|
-
*/
|
|
123
|
-
set count(val: number);
|
|
124
|
-
/**
|
|
125
|
-
* Gets the count.
|
|
126
|
-
*/
|
|
127
|
-
get count(): number;
|
|
128
|
-
/**
|
|
129
|
-
* The current offset ( page - 1 ) shown.
|
|
130
|
-
* Default value: `0`
|
|
131
|
-
*/
|
|
132
|
-
set offset(val: number);
|
|
133
|
-
get offset(): number;
|
|
134
|
-
/**
|
|
135
|
-
* Show the linear loading bar.
|
|
136
|
-
* Default value: `false`
|
|
137
|
-
*/
|
|
138
|
-
loadingIndicator: boolean;
|
|
139
|
-
/**
|
|
140
|
-
* Show ghost loaders on each cell.
|
|
141
|
-
* Default value: `false`
|
|
142
|
-
*/
|
|
143
|
-
set ghostLoadingIndicator(val: boolean);
|
|
144
|
-
get ghostLoadingIndicator(): boolean;
|
|
145
|
-
/**
|
|
146
|
-
* Type of row selection. Options are:
|
|
147
|
-
*
|
|
148
|
-
* - `single`
|
|
149
|
-
* - `multi`
|
|
150
|
-
* - `checkbox`
|
|
151
|
-
* - `multiClick`
|
|
152
|
-
* - `cell`
|
|
153
|
-
*
|
|
154
|
-
* For no selection pass a `falsey`.
|
|
155
|
-
* Default value: `undefined`
|
|
156
|
-
*/
|
|
157
|
-
selectionType: SelectionType;
|
|
158
|
-
/**
|
|
159
|
-
* Enable/Disable ability to re-order columns
|
|
160
|
-
* by dragging them.
|
|
161
|
-
*/
|
|
162
|
-
reorderable: boolean;
|
|
163
|
-
/**
|
|
164
|
-
* Swap columns on re-order columns or
|
|
165
|
-
* move them.
|
|
166
|
-
*/
|
|
167
|
-
swapColumns: boolean;
|
|
168
|
-
/**
|
|
169
|
-
* The type of sorting
|
|
170
|
-
*/
|
|
171
|
-
sortType: SortType;
|
|
172
|
-
/**
|
|
173
|
-
* Array of sorted columns by property and type.
|
|
174
|
-
* Default value: `[]`
|
|
175
|
-
*/
|
|
176
|
-
sorts: SortPropDir[];
|
|
177
|
-
/**
|
|
178
|
-
* Css class overrides
|
|
179
|
-
*/
|
|
180
|
-
cssClasses: Partial<INgxDatatableConfig['cssClasses']>;
|
|
181
|
-
/**
|
|
182
|
-
* Message overrides for localization
|
|
183
|
-
*
|
|
184
|
-
* emptyMessage [default] = 'No data to display'
|
|
185
|
-
* totalMessage [default] = 'total'
|
|
186
|
-
* selectedMessage [default] = 'selected'
|
|
187
|
-
*/
|
|
188
|
-
messages: Partial<INgxDatatableConfig['messages']>;
|
|
189
|
-
/**
|
|
190
|
-
* A function which is called with the row and should return either:
|
|
191
|
-
* - a string: `"class-1 class-2`
|
|
192
|
-
* - a Record<string, boolean>: `{ 'class-1': true, 'class-2': false }`
|
|
193
|
-
*/
|
|
194
|
-
rowClass: (row: Group<TRow> | TRow) => string | Record<string, boolean>;
|
|
195
|
-
/**
|
|
196
|
-
* A boolean/function you can use to check whether you want
|
|
197
|
-
* to select a particular row based on a criteria. Example:
|
|
198
|
-
*
|
|
199
|
-
* (selection) => {
|
|
200
|
-
* return selection !== 'Ethel Price';
|
|
201
|
-
* }
|
|
202
|
-
*/
|
|
203
|
-
selectCheck: (value: TRow, index: number, array: TRow[]) => boolean;
|
|
204
|
-
/**
|
|
205
|
-
* A function you can use to check whether you want
|
|
206
|
-
* to show the checkbox for a particular row based on a criteria. Example:
|
|
207
|
-
*
|
|
208
|
-
* (row, column, value) => {
|
|
209
|
-
* return row.name !== 'Ethel Price';
|
|
210
|
-
* }
|
|
211
|
-
*/
|
|
212
|
-
displayCheck: (row: TRow, column: TableColumn, value?: any) => boolean;
|
|
213
|
-
/**
|
|
214
|
-
* A boolean you can use to set the detault behaviour of rows and groups
|
|
215
|
-
* whether they will start expanded or not. If ommited the default is NOT expanded.
|
|
216
|
-
*
|
|
217
|
-
*/
|
|
218
|
-
groupExpansionDefault: boolean;
|
|
219
|
-
/**
|
|
220
|
-
* Property to which you can use for custom tracking of rows.
|
|
221
|
-
* Example: 'name'
|
|
222
|
-
*/
|
|
223
|
-
trackByProp: string;
|
|
224
|
-
/**
|
|
225
|
-
* Property to which you can use for determining select all
|
|
226
|
-
* rows on current page or not.
|
|
227
|
-
*/
|
|
228
|
-
selectAllRowsOnPage: boolean;
|
|
229
|
-
/**
|
|
230
|
-
* A flag for row virtualization on / off
|
|
231
|
-
*/
|
|
232
|
-
virtualization: boolean;
|
|
233
|
-
/**
|
|
234
|
-
* Tree from relation
|
|
235
|
-
*/
|
|
236
|
-
treeFromRelation: string;
|
|
237
|
-
/**
|
|
238
|
-
* Tree to relation
|
|
239
|
-
*/
|
|
240
|
-
treeToRelation: string;
|
|
241
|
-
/**
|
|
242
|
-
* A flag for switching summary row on / off
|
|
243
|
-
*/
|
|
244
|
-
summaryRow: boolean;
|
|
245
|
-
/**
|
|
246
|
-
* A height of summary row
|
|
247
|
-
*/
|
|
248
|
-
summaryHeight: number;
|
|
249
|
-
/**
|
|
250
|
-
* A property holds a summary row position: top/bottom
|
|
251
|
-
*/
|
|
252
|
-
summaryPosition: string;
|
|
253
|
-
/**
|
|
254
|
-
* A function you can use to check whether you want
|
|
255
|
-
* to disable a row. Example:
|
|
256
|
-
*
|
|
257
|
-
* (row) => {
|
|
258
|
-
* return row.name !== 'Ethel Price';
|
|
259
|
-
* }
|
|
260
|
-
*/
|
|
261
|
-
disableRowCheck: (row: TRow) => boolean;
|
|
262
|
-
/**
|
|
263
|
-
* A flag to enable drag behavior of native HTML5 drag and drop API on rows.
|
|
264
|
-
* If set to true, {@link rowDragEvents} will emit dragstart and dragend events.
|
|
265
|
-
*/
|
|
266
|
-
rowDraggable: boolean;
|
|
267
|
-
/**
|
|
268
|
-
* A flag to controll behavior of sort states.
|
|
269
|
-
* By default sort on column toggles between ascending and descending without getting removed.
|
|
270
|
-
* Set true to clear sorting of column after performing ascending and descending sort on that column.
|
|
271
|
-
*/
|
|
272
|
-
enableClearingSortState: boolean;
|
|
273
|
-
/**
|
|
274
|
-
* Body was scrolled typically in a `scrollbarV:true` scenario.
|
|
275
|
-
*/
|
|
276
|
-
scroll: EventEmitter<ScrollEvent>;
|
|
277
|
-
/**
|
|
278
|
-
* A cell or row was focused via keyboard or mouse click.
|
|
279
|
-
*/
|
|
280
|
-
activate: EventEmitter<ActivateEvent<TRow>>;
|
|
281
|
-
/**
|
|
282
|
-
* A cell or row was selected.
|
|
283
|
-
*/
|
|
284
|
-
select: EventEmitter<{
|
|
285
|
-
selected: TRow[];
|
|
286
|
-
}>;
|
|
287
|
-
/**
|
|
288
|
-
* Column sort was invoked.
|
|
289
|
-
*/
|
|
290
|
-
sort: EventEmitter<SortEvent>;
|
|
291
|
-
/**
|
|
292
|
-
* The table was paged either triggered by the pager or the body scroll.
|
|
293
|
-
*/
|
|
294
|
-
page: EventEmitter<PageEvent>;
|
|
295
|
-
/**
|
|
296
|
-
* Columns were re-ordered.
|
|
297
|
-
*/
|
|
298
|
-
reorder: EventEmitter<ReorderEvent>;
|
|
299
|
-
/**
|
|
300
|
-
* Column was resized.
|
|
301
|
-
*/
|
|
302
|
-
resize: EventEmitter<ColumnResizeEvent>;
|
|
303
|
-
/**
|
|
304
|
-
* The context menu was invoked on the table.
|
|
305
|
-
* type indicates whether the header or the body was clicked.
|
|
306
|
-
* content contains either the column or the row that was clicked.
|
|
307
|
-
*/
|
|
308
|
-
tableContextmenu: EventEmitter<{
|
|
309
|
-
event: MouseEvent;
|
|
310
|
-
type: ContextmenuType;
|
|
311
|
-
content: TableColumn | RowOrGroup<TRow>;
|
|
312
|
-
}>;
|
|
313
|
-
/**
|
|
314
|
-
* A row was expanded ot collapsed for tree
|
|
315
|
-
*/
|
|
316
|
-
treeAction: EventEmitter<{
|
|
317
|
-
row: TRow;
|
|
318
|
-
rowIndex: number;
|
|
319
|
-
}>;
|
|
320
|
-
/**
|
|
321
|
-
* Emits HTML5 native drag events.
|
|
322
|
-
* Only emits dragenter, dragover, drop events by default.
|
|
323
|
-
* Set {@link rowDraggble} to true for dragstart and dragend.
|
|
324
|
-
*/
|
|
325
|
-
rowDragEvents: EventEmitter<DragEventData>;
|
|
326
|
-
/**
|
|
327
|
-
* CSS class applied if the header height if fixed height.
|
|
328
|
-
*/
|
|
329
|
-
get isFixedHeader(): boolean;
|
|
330
|
-
/**
|
|
331
|
-
* CSS class applied to the root element if
|
|
332
|
-
* the row heights are fixed heights.
|
|
333
|
-
*/
|
|
334
|
-
get isFixedRow(): boolean;
|
|
335
|
-
/**
|
|
336
|
-
* CSS class applied to root element if
|
|
337
|
-
* vertical scrolling is enabled.
|
|
338
|
-
*/
|
|
339
|
-
get isVertScroll(): boolean;
|
|
340
|
-
/**
|
|
341
|
-
* CSS class applied to root element if
|
|
342
|
-
* virtualization is enabled.
|
|
343
|
-
*/
|
|
344
|
-
get isVirtualized(): boolean;
|
|
345
|
-
/**
|
|
346
|
-
* CSS class applied to the root element
|
|
347
|
-
* if the horziontal scrolling is enabled.
|
|
348
|
-
*/
|
|
349
|
-
get isHorScroll(): boolean;
|
|
350
|
-
/**
|
|
351
|
-
* CSS class applied to root element is selectable.
|
|
352
|
-
*/
|
|
353
|
-
get isSelectable(): boolean;
|
|
354
|
-
/**
|
|
355
|
-
* CSS class applied to root is checkbox selection.
|
|
356
|
-
*/
|
|
357
|
-
get isCheckboxSelection(): boolean;
|
|
358
|
-
/**
|
|
359
|
-
* CSS class applied to root if cell selection.
|
|
360
|
-
*/
|
|
361
|
-
get isCellSelection(): boolean;
|
|
362
|
-
/**
|
|
363
|
-
* CSS class applied to root if single select.
|
|
364
|
-
*/
|
|
365
|
-
get isSingleSelection(): boolean;
|
|
366
|
-
/**
|
|
367
|
-
* CSS class added to root element if mulit select
|
|
368
|
-
*/
|
|
369
|
-
get isMultiSelection(): boolean;
|
|
370
|
-
/**
|
|
371
|
-
* CSS class added to root element if mulit click select
|
|
372
|
-
*/
|
|
373
|
-
get isMultiClickSelection(): boolean;
|
|
374
|
-
/**
|
|
375
|
-
* Column templates gathered from `ContentChildren`
|
|
376
|
-
* if described in your markup.
|
|
377
|
-
*/
|
|
378
|
-
columnTemplates: QueryList<DataTableColumnDirective<TRow>>;
|
|
379
|
-
/**
|
|
380
|
-
* Row Detail templates gathered from the ContentChild
|
|
381
|
-
*/
|
|
382
|
-
rowDetail: DatatableRowDetailDirective;
|
|
383
|
-
/**
|
|
384
|
-
* Group Header templates gathered from the ContentChild
|
|
385
|
-
*/
|
|
386
|
-
groupHeader: DatatableGroupHeaderDirective;
|
|
387
|
-
/**
|
|
388
|
-
* Footer template gathered from the ContentChild
|
|
389
|
-
*/
|
|
390
|
-
footer: DatatableFooterDirective;
|
|
391
|
-
/**
|
|
392
|
-
* Reference to the body component for manually
|
|
393
|
-
* invoking functions on the body.
|
|
394
|
-
*/
|
|
395
|
-
bodyComponent: DataTableBodyComponent<TRow & {
|
|
396
|
-
treeStatus?: TreeStatus;
|
|
397
|
-
}>;
|
|
398
|
-
/**
|
|
399
|
-
* Reference to the header component for manually
|
|
400
|
-
* invoking functions on the header.
|
|
401
|
-
*/
|
|
402
|
-
headerComponent: DataTableHeaderComponent;
|
|
403
|
-
private bodyElement;
|
|
404
|
-
rowDefTemplate?: TemplateRef<any>;
|
|
405
|
-
/**
|
|
406
|
-
* Returns if all rows are selected.
|
|
407
|
-
*/
|
|
408
|
-
get allRowsSelected(): boolean;
|
|
409
|
-
element: HTMLElement;
|
|
410
|
-
_innerWidth: number;
|
|
411
|
-
pageSize: number;
|
|
412
|
-
bodyHeight: number;
|
|
413
|
-
rowCount: number;
|
|
414
|
-
rowDiffer: IterableDiffer<TRow>;
|
|
415
|
-
_offsetX: BehaviorSubject<number>;
|
|
416
|
-
_limit: number | undefined;
|
|
417
|
-
_count: number;
|
|
418
|
-
_offset: number;
|
|
419
|
-
_rows: TRow[] | null | undefined;
|
|
420
|
-
_groupRowsBy: keyof TRow;
|
|
421
|
-
_internalRows: TRow[];
|
|
422
|
-
_internalColumns: TableColumn[];
|
|
423
|
-
_columns: TableColumn[];
|
|
424
|
-
_subscriptions: Subscription[];
|
|
425
|
-
_ghostLoadingIndicator: boolean;
|
|
426
|
-
_defaultColumnWidth?: number;
|
|
427
|
-
protected verticalScrollVisible: boolean;
|
|
428
|
-
private _rowInitDone;
|
|
429
|
-
constructor();
|
|
430
|
-
/**
|
|
431
|
-
* Lifecycle hook that is called after data-bound
|
|
432
|
-
* properties of a directive are initialized.
|
|
433
|
-
*/
|
|
434
|
-
ngOnInit(): void;
|
|
435
|
-
/**
|
|
436
|
-
* Lifecycle hook that is called after a component's
|
|
437
|
-
* view has been fully initialized.
|
|
438
|
-
*/
|
|
439
|
-
ngAfterViewInit(): void;
|
|
440
|
-
/**
|
|
441
|
-
* Lifecycle hook that is called after a component's
|
|
442
|
-
* content has been fully initialized.
|
|
443
|
-
*/
|
|
444
|
-
ngAfterContentInit(): void;
|
|
445
|
-
/**
|
|
446
|
-
* This will be used when displaying or selecting rows.
|
|
447
|
-
* when tracking/comparing them, we'll use the value of this fn,
|
|
448
|
-
*
|
|
449
|
-
* (`fn(x) === fn(y)` instead of `x === y`)
|
|
450
|
-
*/
|
|
451
|
-
rowIdentity: (x: TRow | Group<TRow>) => unknown;
|
|
452
|
-
/**
|
|
453
|
-
* Translates the templates to the column objects
|
|
454
|
-
*/
|
|
455
|
-
translateColumns(val: QueryList<DataTableColumnDirective<TRow>>): void;
|
|
456
|
-
/**
|
|
457
|
-
* Creates a map with the data grouped by the user choice of grouping index
|
|
458
|
-
*
|
|
459
|
-
* @param originalArray the original array passed via parameter
|
|
460
|
-
* @param groupBy the key of the column to group the data by
|
|
461
|
-
*/
|
|
462
|
-
groupArrayBy(originalArray: TRow[], groupBy: keyof TRow): {
|
|
463
|
-
key: TRow[keyof TRow];
|
|
464
|
-
value: TRow[];
|
|
465
|
-
}[];
|
|
466
|
-
ngDoCheck(): void;
|
|
467
|
-
/**
|
|
468
|
-
* Recalc's the sizes of the grid.
|
|
469
|
-
*
|
|
470
|
-
* Updated automatically on changes to:
|
|
471
|
-
*
|
|
472
|
-
* - Columns
|
|
473
|
-
* - Rows
|
|
474
|
-
* - Paging related
|
|
475
|
-
*
|
|
476
|
-
* Also can be manually invoked or upon window resize.
|
|
477
|
-
*/
|
|
478
|
-
recalculate(): void;
|
|
479
|
-
/**
|
|
480
|
-
* Window resize handler to update sizes.
|
|
481
|
-
*/
|
|
482
|
-
onWindowResize(): void;
|
|
483
|
-
/**
|
|
484
|
-
* Recalulcates the column widths based on column width
|
|
485
|
-
* distribution mode and scrollbar offsets.
|
|
486
|
-
*/
|
|
487
|
-
recalculateColumns(columns?: TableColumn[], forceIdx?: number, allowBleed?: boolean): TableColumn[] | undefined;
|
|
488
|
-
/**
|
|
489
|
-
* Recalculates the dimensions of the table size.
|
|
490
|
-
* Internally calls the page size and row count calcs too.
|
|
491
|
-
*
|
|
492
|
-
*/
|
|
493
|
-
recalculateDims(): void;
|
|
494
|
-
/**
|
|
495
|
-
* Recalculates the pages after a update.
|
|
496
|
-
*/
|
|
497
|
-
recalculatePages(): void;
|
|
498
|
-
/**
|
|
499
|
-
* Body triggered a page event.
|
|
500
|
-
*/
|
|
501
|
-
onBodyPage(offset: number): void;
|
|
502
|
-
/**
|
|
503
|
-
* The body triggered a scroll event.
|
|
504
|
-
*/
|
|
505
|
-
onBodyScroll(event: ScrollEvent): void;
|
|
506
|
-
/**
|
|
507
|
-
* The footer triggered a page event.
|
|
508
|
-
*/
|
|
509
|
-
onFooterPage(event: PagerPageEvent): void;
|
|
510
|
-
/**
|
|
511
|
-
* Recalculates the sizes of the page
|
|
512
|
-
*/
|
|
513
|
-
calcPageSize(): number;
|
|
514
|
-
/**
|
|
515
|
-
* Calculates the row count.
|
|
516
|
-
*/
|
|
517
|
-
calcRowCount(): number;
|
|
518
|
-
/**
|
|
519
|
-
* The header triggered a contextmenu event.
|
|
520
|
-
*/
|
|
521
|
-
onColumnContextmenu({ event, column }: {
|
|
522
|
-
event: MouseEvent;
|
|
523
|
-
column: TableColumn;
|
|
524
|
-
}): void;
|
|
525
|
-
/**
|
|
526
|
-
* The body triggered a contextmenu event.
|
|
527
|
-
*/
|
|
528
|
-
onRowContextmenu({ event, row }: {
|
|
529
|
-
event: MouseEvent;
|
|
530
|
-
row: RowOrGroup<TRow>;
|
|
531
|
-
}): void;
|
|
532
|
-
/**
|
|
533
|
-
* The header triggered a column resize event.
|
|
534
|
-
*/
|
|
535
|
-
onColumnResize({ column, newValue, prevValue }: ColumnResizeEvent): void;
|
|
536
|
-
onColumnResizing({ column, newValue }: ColumnResizeEvent): void;
|
|
537
|
-
/**
|
|
538
|
-
* The header triggered a column re-order event.
|
|
539
|
-
*/
|
|
540
|
-
onColumnReorder({ column, newValue, prevValue }: ReorderEvent): void;
|
|
541
|
-
/**
|
|
542
|
-
* The header triggered a column sort event.
|
|
543
|
-
*/
|
|
544
|
-
onColumnSort(event: SortEvent): void;
|
|
545
|
-
/**
|
|
546
|
-
* Toggle all row selection
|
|
547
|
-
*/
|
|
548
|
-
onHeaderSelect(): void;
|
|
549
|
-
/**
|
|
550
|
-
* A row was selected from body
|
|
551
|
-
*/
|
|
552
|
-
onBodySelect(event: {
|
|
553
|
-
selected: TRow[];
|
|
554
|
-
}): void;
|
|
555
|
-
/**
|
|
556
|
-
* A row was expanded or collapsed for tree
|
|
557
|
-
*/
|
|
558
|
-
onTreeAction(event: {
|
|
559
|
-
row: TRow;
|
|
560
|
-
}): void;
|
|
561
|
-
ngOnDestroy(): void;
|
|
562
|
-
/**
|
|
563
|
-
* listen for changes to input bindings of all DataTableColumnDirective and
|
|
564
|
-
* trigger the columnTemplates.changes observable to emit
|
|
565
|
-
*/
|
|
566
|
-
private listenForColumnInputChanges;
|
|
567
|
-
private sortInternalRows;
|
|
568
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DatatableComponent<any>, never>;
|
|
569
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DatatableComponent<any>, "ngx-datatable", never, { "targetMarkerTemplate": { "alias": "targetMarkerTemplate"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "groupRowsBy": { "alias": "groupRowsBy"; "required": false; }; "groupedRows": { "alias": "groupedRows"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "scrollbarV": { "alias": "scrollbarV"; "required": false; }; "scrollbarVDynamic": { "alias": "scrollbarVDynamic"; "required": false; }; "scrollbarH": { "alias": "scrollbarH"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "columnMode": { "alias": "columnMode"; "required": false; }; "headerHeight": { "alias": "headerHeight"; "required": false; }; "footerHeight": { "alias": "footerHeight"; "required": false; }; "externalPaging": { "alias": "externalPaging"; "required": false; }; "externalSorting": { "alias": "externalSorting"; "required": false; }; "limit": { "alias": "limit"; "required": false; }; "count": { "alias": "count"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "loadingIndicator": { "alias": "loadingIndicator"; "required": false; }; "ghostLoadingIndicator": { "alias": "ghostLoadingIndicator"; "required": false; }; "selectionType": { "alias": "selectionType"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "swapColumns": { "alias": "swapColumns"; "required": false; }; "sortType": { "alias": "sortType"; "required": false; }; "sorts": { "alias": "sorts"; "required": false; }; "cssClasses": { "alias": "cssClasses"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "selectCheck": { "alias": "selectCheck"; "required": false; }; "displayCheck": { "alias": "displayCheck"; "required": false; }; "groupExpansionDefault": { "alias": "groupExpansionDefault"; "required": false; }; "trackByProp": { "alias": "trackByProp"; "required": false; }; "selectAllRowsOnPage": { "alias": "selectAllRowsOnPage"; "required": false; }; "virtualization": { "alias": "virtualization"; "required": false; }; "treeFromRelation": { "alias": "treeFromRelation"; "required": false; }; "treeToRelation": { "alias": "treeToRelation"; "required": false; }; "summaryRow": { "alias": "summaryRow"; "required": false; }; "summaryHeight": { "alias": "summaryHeight"; "required": false; }; "summaryPosition": { "alias": "summaryPosition"; "required": false; }; "disableRowCheck": { "alias": "disableRowCheck"; "required": false; }; "rowDraggable": { "alias": "rowDraggable"; "required": false; }; "enableClearingSortState": { "alias": "enableClearingSortState"; "required": false; }; "rowIdentity": { "alias": "rowIdentity"; "required": false; }; }, { "scroll": "scroll"; "activate": "activate"; "select": "select"; "sort": "sort"; "page": "page"; "reorder": "reorder"; "resize": "resize"; "tableContextmenu": "tableContextmenu"; "treeAction": "treeAction"; "rowDragEvents": "rowDragEvents"; }, ["rowDetail", "groupHeader", "footer", "rowDefTemplate", "columnTemplates"], ["[loading-indicator]", "[empty-content]"], true, never>;
|
|
570
|
-
static ngAcceptInputType_scrollbarV: unknown;
|
|
571
|
-
static ngAcceptInputType_scrollbarVDynamic: unknown;
|
|
572
|
-
static ngAcceptInputType_scrollbarH: unknown;
|
|
573
|
-
static ngAcceptInputType_headerHeight: unknown;
|
|
574
|
-
static ngAcceptInputType_footerHeight: unknown;
|
|
575
|
-
static ngAcceptInputType_externalPaging: unknown;
|
|
576
|
-
static ngAcceptInputType_externalSorting: unknown;
|
|
577
|
-
static ngAcceptInputType_limit: unknown;
|
|
578
|
-
static ngAcceptInputType_count: unknown;
|
|
579
|
-
static ngAcceptInputType_offset: unknown;
|
|
580
|
-
static ngAcceptInputType_loadingIndicator: unknown;
|
|
581
|
-
static ngAcceptInputType_ghostLoadingIndicator: unknown;
|
|
582
|
-
static ngAcceptInputType_reorderable: unknown;
|
|
583
|
-
static ngAcceptInputType_swapColumns: unknown;
|
|
584
|
-
static ngAcceptInputType_groupExpansionDefault: unknown;
|
|
585
|
-
static ngAcceptInputType_selectAllRowsOnPage: unknown;
|
|
586
|
-
static ngAcceptInputType_virtualization: unknown;
|
|
587
|
-
static ngAcceptInputType_summaryRow: unknown;
|
|
588
|
-
static ngAcceptInputType_summaryHeight: unknown;
|
|
589
|
-
static ngAcceptInputType_rowDraggable: unknown;
|
|
590
|
-
static ngAcceptInputType_enableClearingSortState: unknown;
|
|
591
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { FooterContext } from '../../types/public.types';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class DataTableFooterTemplateDirective {
|
|
4
|
-
static ngTemplateContextGuard(directive: DataTableFooterTemplateDirective, context: unknown): context is FooterContext;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableFooterTemplateDirective, never>;
|
|
6
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableFooterTemplateDirective, "[ngx-datatable-footer-template]", never, {}, {}, never, never, true, never>;
|
|
7
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { DatatableFooterDirective } from './footer.directive';
|
|
3
|
-
import { PagerPageEvent } from '../../types/public.types';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DataTableFooterComponent {
|
|
6
|
-
footerHeight: number;
|
|
7
|
-
rowCount: number;
|
|
8
|
-
pageSize: number;
|
|
9
|
-
offset: number;
|
|
10
|
-
pagerLeftArrowIcon: string;
|
|
11
|
-
pagerRightArrowIcon: string;
|
|
12
|
-
pagerPreviousIcon: string;
|
|
13
|
-
pagerNextIcon: string;
|
|
14
|
-
totalMessage: string;
|
|
15
|
-
footerTemplate: DatatableFooterDirective;
|
|
16
|
-
selectedCount: number;
|
|
17
|
-
selectedMessage: string | boolean;
|
|
18
|
-
page: EventEmitter<PagerPageEvent>;
|
|
19
|
-
get isVisible(): boolean;
|
|
20
|
-
get curPage(): number;
|
|
21
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableFooterComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DataTableFooterComponent, "datatable-footer", never, { "footerHeight": { "alias": "footerHeight"; "required": false; }; "rowCount": { "alias": "rowCount"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "pagerLeftArrowIcon": { "alias": "pagerLeftArrowIcon"; "required": false; }; "pagerRightArrowIcon": { "alias": "pagerRightArrowIcon"; "required": false; }; "pagerPreviousIcon": { "alias": "pagerPreviousIcon"; "required": false; }; "pagerNextIcon": { "alias": "pagerNextIcon"; "required": false; }; "totalMessage": { "alias": "totalMessage"; "required": false; }; "footerTemplate": { "alias": "footerTemplate"; "required": false; }; "selectedCount": { "alias": "selectedCount"; "required": false; }; "selectedMessage": { "alias": "selectedMessage"; "required": false; }; }, { "page": "page"; }, never, never, true, never>;
|
|
23
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import { FooterContext } from '../../types/public.types';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class DatatableFooterDirective {
|
|
5
|
-
footerHeight: number;
|
|
6
|
-
totalMessage: string;
|
|
7
|
-
selectedMessage: string | boolean;
|
|
8
|
-
pagerLeftArrowIcon: string;
|
|
9
|
-
pagerRightArrowIcon: string;
|
|
10
|
-
pagerPreviousIcon: string;
|
|
11
|
-
pagerNextIcon: string;
|
|
12
|
-
_templateInput: TemplateRef<FooterContext>;
|
|
13
|
-
_templateQuery: TemplateRef<FooterContext>;
|
|
14
|
-
get template(): TemplateRef<FooterContext>;
|
|
15
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DatatableFooterDirective, never>;
|
|
16
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DatatableFooterDirective, "ngx-datatable-footer", never, { "footerHeight": { "alias": "footerHeight"; "required": false; }; "totalMessage": { "alias": "totalMessage"; "required": false; }; "selectedMessage": { "alias": "selectedMessage"; "required": false; }; "pagerLeftArrowIcon": { "alias": "pagerLeftArrowIcon"; "required": false; }; "pagerRightArrowIcon": { "alias": "pagerRightArrowIcon"; "required": false; }; "pagerPreviousIcon": { "alias": "pagerPreviousIcon"; "required": false; }; "pagerNextIcon": { "alias": "pagerNextIcon"; "required": false; }; "_templateInput": { "alias": "template"; "required": false; }; }, {}, ["_templateQuery"], never, true, never>;
|
|
17
|
-
static ngAcceptInputType_footerHeight: unknown;
|
|
18
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import { PagerPageEvent } from '../../types/public.types';
|
|
3
|
-
import { Page } from '../../types/internal.types';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
export declare class DataTablePagerComponent {
|
|
6
|
-
pagerLeftArrowIcon: string;
|
|
7
|
-
pagerRightArrowIcon: string;
|
|
8
|
-
pagerPreviousIcon: string;
|
|
9
|
-
pagerNextIcon: string;
|
|
10
|
-
set size(val: number);
|
|
11
|
-
get size(): number;
|
|
12
|
-
set count(val: number);
|
|
13
|
-
get count(): number;
|
|
14
|
-
set page(val: number);
|
|
15
|
-
get page(): number;
|
|
16
|
-
get totalPages(): number;
|
|
17
|
-
change: EventEmitter<PagerPageEvent>;
|
|
18
|
-
_count: number;
|
|
19
|
-
_page: number;
|
|
20
|
-
_size: number;
|
|
21
|
-
pages: Page[];
|
|
22
|
-
canPrevious(): boolean;
|
|
23
|
-
canNext(): boolean;
|
|
24
|
-
prevPage(): void;
|
|
25
|
-
nextPage(): void;
|
|
26
|
-
selectPage(page: number): void;
|
|
27
|
-
calcPages(page?: number): Page[];
|
|
28
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataTablePagerComponent, never>;
|
|
29
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DataTablePagerComponent, "datatable-pager", never, { "pagerLeftArrowIcon": { "alias": "pagerLeftArrowIcon"; "required": false; }; "pagerRightArrowIcon": { "alias": "pagerRightArrowIcon"; "required": false; }; "pagerPreviousIcon": { "alias": "pagerPreviousIcon"; "required": false; }; "pagerNextIcon": { "alias": "pagerNextIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "count": { "alias": "count"; "required": false; }; "page": { "alias": "page"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
30
|
-
}
|