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