@swimlane/ngx-datatable 21.1.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.
Files changed (66) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/assets/app.css +0 -2
  3. package/fesm2022/swimlane-ngx-datatable.mjs +1173 -1683
  4. package/fesm2022/swimlane-ngx-datatable.mjs.map +1 -1
  5. package/index.css +1 -247
  6. package/index.d.ts +1678 -3
  7. package/index.scss +1 -319
  8. package/package.json +4 -4
  9. package/themes/bootstrap.css +5 -0
  10. package/themes/bootstrap.scss +7 -0
  11. package/themes/dark.css +5 -1
  12. package/themes/dark.scss +6 -1
  13. package/themes/material.css +5 -17
  14. package/themes/material.scss +6 -17
  15. package/lib/components/body/body-cell.component.d.ts +0 -73
  16. package/lib/components/body/body-group-header-template.directive.d.ts +0 -7
  17. package/lib/components/body/body-group-header.directive.d.ts +0 -34
  18. package/lib/components/body/body-row-def.component.d.ts +0 -34
  19. package/lib/components/body/body-row-wrapper.component.d.ts +0 -44
  20. package/lib/components/body/body-row.component.d.ts +0 -47
  21. package/lib/components/body/body.component.d.ts +0 -231
  22. package/lib/components/body/ghost-loader/ghost-loader.component.d.ts +0 -12
  23. package/lib/components/body/progress-bar.component.d.ts +0 -5
  24. package/lib/components/body/scroller.component.d.ts +0 -24
  25. package/lib/components/body/selection.component.d.ts +0 -28
  26. package/lib/components/body/summary/summary-row.component.d.ts +0 -24
  27. package/lib/components/columns/column-cell.directive.d.ts +0 -9
  28. package/lib/components/columns/column-ghost-cell.directive.d.ts +0 -6
  29. package/lib/components/columns/column-header.directive.d.ts +0 -7
  30. package/lib/components/columns/column.directive.d.ts +0 -68
  31. package/lib/components/columns/tree.directive.d.ts +0 -7
  32. package/lib/components/datatable.component.d.ts +0 -591
  33. package/lib/components/footer/footer-template.directive.d.ts +0 -7
  34. package/lib/components/footer/footer.component.d.ts +0 -23
  35. package/lib/components/footer/footer.directive.d.ts +0 -18
  36. package/lib/components/footer/pager.component.d.ts +0 -30
  37. package/lib/components/header/header-cell.component.d.ts +0 -52
  38. package/lib/components/header/header.component.d.ts +0 -75
  39. package/lib/components/row-detail/row-detail-template.directive.d.ts +0 -7
  40. package/lib/components/row-detail/row-detail.directive.d.ts +0 -31
  41. package/lib/directives/disable-row.directive.d.ts +0 -22
  42. package/lib/directives/draggable.directive.d.ts +0 -38
  43. package/lib/directives/long-press.directive.d.ts +0 -39
  44. package/lib/directives/orderable.directive.d.ts +0 -34
  45. package/lib/directives/resizeable.directive.d.ts +0 -25
  46. package/lib/directives/visibility.directive.d.ts +0 -26
  47. package/lib/ngx-datatable.module.d.ts +0 -50
  48. package/lib/services/column-changes.service.d.ts +0 -13
  49. package/lib/services/scrollbar-helper.service.d.ts +0 -12
  50. package/lib/types/internal.types.d.ts +0 -31
  51. package/lib/types/public.types.d.ts +0 -142
  52. package/lib/types/table-column.type.d.ts +0 -163
  53. package/lib/utils/camel-case.d.ts +0 -10
  54. package/lib/utils/column-helper.d.ts +0 -11
  55. package/lib/utils/column-prop-getters.d.ts +0 -29
  56. package/lib/utils/column.d.ts +0 -19
  57. package/lib/utils/id.d.ts +0 -5
  58. package/lib/utils/keys.d.ts +0 -8
  59. package/lib/utils/math.d.ts +0 -30
  60. package/lib/utils/row-height-cache.d.ts +0 -52
  61. package/lib/utils/selection.d.ts +0 -2
  62. package/lib/utils/sort.d.ts +0 -17
  63. package/lib/utils/table-token.d.ts +0 -7
  64. package/lib/utils/throttle.d.ts +0 -17
  65. package/lib/utils/tree.d.ts +0 -40
  66. package/public-api.d.ts +0 -48
@@ -1,591 +0,0 @@
1
- import { AfterContentInit, AfterViewInit, DoCheck, EventEmitter, KeyValueDiffer, 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
- rowDiffer: KeyValueDiffer<TRow, TRow>;
411
- _innerWidth: number;
412
- pageSize: number;
413
- bodyHeight: number;
414
- rowCount: number;
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
- }