cps-ui-kit 19.4.0 → 20.1.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 (80) hide show
  1. package/assets/icons.svg +6 -0
  2. package/fesm2022/cps-ui-kit.mjs +1132 -693
  3. package/fesm2022/cps-ui-kit.mjs.map +1 -1
  4. package/index.d.ts +5571 -3
  5. package/package.json +8 -6
  6. package/styles/styles.scss +6 -5
  7. package/lib/components/cps-autocomplete/cps-autocomplete.component.d.ts +0 -332
  8. package/lib/components/cps-button/cps-button.component.d.ts +0 -89
  9. package/lib/components/cps-button-toggle/cps-button-toggle.component.d.ts +0 -111
  10. package/lib/components/cps-checkbox/cps-checkbox.component.d.ts +0 -86
  11. package/lib/components/cps-chip/cps-chip.component.d.ts +0 -51
  12. package/lib/components/cps-datepicker/cps-datepicker.component.d.ts +0 -158
  13. package/lib/components/cps-divider/cps-divider.component.d.ts +0 -39
  14. package/lib/components/cps-expansion-panel/cps-expansion-panel.component.d.ts +0 -86
  15. package/lib/components/cps-file-upload/cps-file-upload.component.d.ts +0 -79
  16. package/lib/components/cps-icon/cps-icon.component.d.ts +0 -44
  17. package/lib/components/cps-info-circle/cps-info-circle.component.d.ts +0 -41
  18. package/lib/components/cps-input/cps-input.component.d.ts +0 -206
  19. package/lib/components/cps-loader/cps-loader.component.d.ts +0 -34
  20. package/lib/components/cps-menu/cps-menu.component.d.ts +0 -179
  21. package/lib/components/cps-paginator/cps-paginator.component.d.ts +0 -62
  22. package/lib/components/cps-paginator/pipes/cps-paginate.pipe.d.ts +0 -14
  23. package/lib/components/cps-progress-circular/cps-progress-circular.component.d.ts +0 -28
  24. package/lib/components/cps-progress-linear/cps-progress-linear.component.d.ts +0 -43
  25. package/lib/components/cps-radio-group/cps-radio/cps-radio.component.d.ts +0 -21
  26. package/lib/components/cps-radio-group/cps-radio-button/cps-radio-button.component.d.ts +0 -49
  27. package/lib/components/cps-radio-group/cps-radio-group.component.d.ts +0 -120
  28. package/lib/components/cps-scheduler/cps-scheduler.component.d.ts +0 -151
  29. package/lib/components/cps-scheduler/cps-scheduler.utils.d.ts +0 -1
  30. package/lib/components/cps-select/cps-select.component.d.ts +0 -260
  31. package/lib/components/cps-sidebar-menu/cps-sidebar-menu.component.d.ts +0 -51
  32. package/lib/components/cps-switch/cps-switch.component.d.ts +0 -73
  33. package/lib/components/cps-tab-group/cps-tab/cps-tab.component.d.ts +0 -57
  34. package/lib/components/cps-tab-group/cps-tab-group.component.d.ts +0 -124
  35. package/lib/components/cps-table/components/internal/cps-sort-icon/cps-sort-icon.component.d.ts +0 -24
  36. package/lib/components/cps-table/components/internal/table-column-filter/table-column-filter.component.d.ts +0 -140
  37. package/lib/components/cps-table/components/internal/table-column-filter-constraint/table-column-filter-constraint.component.d.ts +0 -67
  38. package/lib/components/cps-table/components/internal/table-row-menu/table-row-menu.component.d.ts +0 -46
  39. package/lib/components/cps-table/cps-column-filter-types.d.ts +0 -42
  40. package/lib/components/cps-table/cps-table.component.d.ts +0 -561
  41. package/lib/components/cps-table/directives/cps-table-column-filter.directive.d.ts +0 -103
  42. package/lib/components/cps-table/directives/cps-table-column-resizable.directive.d.ts +0 -15
  43. package/lib/components/cps-table/directives/cps-table-column-sortable.directive.d.ts +0 -24
  44. package/lib/components/cps-table/directives/cps-table-header-selectable.directive.d.ts +0 -17
  45. package/lib/components/cps-table/directives/cps-table-row-selectable.directive.d.ts +0 -22
  46. package/lib/components/cps-table/directives/internal/table-unsort.directive.d.ts +0 -13
  47. package/lib/components/cps-table/pipes/cps-table-detect-filter-type.pipe.d.ts +0 -10
  48. package/lib/components/cps-tag/cps-tag.component.d.ts +0 -58
  49. package/lib/components/cps-textarea/cps-textarea.component.d.ts +0 -154
  50. package/lib/components/cps-timepicker/cps-timepicker.component.d.ts +0 -156
  51. package/lib/components/cps-tree-autocomplete/cps-tree-autocomplete.component.d.ts +0 -65
  52. package/lib/components/cps-tree-select/cps-tree-select.component.d.ts +0 -36
  53. package/lib/components/cps-tree-table/cps-tree-table.component.d.ts +0 -587
  54. package/lib/components/cps-tree-table/directives/cps-tree-table-column-filter.directive.d.ts +0 -98
  55. package/lib/components/cps-tree-table/directives/cps-tree-table-column-resizable.directive.d.ts +0 -15
  56. package/lib/components/cps-tree-table/directives/cps-tree-table-column-sortable.directive.d.ts +0 -24
  57. package/lib/components/cps-tree-table/directives/cps-tree-table-header-selectable.directive.d.ts +0 -17
  58. package/lib/components/cps-tree-table/directives/cps-tree-table-row-selectable.directive.d.ts +0 -22
  59. package/lib/components/cps-tree-table/directives/cps-tree-table-row-toggler.directive.d.ts +0 -23
  60. package/lib/components/cps-tree-table/directives/internal/tree-table-unsort.directive.d.ts +0 -15
  61. package/lib/components/cps-tree-table/pipes/cps-tree-table-detect-filter-type.pipe.d.ts +0 -12
  62. package/lib/components/internal/cps-base-tree-dropdown/cps-base-tree-dropdown.component.d.ts +0 -237
  63. package/lib/directives/cps-tooltip/cps-tooltip.directive.d.ts +0 -91
  64. package/lib/pipes/internal/check-option-selected.pipe.d.ts +0 -7
  65. package/lib/pipes/internal/combine-labels.pipe.d.ts +0 -7
  66. package/lib/pipes/internal/label-by-value.pipe.d.ts +0 -7
  67. package/lib/services/cps-dialog/cps-dialog.service.d.ts +0 -47
  68. package/lib/services/cps-dialog/internal/components/cps-confirmation/cps-confirmation.component.d.ts +0 -12
  69. package/lib/services/cps-dialog/internal/components/cps-dialog/cps-dialog.component.d.ts +0 -93
  70. package/lib/services/cps-dialog/internal/directives/cps-dialog-content.directive.d.ts +0 -8
  71. package/lib/services/cps-dialog/utils/cps-dialog-config.d.ts +0 -155
  72. package/lib/services/cps-dialog/utils/cps-dialog-ref.d.ts +0 -101
  73. package/lib/services/cps-notification/cps-notification.service.d.ts +0 -56
  74. package/lib/services/cps-notification/internal/components/cps-notification-container/cps-notification-container.component.d.ts +0 -39
  75. package/lib/services/cps-notification/internal/components/cps-toast/cps-toast.component.d.ts +0 -28
  76. package/lib/services/cps-notification/utils/cps-notification-config.d.ts +0 -60
  77. package/lib/services/cps-notification/utils/internal/cps-notification-data.d.ts +0 -26
  78. package/lib/utils/colors-utils.d.ts +0 -3
  79. package/lib/utils/internal/size-utils.d.ts +0 -5
  80. package/public-api.d.ts +0 -54
@@ -1,587 +0,0 @@
1
- import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
2
- import { TreeTable, TreeTableSortEvent } from 'primeng/treetable';
3
- import { CpsInputComponent } from '../cps-input/cps-input.component';
4
- import { CpsMenuComponent, CpsMenuItem } from '../cps-menu/cps-menu.component';
5
- import * as i0 from "@angular/core";
6
- export declare function treeTableFactory(tableComponent: CpsTreeTableComponent): TreeTable;
7
- /**
8
- * CpsTreeTableSize is used to define the size of the tree table.
9
- * @group Types
10
- */
11
- export type CpsTreeTableSize = 'small' | 'normal' | 'large';
12
- /**
13
- * CpsTreeTableToolbarSize is used to define the size of the tree table toolbar.
14
- * @group Types
15
- */
16
- export type CpsTreeTableToolbarSize = 'small' | 'normal';
17
- /**
18
- * CpsTreeTableSortMode is used to define the sorting mode of the tree table.
19
- * @group Types
20
- */
21
- export type CpsTreeTableSortMode = 'single' | 'multiple';
22
- /**
23
- * CpsTreeTableComponent is used to display hierarchical data in tabular format.
24
- * @group Components
25
- */
26
- export declare class CpsTreeTableComponent implements OnInit, AfterViewInit, OnDestroy, AfterViewChecked, OnChanges {
27
- private cdRef;
28
- private document;
29
- private renderer;
30
- private ngZone;
31
- /**
32
- * An array of objects to represent dynamic columns.
33
- * @group Props
34
- */
35
- columns: {
36
- [key: string]: any;
37
- }[];
38
- /**
39
- * A key used to retrieve the header from columns.
40
- * @group Props
41
- */
42
- colHeaderName: string;
43
- /**
44
- * A key used to retrieve the field from columns.
45
- * @group Props
46
- */
47
- colFieldName: string;
48
- /**
49
- * A key used to retrieve the filter type from columns.
50
- * @group Props
51
- */
52
- colFilterTypeName: string;
53
- /**
54
- * A key used to retrieve the date format from columns.
55
- * @group Props
56
- */
57
- colDateFormatName: string;
58
- /**
59
- * Treetable min width of type number denoting pixels or string.
60
- * @group Props
61
- */
62
- minWidth: number | string;
63
- /**
64
- * Determines whether minWidth prop is used for treetable body only, excluding toolbar and paginator.
65
- * @group Props
66
- */
67
- minWidthForBodyOnly: boolean;
68
- /**
69
- * Determines whether the cell widths scale according to their content or not.
70
- * @group Props
71
- */
72
- autoLayout: boolean;
73
- /**
74
- * Determines whether the treetable should have alternating stripes.
75
- * @group Props
76
- */
77
- striped: boolean;
78
- /**
79
- * Determines whether the treetable should have borders.
80
- * @group Props
81
- */
82
- bordered: boolean;
83
- /**
84
- * Size of treetable cells, it can be "small", "normal" or "large".
85
- * @group Props
86
- */
87
- size: CpsTreeTableSize;
88
- /**
89
- * Determines whether the treetable should have row selection.
90
- * @group Props
91
- */
92
- selectable: boolean;
93
- /**
94
- * Determines whether the treetable should have rows highlighting on hover.
95
- * @group Props
96
- */
97
- rowHover: boolean;
98
- /**
99
- * Determines whether the treetable should show row menus.
100
- * @group Props
101
- */
102
- showRowMenu: boolean;
103
- /**
104
- * Determines whether the 'Remove' button should be displayed in the row menu.
105
- * Note: This setting only takes effect if 'showRowMenu' is true and 'rowMenuItems' is not set.
106
- * @group Props
107
- */
108
- showRowRemoveButton: boolean;
109
- /**
110
- * Determines whether the 'Edit' button should be displayed in the row menu.
111
- * Note: This setting only takes effect if 'showRowMenu' is true and 'rowMenuItems' is not set.
112
- * @group Props
113
- */
114
- showRowEditButton: boolean;
115
- /**
116
- * Custom items to be displayed in the row menu.
117
- * Note: This setting only takes effect if 'showRowMenu' is true.
118
- * @group Props
119
- */
120
- rowMenuItems?: CpsMenuItem[];
121
- /**
122
- * When enabled, a loader component is displayed.
123
- * @group Props
124
- */
125
- loading: boolean;
126
- /**
127
- * Inline style of the treetable.
128
- * @group Props
129
- */
130
- tableStyle: undefined;
131
- /**
132
- * Style class of the treetable.
133
- * @group Props
134
- */
135
- tableStyleClass: string;
136
- /**
137
- * Makes all columns sortable if columns prop is provided.
138
- * @group Props
139
- */
140
- sortable: boolean;
141
- /**
142
- * Determines whether sorting works on single column or on multiple columns.
143
- * @group Props
144
- */
145
- sortMode: CpsTreeTableSortMode;
146
- /**
147
- * Determines whether to use the default sorting or a custom one using sortFunction.
148
- * @group Props
149
- */
150
- customSort: boolean;
151
- /**
152
- * Determines whether the treetable has a toolbar.
153
- * @group Props
154
- */
155
- hasToolbar: boolean;
156
- /**
157
- * Toolbar size, it can be "small" or "normal".
158
- * @group Props
159
- */
160
- toolbarSize: CpsTreeTableToolbarSize;
161
- /**
162
- * Toolbar title.
163
- * @group Props
164
- */
165
- toolbarTitle: string;
166
- /**
167
- * Toolbar icon name.
168
- * @group Props
169
- */
170
- toolbarIcon: string;
171
- /**
172
- * Toolbar icon color.
173
- * @group Props
174
- */
175
- toolbarIconColor: string;
176
- /**
177
- * Makes treetable scrollable.
178
- * @group Props
179
- */
180
- scrollable: boolean;
181
- /**
182
- * Height of the scroll viewport in fixed pixels or the "flex" keyword for a dynamic size.
183
- * @group Props
184
- */
185
- scrollHeight: string;
186
- /**
187
- * Determines whether only the elements within scrollable area should be added into the DOM. Works only if scrollable prop is true.
188
- * @group Props
189
- */
190
- virtualScroll: boolean;
191
- /**
192
- * Height of a virtual scroll item in fixed pixels.
193
- * @group Props
194
- */
195
- virtualScrollItemHeight: number;
196
- /**
197
- * Determines how many additional elements to add to the DOM outside of the view.
198
- * @group Props
199
- */
200
- numToleratedItems: number;
201
- /**
202
- * Determines whether the treetable should have paginator.
203
- * @group Props
204
- */
205
- paginator: boolean;
206
- /**
207
- * Determines whether to show paginator even there is only one page.
208
- * @group Props
209
- */
210
- alwaysShowPaginator: boolean;
211
- /**
212
- * Array of integer values to display inside rows per page dropdown of paginator.
213
- * @group Props
214
- */
215
- rowsPerPageOptions: number[];
216
- /**
217
- * Index of the first row to be displayed.
218
- * @group Props
219
- */
220
- first: number;
221
- /**
222
- * Number of rows to display per page.
223
- * @group Props
224
- */
225
- rows: number;
226
- /**
227
- * Determines whether to reset page on rows change.
228
- * @group Props
229
- */
230
- resetPageOnRowsChange: boolean;
231
- /**
232
- * Determines whether to reset page on treetable data sorting.
233
- * @group Props
234
- */
235
- resetPageOnSort: boolean;
236
- /**
237
- * Number of total records.
238
- * @group Props
239
- */
240
- totalRecords: number;
241
- /**
242
- * Text to display when there is no data.
243
- * @group Props
244
- */
245
- emptyMessage: string;
246
- /**
247
- * Height of treetable's body when there is no data, of type number denoting pixels or string.
248
- * @group Props
249
- */
250
- emptyBodyHeight: number | string;
251
- /**
252
- * Defines if data is loaded and interacted with in lazy manner.
253
- * @group Props
254
- */
255
- lazy: boolean;
256
- /**
257
- * Determines whether to call lazy loading on initialization.
258
- * @group Props
259
- */
260
- lazyLoadOnInit: boolean;
261
- /**
262
- * Determines whether to show global filter in the toolbar.
263
- * @group Props
264
- */
265
- showGlobalFilter: boolean;
266
- /**
267
- * Global filter placeholder.
268
- * @group Props
269
- */
270
- globalFilterPlaceholder: string;
271
- /**
272
- * An array of fields to use in global filtering.
273
- * @group Props
274
- */
275
- globalFilterFields: string[];
276
- /**
277
- * Determines whether to clear global filter on data loading.
278
- * @group Props
279
- */
280
- clearGlobalFilterOnLoading: boolean;
281
- /**
282
- * Determines whether to show remove button in the toolbar when rows are selected.
283
- * @group Props
284
- */
285
- showRemoveBtnOnSelect: boolean;
286
- /**
287
- * Determines whether removeBtnOnSelect is disabled.
288
- * @group Props
289
- */
290
- removeBtnOnSelectDisabled: boolean;
291
- /**
292
- * Determines whether to show additional button in the toolbar when rows are selected.
293
- * @group Props
294
- */
295
- showAdditionalBtnOnSelect: boolean;
296
- /**
297
- * AdditionalBtnOnSelect title.
298
- * @group Props
299
- */
300
- additionalBtnOnSelectTitle: string;
301
- /**
302
- * AdditionalBtnOnSelect icon.
303
- * @group Props
304
- */
305
- additionalBtnOnSelectIcon: string;
306
- /**
307
- * Determines whether additionalBtnOnSelect is disabled.
308
- * @group Props
309
- */
310
- additionalBtnOnSelectDisabled: boolean;
311
- /**
312
- * Determines whether to show action button in the toolbar.
313
- * @group Props
314
- */
315
- showActionBtn: boolean;
316
- /**
317
- * Action button title.
318
- * @group Props
319
- */
320
- actionBtnTitle: string;
321
- /**
322
- * Action button icon.
323
- * @group Props
324
- */
325
- actionBtnIcon: string;
326
- /**
327
- * Determines whether actionBtn is disabled.
328
- * @group Props
329
- */
330
- actionBtnDisabled: boolean;
331
- /**
332
- * Determines whether to show data reload button in the toolbar.
333
- * @group Props
334
- */
335
- showDataReloadBtn: boolean;
336
- /**
337
- * Determines whether dataReloadBtn is disabled.
338
- * @group Props
339
- */
340
- dataReloadBtnDisabled: boolean;
341
- /**
342
- * Determines whether the treetable should show columnsToggle menu, where you can choose which columns to be displayed. If external body template is provided, use columnsSelected event emitter.
343
- * @group Props
344
- */
345
- showColumnsToggleBtn: boolean;
346
- /**
347
- * Determines whether columnsToggle button is disabled.
348
- * @group Props
349
- */
350
- columnsToggleBtnDisabled: boolean;
351
- /**
352
- * Array of initial columns to show in the treetable. If not provided, all columns are initially visible.
353
- * @group Props
354
- */
355
- initialColumns: {
356
- [key: string]: any;
357
- }[];
358
- /**
359
- * Enable filtering on all columns.
360
- * @group Props
361
- */
362
- filterableByColumns: boolean;
363
- /**
364
- * If true, automatically detects filter type based on values, otherwise sets 'text' filter type for all columns.
365
- * Note: This setting only takes effect if 'filterableByColumns' is true.
366
- * @group Props
367
- */
368
- autoColumnFilterType: boolean;
369
- /**
370
- * Determines whether to show export button in the toolbar.
371
- * @group Props
372
- */
373
- showExportBtn: boolean;
374
- /**
375
- * Determines whether export button is disabled.
376
- * @group Props
377
- */
378
- exportBtnDisabled: boolean;
379
- /**
380
- * Filename to use when exporting data (without extension).
381
- * @group Props
382
- */
383
- exportFilename: string;
384
- /**
385
- * Original source data to use for export instead of processed tree table data.
386
- * @group Props
387
- */
388
- exportOriginalData: any[];
389
- /**
390
- * If set to true, row data are rendered using innerHTML.
391
- * @group Props
392
- */
393
- renderDataAsHTML: boolean;
394
- /**
395
- * An array of objects to display.
396
- * @default []
397
- * @group Props
398
- */
399
- set data(value: any[]);
400
- get data(): any[];
401
- /**
402
- * Determines whether columns are resizable.
403
- * In case of using a custom template for columns, it is also needed to add cpsTTColResizable directive to th elements.
404
- * @group Props
405
- */
406
- resizableColumns: boolean;
407
- /**
408
- * Determines how the columns are resized. It can be 'fit' (total width of the table stays the same) or 'expand' (total width of the table changes when resizing columns).
409
- * Note: This setting only takes effect if 'resizableColumns' is true.
410
- *
411
- * @group Props
412
- */
413
- columnResizeMode: 'fit' | 'expand';
414
- /**
415
- * Callback to invoke on selected rows change.
416
- * @param {any[]} any[] - selected rows.
417
- * @group Emits
418
- */
419
- rowsSelected: EventEmitter<any[]>;
420
- /**
421
- * Callback to invoke when action button is clicked.
422
- * @param {void} void - action button clicked.
423
- * @group Emits
424
- */
425
- actionBtnClicked: EventEmitter<void>;
426
- /**
427
- * Callback to invoke when additional button on select is clicked.
428
- * @param {any[]} any[] - selected data.
429
- * @group Emits
430
- */
431
- additionalBtnOnSelectClicked: EventEmitter<any[]>;
432
- /**
433
- * Callback to invoke when edit-row button is clicked.
434
- * @param {any} any - button clicked.
435
- * @group Emits
436
- */
437
- editRowBtnClicked: EventEmitter<any>;
438
- /**
439
- * Callback to invoke when rows are removed.
440
- * @param {any[]} any[] - array of rows to remove.
441
- * @group Emits
442
- */
443
- rowsToRemove: EventEmitter<any[]>;
444
- /**
445
- * Callback to invoke when page is changed.
446
- * @param {any} any - page changed.
447
- * @group Emits
448
- */
449
- pageChanged: EventEmitter<any>;
450
- /**
451
- * Callback to invoke when data is sorted.
452
- * @param {any} any - Sort data.
453
- * @group Emits
454
- */
455
- sorted: EventEmitter<any>;
456
- /**
457
- * Callback to invoke when data is filtered.
458
- * @param {any} any - Custom filter event.
459
- * @group Emits
460
- */
461
- filtered: EventEmitter<any>;
462
- /**
463
- * Callback to invoke on selected columns.
464
- * @param {any[]} object[] - selection changed.
465
- * @group Emits
466
- */
467
- columnsSelected: EventEmitter<{
468
- [key: string]: any;
469
- }[]>;
470
- /**
471
- * Callback to invoke when paging, sorting or filtering happens in lazy mode.
472
- * @param {any} any - Custom lazy load event.
473
- * @group Emits
474
- */
475
- lazyLoaded: EventEmitter<any>;
476
- /**
477
- * Callback to invoke when data reload button is clicked.
478
- * @param {any} any - data reload button clicked.
479
- * @group Emits
480
- */
481
- dataReloadBtnClicked: EventEmitter<any>;
482
- /**
483
- * Callback to invoke when a node is expanded.
484
- * @param {any} any - Node instance.
485
- * @group Emits
486
- */
487
- nodeExpanded: EventEmitter<any>;
488
- /**
489
- * Callback to invoke when a node is collapsed.
490
- * @param {any} any - Node collapse event.
491
- * @group Emits
492
- */
493
- nodeCollapsed: EventEmitter<any>;
494
- /**
495
- * Callback to invoke when a node is selected.
496
- * @param {any} any - Node instance.
497
- * @group Emits
498
- */
499
- nodeSelected: EventEmitter<any>;
500
- /**
501
- * Callback to invoke when a node is unselected.
502
- * @param {any} any - Custom node unselect event.
503
- * @group Emits
504
- */
505
- nodeUnselected: EventEmitter<any>;
506
- /**
507
- * A function to implement custom sorting. customSort must be true.
508
- * @param {any} any - sort meta.
509
- * @group Emits
510
- */
511
- customSortFunction: EventEmitter<any>;
512
- toolbarTemplate: TemplateRef<any>;
513
- headerTemplate: TemplateRef<any>;
514
- nestedHeaderTemplate: TemplateRef<any>;
515
- bodyTemplate: TemplateRef<any>;
516
- colgroupTemplate?: TemplateRef<any>;
517
- primengTreeTable: TreeTable;
518
- globalFilterComp: CpsInputComponent;
519
- colToggleMenu: CpsMenuComponent;
520
- selectedColumns: {
521
- [key: string]: any;
522
- }[];
523
- rowOptions: {
524
- label: string;
525
- value: number;
526
- }[];
527
- selectedRows: any;
528
- virtualScrollItemSize: number;
529
- defScrollHeight: string;
530
- private _defScrollHeightPx;
531
- private _defScrollHeightPxInitial;
532
- private _resizeObserver;
533
- private _windowResizeDebouncer;
534
- private _scrollSubscription?;
535
- private _headerBox;
536
- private _scrollableBody;
537
- private _scrollbarWidth;
538
- private _scrollbarVisible;
539
- private _needRecalcAutoLayout;
540
- private _data;
541
- private window;
542
- constructor(cdRef: ChangeDetectorRef, document: Document, renderer: Renderer2, ngZone: NgZone);
543
- ngOnInit(): void;
544
- ngAfterViewInit(): void;
545
- ngAfterViewChecked(): void;
546
- ngOnChanges(changes: SimpleChanges): void;
547
- ngOnDestroy(): void;
548
- private _calcAutoLayoutHeaderWidths;
549
- private _updateVirtualScrollItemSize;
550
- private _setMinWidthOverall;
551
- private _onWindowResize;
552
- get styleClass(): string;
553
- private _recalcVirtualHeight;
554
- clearGlobalFilter(): void;
555
- onSortFunction(event: TreeTableSortEvent): void;
556
- onFilterGlobal(value: string): void;
557
- onClickAdditionalBtnOnSelect(): void;
558
- onClickActionBtn(): void;
559
- onReloadData(): void;
560
- onColumnsToggle(event: any): void;
561
- removeSelected(): void;
562
- clearSelection(): void;
563
- onEditRowClicked(node: any): void;
564
- onRemoveRowClicked(node: any): void;
565
- toggleAllColumns(): void;
566
- isColumnSelected(col: any): boolean;
567
- onRowsPerPageChanged(): void;
568
- getPageCount(): number;
569
- getPage(): number;
570
- changePage(p: number): void;
571
- onPageChange(event: any): void;
572
- onLazyLoaded(event: any): void;
573
- onNodeExpanded(event: any): void;
574
- onNodeCollapsed(event: any): void;
575
- onNodeSelected(event: any): void;
576
- onNodeUnselected(event: any): void;
577
- onSort(event: any): void;
578
- onFilter(event: any): void;
579
- onSelectColumn(col: any): void;
580
- onSelectionChanged(selection: any): void;
581
- onExportData(): void;
582
- exportJSON(): void;
583
- getExportData(): any[];
584
- private removeCircularReferences;
585
- static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableComponent, never>;
586
- static ɵcmp: i0.ɵɵComponentDeclaration<CpsTreeTableComponent, "cps-tree-table", never, { "columns": { "alias": "columns"; "required": false; }; "colHeaderName": { "alias": "colHeaderName"; "required": false; }; "colFieldName": { "alias": "colFieldName"; "required": false; }; "colFilterTypeName": { "alias": "colFilterTypeName"; "required": false; }; "colDateFormatName": { "alias": "colDateFormatName"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "minWidthForBodyOnly": { "alias": "minWidthForBodyOnly"; "required": false; }; "autoLayout": { "alias": "autoLayout"; "required": false; }; "striped": { "alias": "striped"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "size": { "alias": "size"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "rowHover": { "alias": "rowHover"; "required": false; }; "showRowMenu": { "alias": "showRowMenu"; "required": false; }; "showRowRemoveButton": { "alias": "showRowRemoveButton"; "required": false; }; "showRowEditButton": { "alias": "showRowEditButton"; "required": false; }; "rowMenuItems": { "alias": "rowMenuItems"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "tableStyle": { "alias": "tableStyle"; "required": false; }; "tableStyleClass": { "alias": "tableStyleClass"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "sortMode": { "alias": "sortMode"; "required": false; }; "customSort": { "alias": "customSort"; "required": false; }; "hasToolbar": { "alias": "hasToolbar"; "required": false; }; "toolbarSize": { "alias": "toolbarSize"; "required": false; }; "toolbarTitle": { "alias": "toolbarTitle"; "required": false; }; "toolbarIcon": { "alias": "toolbarIcon"; "required": false; }; "toolbarIconColor": { "alias": "toolbarIconColor"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "virtualScrollItemHeight": { "alias": "virtualScrollItemHeight"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "paginator": { "alias": "paginator"; "required": false; }; "alwaysShowPaginator": { "alias": "alwaysShowPaginator"; "required": false; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; }; "first": { "alias": "first"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "resetPageOnRowsChange": { "alias": "resetPageOnRowsChange"; "required": false; }; "resetPageOnSort": { "alias": "resetPageOnSort"; "required": false; }; "totalRecords": { "alias": "totalRecords"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "emptyBodyHeight": { "alias": "emptyBodyHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "lazyLoadOnInit": { "alias": "lazyLoadOnInit"; "required": false; }; "showGlobalFilter": { "alias": "showGlobalFilter"; "required": false; }; "globalFilterPlaceholder": { "alias": "globalFilterPlaceholder"; "required": false; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; }; "clearGlobalFilterOnLoading": { "alias": "clearGlobalFilterOnLoading"; "required": false; }; "showRemoveBtnOnSelect": { "alias": "showRemoveBtnOnSelect"; "required": false; }; "removeBtnOnSelectDisabled": { "alias": "removeBtnOnSelectDisabled"; "required": false; }; "showAdditionalBtnOnSelect": { "alias": "showAdditionalBtnOnSelect"; "required": false; }; "additionalBtnOnSelectTitle": { "alias": "additionalBtnOnSelectTitle"; "required": false; }; "additionalBtnOnSelectIcon": { "alias": "additionalBtnOnSelectIcon"; "required": false; }; "additionalBtnOnSelectDisabled": { "alias": "additionalBtnOnSelectDisabled"; "required": false; }; "showActionBtn": { "alias": "showActionBtn"; "required": false; }; "actionBtnTitle": { "alias": "actionBtnTitle"; "required": false; }; "actionBtnIcon": { "alias": "actionBtnIcon"; "required": false; }; "actionBtnDisabled": { "alias": "actionBtnDisabled"; "required": false; }; "showDataReloadBtn": { "alias": "showDataReloadBtn"; "required": false; }; "dataReloadBtnDisabled": { "alias": "dataReloadBtnDisabled"; "required": false; }; "showColumnsToggleBtn": { "alias": "showColumnsToggleBtn"; "required": false; }; "columnsToggleBtnDisabled": { "alias": "columnsToggleBtnDisabled"; "required": false; }; "initialColumns": { "alias": "initialColumns"; "required": false; }; "filterableByColumns": { "alias": "filterableByColumns"; "required": false; }; "autoColumnFilterType": { "alias": "autoColumnFilterType"; "required": false; }; "showExportBtn": { "alias": "showExportBtn"; "required": false; }; "exportBtnDisabled": { "alias": "exportBtnDisabled"; "required": false; }; "exportFilename": { "alias": "exportFilename"; "required": false; }; "exportOriginalData": { "alias": "exportOriginalData"; "required": false; }; "renderDataAsHTML": { "alias": "renderDataAsHTML"; "required": false; }; "data": { "alias": "data"; "required": false; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; }; "columnResizeMode": { "alias": "columnResizeMode"; "required": false; }; }, { "rowsSelected": "rowsSelected"; "actionBtnClicked": "actionBtnClicked"; "additionalBtnOnSelectClicked": "additionalBtnOnSelectClicked"; "editRowBtnClicked": "editRowBtnClicked"; "rowsToRemove": "rowsToRemove"; "pageChanged": "pageChanged"; "sorted": "sorted"; "filtered": "filtered"; "columnsSelected": "columnsSelected"; "lazyLoaded": "lazyLoaded"; "dataReloadBtnClicked": "dataReloadBtnClicked"; "nodeExpanded": "nodeExpanded"; "nodeCollapsed": "nodeCollapsed"; "nodeSelected": "nodeSelected"; "nodeUnselected": "nodeUnselected"; "customSortFunction": "customSortFunction"; }, ["toolbarTemplate", "headerTemplate", "nestedHeaderTemplate", "bodyTemplate", "colgroupTemplate"], never, true, never>;
587
- }
@@ -1,98 +0,0 @@
1
- import { ComponentRef, ElementRef, OnDestroy, OnInit, OnChanges, ViewContainerRef } from '@angular/core';
2
- import { TableColumnFilterComponent } from '../../cps-table/components/internal/table-column-filter/table-column-filter.component';
3
- import { CpsColumnFilterType, CpsColumnFilterMatchMode, CpsColumnFilterCategoryOption } from '../../cps-table/cps-column-filter-types';
4
- import * as i0 from "@angular/core";
5
- /**
6
- * CpsTreeTableColumnFilterDirective is a filtering directive used to filter single or multiple columns in treetable.
7
- * @group Directives
8
- */
9
- export declare class CpsTreeTableColumnFilterDirective implements OnInit, OnChanges, OnDestroy {
10
- private elementRef;
11
- private viewContainerRef;
12
- /**
13
- * Name of the column to be filtered.
14
- * @group Props
15
- */
16
- field: string | undefined;
17
- /**
18
- * Type of filter in treetable, it can be of type "number", "boolean", "text", "date" or "category".
19
- * @group Props
20
- */
21
- filterType: CpsColumnFilterType;
22
- /**
23
- * Determines whether the filter menu should be persistent.
24
- * @group Props
25
- */
26
- filterPersistent: boolean;
27
- /**
28
- * Determines whether the filter should have clear button.
29
- * @group Props
30
- */
31
- filterShowClearButton: boolean;
32
- /**
33
- * Determines whether the filter should have apply button.
34
- * @group Props
35
- */
36
- filterShowApplyButton: boolean;
37
- /**
38
- * Determines whether the filter should have close button.
39
- * @group Props
40
- */
41
- filterShowCloseButton: boolean;
42
- /**
43
- * Determines whether the filter should have match modes.
44
- * @group Props
45
- */
46
- filterShowMatchModes: boolean;
47
- /**
48
- * Match modes for filter.
49
- * @group Props
50
- */
51
- filterMatchModes: CpsColumnFilterMatchMode[];
52
- /**
53
- * Determines whether the filter should have operator.
54
- * @group Props
55
- */
56
- filterShowOperator: boolean;
57
- /**
58
- * Title of the filter.
59
- * @group Props
60
- */
61
- filterHeaderTitle: string;
62
- /**
63
- * Determines whether the filter should hide on clear.
64
- * @group Props
65
- */
66
- filterHideOnClear: boolean;
67
- /**
68
- * Options for category filter.
69
- * @group Props
70
- */
71
- filterCategoryOptions: CpsColumnFilterCategoryOption[] | string[];
72
- /**
73
- * Determines whether to show category filter as button toggles.
74
- * @group Props
75
- */
76
- filterAsButtonToggle: boolean;
77
- /**
78
- * Single selection for category filter.
79
- * @group Props
80
- */
81
- filterSingleSelection: boolean;
82
- /**
83
- * Placeholder for filter constraints.
84
- * @group Props
85
- */
86
- filterPlaceholder: string;
87
- filterCompRef: ComponentRef<TableColumnFilterComponent>;
88
- constructor(elementRef: ElementRef, viewContainerRef: ViewContainerRef);
89
- ngOnInit(): void;
90
- ngOnChanges(): void;
91
- private _getDefaultPlaceholder;
92
- hideFilter(): void;
93
- clearFilter(): void;
94
- clearFilterValues(): void;
95
- ngOnDestroy(): void;
96
- static ɵfac: i0.ɵɵFactoryDeclaration<CpsTreeTableColumnFilterDirective, never>;
97
- static ɵdir: i0.ɵɵDirectiveDeclaration<CpsTreeTableColumnFilterDirective, "[cpsTTColFilter]", ["cpsTTColFilter"], { "field": { "alias": "cpsTTColFilter"; "required": false; }; "filterType": { "alias": "filterType"; "required": false; }; "filterPersistent": { "alias": "filterPersistent"; "required": false; }; "filterShowClearButton": { "alias": "filterShowClearButton"; "required": false; }; "filterShowApplyButton": { "alias": "filterShowApplyButton"; "required": false; }; "filterShowCloseButton": { "alias": "filterShowCloseButton"; "required": false; }; "filterShowMatchModes": { "alias": "filterShowMatchModes"; "required": false; }; "filterMatchModes": { "alias": "filterMatchModes"; "required": false; }; "filterShowOperator": { "alias": "filterShowOperator"; "required": false; }; "filterHeaderTitle": { "alias": "filterHeaderTitle"; "required": false; }; "filterHideOnClear": { "alias": "filterHideOnClear"; "required": false; }; "filterCategoryOptions": { "alias": "filterCategoryOptions"; "required": false; }; "filterAsButtonToggle": { "alias": "filterAsButtonToggle"; "required": false; }; "filterSingleSelection": { "alias": "filterSingleSelection"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; }, {}, never, never, true, never>;
98
- }