mis-crystal-design-system 18.1.6-signal → 18.1.6-test-2

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 (87) hide show
  1. package/async-search-dropdown/async-dropdown.component.d.ts +44 -3
  2. package/datepicker_v2/tz-dp-container/tz-dp-container.component.d.ts +4 -0
  3. package/daterangepicker_v2/tz-drp-container/tz-drp-container.component.d.ts +14 -5
  4. package/dynamic-form/dynamic-form.component.d.ts +15 -0
  5. package/esm2022/async-search-dropdown/async-dropdown.component.mjs +147 -37
  6. package/esm2022/checkbox/checkbox.component.mjs +4 -4
  7. package/esm2022/chip/chip.component.mjs +4 -4
  8. package/esm2022/datepicker_v2/tz-datepicker.directive.mjs +2 -34
  9. package/esm2022/datepicker_v2/tz-dp-container/tz-dp-container.component.mjs +87 -32
  10. package/esm2022/daterangepicker_v2/tz-daterangepicker.directive.mjs +6 -3
  11. package/esm2022/daterangepicker_v2/tz-drp-container/tz-drp-container.component.mjs +324 -142
  12. package/esm2022/drawer/drawer-body/drawer-body.component.mjs +4 -4
  13. package/esm2022/dynamic-form/dynamic-form.component.mjs +222 -78
  14. package/esm2022/fab/fab.component.mjs +4 -4
  15. package/esm2022/input/mis-input.component.mjs +3 -11
  16. package/esm2022/loader/loader.component.mjs +13 -7
  17. package/esm2022/modal/module-wrapper/module-wrapper.component.mjs +4 -4
  18. package/esm2022/phone-input/phone-input.component.mjs +4 -4
  19. package/esm2022/radio-button/radio-button.component.mjs +4 -4
  20. package/esm2022/ske-loader/ske-loader.component.mjs +4 -4
  21. package/esm2022/slider/slider.component.mjs +4 -4
  22. package/esm2022/snackbar/snackbar/snackbar.component.mjs +4 -4
  23. package/esm2022/specificdatepicker/tz-sdp-container/tz-sdp-container.component.mjs +23 -19
  24. package/esm2022/table/sort-icons.directive.mjs +24 -5
  25. package/esm2022/table/sub-table/sub-table.component.mjs +18 -5
  26. package/esm2022/table/table.component.mjs +236 -101
  27. package/esm2022/table/table.module.mjs +7 -5
  28. package/esm2022/timepicker/timepicker.component.mjs +41 -14
  29. package/esm2022/timerangepicker/timerangepicker.component.mjs +29 -21
  30. package/esm2022/toast/toast.component.mjs +4 -4
  31. package/esm2022/tooltip/tooltip-container/tooltip.component.mjs +4 -4
  32. package/esm2022/virtual-scroll/virtual-scroll.component.mjs +4 -4
  33. package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs +146 -36
  34. package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs.map +1 -1
  35. package/fesm2022/mis-crystal-design-system-checkbox.mjs +3 -3
  36. package/fesm2022/mis-crystal-design-system-checkbox.mjs.map +1 -1
  37. package/fesm2022/mis-crystal-design-system-chip.mjs +3 -3
  38. package/fesm2022/mis-crystal-design-system-chip.mjs.map +1 -1
  39. package/fesm2022/mis-crystal-design-system-datepicker_v2.mjs +87 -64
  40. package/fesm2022/mis-crystal-design-system-datepicker_v2.mjs.map +1 -1
  41. package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs +328 -143
  42. package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs.map +1 -1
  43. package/fesm2022/mis-crystal-design-system-drawer.mjs +3 -3
  44. package/fesm2022/mis-crystal-design-system-drawer.mjs.map +1 -1
  45. package/fesm2022/mis-crystal-design-system-dynamic-form.mjs +221 -77
  46. package/fesm2022/mis-crystal-design-system-dynamic-form.mjs.map +1 -1
  47. package/fesm2022/mis-crystal-design-system-fab.mjs +3 -3
  48. package/fesm2022/mis-crystal-design-system-fab.mjs.map +1 -1
  49. package/fesm2022/mis-crystal-design-system-input.mjs +2 -10
  50. package/fesm2022/mis-crystal-design-system-input.mjs.map +1 -1
  51. package/fesm2022/mis-crystal-design-system-loader.mjs +12 -6
  52. package/fesm2022/mis-crystal-design-system-loader.mjs.map +1 -1
  53. package/fesm2022/mis-crystal-design-system-modal.mjs +3 -3
  54. package/fesm2022/mis-crystal-design-system-modal.mjs.map +1 -1
  55. package/fesm2022/mis-crystal-design-system-phone-input.mjs +3 -3
  56. package/fesm2022/mis-crystal-design-system-phone-input.mjs.map +1 -1
  57. package/fesm2022/mis-crystal-design-system-radio-button.mjs +3 -3
  58. package/fesm2022/mis-crystal-design-system-radio-button.mjs.map +1 -1
  59. package/fesm2022/mis-crystal-design-system-ske-loader.mjs +3 -3
  60. package/fesm2022/mis-crystal-design-system-ske-loader.mjs.map +1 -1
  61. package/fesm2022/mis-crystal-design-system-slider.mjs +3 -3
  62. package/fesm2022/mis-crystal-design-system-slider.mjs.map +1 -1
  63. package/fesm2022/mis-crystal-design-system-snackbar.mjs +3 -3
  64. package/fesm2022/mis-crystal-design-system-snackbar.mjs.map +1 -1
  65. package/fesm2022/mis-crystal-design-system-specificdatepicker.mjs +22 -18
  66. package/fesm2022/mis-crystal-design-system-specificdatepicker.mjs.map +1 -1
  67. package/fesm2022/mis-crystal-design-system-table.mjs +279 -111
  68. package/fesm2022/mis-crystal-design-system-table.mjs.map +1 -1
  69. package/fesm2022/mis-crystal-design-system-timepicker.mjs +40 -13
  70. package/fesm2022/mis-crystal-design-system-timepicker.mjs.map +1 -1
  71. package/fesm2022/mis-crystal-design-system-timerangepicker.mjs +28 -20
  72. package/fesm2022/mis-crystal-design-system-timerangepicker.mjs.map +1 -1
  73. package/fesm2022/mis-crystal-design-system-toast.mjs +3 -3
  74. package/fesm2022/mis-crystal-design-system-toast.mjs.map +1 -1
  75. package/fesm2022/mis-crystal-design-system-tooltip.mjs +3 -3
  76. package/fesm2022/mis-crystal-design-system-tooltip.mjs.map +1 -1
  77. package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs +3 -3
  78. package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs.map +1 -1
  79. package/input/mis-input.component.scss +2 -3
  80. package/loader/loader.component.d.ts +7 -1
  81. package/package.json +12 -12
  82. package/specificdatepicker/tz-sdp-container/tz-sdp-container.component.d.ts +2 -2
  83. package/styles/mis-old-icon-styles.scss +0 -498
  84. package/table/table.component.d.ts +14 -1
  85. package/table/table.module.d.ts +2 -1
  86. package/timepicker/timepicker.component.d.ts +3 -1
  87. package/timerangepicker/timerangepicker.component.d.ts +3 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mis-crystal-design-system",
3
- "version": "18.1.6-signal",
3
+ "version": "18.1.6-test-2",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "*",
6
6
  "@angular/core": "*",
@@ -34,23 +34,17 @@
34
34
  "esm": "./esm2022/analytics/mis-crystal-design-system-analytics.mjs",
35
35
  "default": "./fesm2022/mis-crystal-design-system-analytics.mjs"
36
36
  },
37
- "./checkbox": {
38
- "types": "./checkbox/index.d.ts",
39
- "esm2022": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
40
- "esm": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
41
- "default": "./fesm2022/mis-crystal-design-system-checkbox.mjs"
42
- },
43
37
  "./async-search-dropdown": {
44
38
  "types": "./async-search-dropdown/index.d.ts",
45
39
  "esm2022": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
46
40
  "esm": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
47
41
  "default": "./fesm2022/mis-crystal-design-system-async-search-dropdown.mjs"
48
42
  },
49
- "./button": {
50
- "types": "./button/index.d.ts",
51
- "esm2022": "./esm2022/button/mis-crystal-design-system-button.mjs",
52
- "esm": "./esm2022/button/mis-crystal-design-system-button.mjs",
53
- "default": "./fesm2022/mis-crystal-design-system-button.mjs"
43
+ "./checkbox": {
44
+ "types": "./checkbox/index.d.ts",
45
+ "esm2022": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
46
+ "esm": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
47
+ "default": "./fesm2022/mis-crystal-design-system-checkbox.mjs"
54
48
  },
55
49
  "./chip": {
56
50
  "types": "./chip/index.d.ts",
@@ -58,6 +52,12 @@
58
52
  "esm": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
59
53
  "default": "./fesm2022/mis-crystal-design-system-chip.mjs"
60
54
  },
55
+ "./button": {
56
+ "types": "./button/index.d.ts",
57
+ "esm2022": "./esm2022/button/mis-crystal-design-system-button.mjs",
58
+ "esm": "./esm2022/button/mis-crystal-design-system-button.mjs",
59
+ "default": "./fesm2022/mis-crystal-design-system-button.mjs"
60
+ },
61
61
  "./datepicker_v2": {
62
62
  "types": "./datepicker_v2/index.d.ts",
63
63
  "esm2022": "./esm2022/datepicker_v2/mis-crystal-design-system-datepicker_v2.mjs",
@@ -8,11 +8,11 @@ export declare class TzDrpContainerComponent implements OnInit {
8
8
  private injectedData;
9
9
  private toast;
10
10
  readonly data: import("@angular/core").WritableSignal<IDatePickerData>;
11
- private dayjsInstance;
11
+ private readonly dayjsInstance;
12
12
  private readonly rawWeekDays;
13
13
  readonly localSelectedDates: import("@angular/core").WritableSignal<ISSelectedDatesConfig[]>;
14
14
  readonly localSelectedDatesRange: import("@angular/core").WritableSignal<IRSelectedDatesConfig>;
15
- readonly isDatesValid: import("@angular/core").WritableSignal<boolean>;
15
+ readonly isDatesValid: import("@angular/core").Signal<boolean>;
16
16
  readonly dateRangeSelected: import("@angular/core").WritableSignal<boolean>;
17
17
  readonly singleDatePickerSelected: import("@angular/core").WritableSignal<boolean>;
18
18
  readonly openElement: import("@angular/core").WritableSignal<boolean>;
@@ -1,498 +0,0 @@
1
- @font-face {
2
- font-family: 'mis-icons';
3
- src: url('fonts/mis-icons.eot?nvmskr');
4
- src: url('fonts/mis-icons.eot?nvmskr#iefix') format('embedded-opentype'),
5
- url('fonts/mis-icons.ttf?nvmskr') format('truetype'),
6
- url('fonts/mis-icons.woff?nvmskr') format('woff'),
7
- url('fonts/mis-icons.svg?nvmskr#mis-icons') format('svg');
8
- font-weight: normal;
9
- font-style: normal;
10
- font-display: block;
11
- }
12
-
13
- [class^="ic-"],
14
- [class*=" ic-"] {
15
- /* use !important to prevent issues with browser extensions that change fonts */
16
- font-family: 'mis-icons' !important;
17
- speak: never;
18
- font-style: normal;
19
- font-weight: normal;
20
- font-variant: normal;
21
- text-transform: none;
22
- line-height: 1;
23
-
24
- /* Better Font Rendering =========== */
25
- -webkit-font-smoothing: antialiased;
26
- -moz-osx-font-smoothing: grayscale;
27
- }
28
-
29
- .ic-navigation-arrow-left-24:before {
30
- content: "\e900";
31
- }
32
-
33
- .ic-navigation-arrow-right-24:before {
34
- content: "\e901";
35
- }
36
-
37
- .ic-action-filter-16:before {
38
- content: "\e902";
39
- }
40
-
41
- .ic-selection-Checkboxes-Active-selected .path1:before {
42
- content: "\e903";
43
- color: rgb(9, 55, 178);
44
- }
45
-
46
- .ic-selection-Checkboxes-Active-selected .path2:before {
47
- content: "\e904";
48
- margin-left: -1em;
49
- color: rgb(255, 255, 255);
50
- }
51
-
52
- .ic-selection-switch-Off-Enabled-24 .path1:before {
53
- content: "\e905";
54
- color: rgb(245, 245, 245);
55
- }
56
-
57
- .ic-selection-switch-Off-Enabled-24 .path2:before {
58
- content: "\e906";
59
- margin-left: -1em;
60
- color: rgb(255, 255, 255);
61
- }
62
-
63
- .ic-selection-switch-Off-Disabled-24 .path1:before {
64
- content: "\e907";
65
- color: rgb(224, 224, 224);
66
- }
67
-
68
- .ic-selection-switch-Off-Disabled-24 .path2:before {
69
- content: "\e908";
70
- margin-left: -1em;
71
- color: rgb(255, 255, 255);
72
- }
73
-
74
- .ic-selection-switch-On-Disabled-24 .path1:before {
75
- content: "\e909";
76
- color: rgb(224, 224, 224);
77
- }
78
-
79
- .ic-selection-switch-On-Disabled-24 .path2:before {
80
- content: "\e90a";
81
- margin-left: -1em;
82
- color: rgb(255, 255, 255);
83
- }
84
-
85
- .ic-selection-switch-On-Disabled-24 .path3:before {
86
- content: "\e90b";
87
- margin-left: -1em;
88
- color: rgb(146, 157, 171);
89
- }
90
-
91
- .ic-selection-switch-On-Enabled-24 .path1:before {
92
- content: "\e90c";
93
- color: rgb(224, 224, 224);
94
- }
95
-
96
- .ic-selection-switch-On-Enabled-24 .path2:before {
97
- content: "\e90d";
98
- margin-left: -1em;
99
- color: rgb(255, 255, 255);
100
- }
101
-
102
- .ic-selection-switch-On-Enabled-24 .path3:before {
103
- content: "\e90e";
104
- margin-left: -1em;
105
- color: rgb(9, 55, 178);
106
- }
107
-
108
- .ic-selection-radio-Disabled-Unselected-24:before {
109
- content: "\e90f";
110
- color: var(--text-tertiary, #929DAB);
111
- }
112
-
113
- .ic-selection-radio-Active-Unselected-24:before {
114
- content: "\e910";
115
- color: var(--text-secondary, #6A737D);
116
- }
117
-
118
- .ic-selection-radio-Disabled-Selected-24:before {
119
- content: "\e911";
120
- color: var(--text-tertiary, #929DAB);
121
- }
122
-
123
- .ic-selection-radio-Active-Selected-24:before {
124
- content: "\e912";
125
- color: var(--brand-primary, #0937B2);
126
- }
127
-
128
- .ic-selection-checkbox-Disabled-Neutral-24:before {
129
- content: "\e913";
130
- color: var(--text-tertiary, #929DAB);
131
- }
132
-
133
- .ic-selection-checkbox-Active-Neutral-24 .path1:before {
134
- content: "\e914";
135
- color: rgb(9, 55, 178);
136
- }
137
-
138
- .ic-selection-checkbox-Active-Neutral-24 .path2:before {
139
- content: "\e915";
140
- margin-left: -1em;
141
- color: rgb(255, 255, 255);
142
- }
143
-
144
- .ic-selection-checkbox-disabled-selected-24 .path1:before {
145
- content: "\e918";
146
- color: rgb(200, 205, 211);
147
- }
148
-
149
- .ic-selection-checkbox-disabled-selected-24 .path2:before {
150
- content: "\e919";
151
- margin-left: -1em;
152
- color: rgb(255, 255, 255);
153
- }
154
-
155
- .ic-navigation-cancel-24:before {
156
- content: "\e91a";
157
- }
158
-
159
- .ic-navigation-chevron-right-24:before {
160
- content: "\e91b";
161
- }
162
-
163
- .ic-navigation-chevron-left-24:before {
164
- content: "\e91c";
165
- }
166
-
167
- .ic-navigation-drop-down-24:before {
168
- content: "\e91d";
169
- }
170
-
171
- .ic-navigation-expand-less-24:before {
172
- content: "\e91e";
173
- }
174
-
175
- .ic-action-cached-24:before {
176
- content: "\e91f";
177
- }
178
-
179
- .ic-ui-download-24:before {
180
- content: "\e920";
181
- color: var(--brand-primary, #0937B2);
182
- }
183
-
184
- .ic-ui-location-24:before {
185
- content: "\e921";
186
- }
187
-
188
- .ic-ui-location-searching-24:before {
189
- content: "\e922";
190
- }
191
-
192
- .ic-ui-contact-support-24:before {
193
- content: "\e923";
194
- }
195
-
196
- .ic-ui-trend-up-24:before {
197
- content: "\e924";
198
- color: var(--brand-success-light, #4CAF50);
199
- }
200
-
201
- .ic-ui-error-24:before {
202
- content: "\e925";
203
- color: var(--brand-error, #B00020);
204
- }
205
-
206
- .ic-ui-trend-down-24:before {
207
- content: "\e926";
208
- color: var(--brand-error, #B00020);
209
- }
210
-
211
- .ic-ui-success-24:before {
212
- content: "\e927";
213
- color: var(--brand-success-light, #4CAF50);
214
- }
215
-
216
- .ic-ui-check-24:before {
217
- content: "\e928";
218
- }
219
-
220
- .ic-ui-warning-24:before {
221
- content: "\e929";
222
- color: var(--brand-warning, #FF9D00);
223
- }
224
-
225
- .ic-rep-stay_primary_portrait-24:before {
226
- content: "\e92a";
227
- }
228
-
229
- .ic-rep-email-24:before {
230
- content: "\e92b";
231
- }
232
-
233
- .ic-rep-night-24:before {
234
- content: "\e92c";
235
- color: var(--text-tertiary, #929DAB);
236
- }
237
-
238
- .ic-rep-cab-24:before {
239
- content: "\e92e";
240
- }
241
-
242
- .ic-rep-local_parking-24:before {
243
- content: "\e92f";
244
- }
245
-
246
- .ic-rep-restaurant-24:before {
247
- content: "\e930";
248
- }
249
-
250
- .ic-rep-calendar2-24:before {
251
- content: "\e931";
252
- }
253
-
254
- .ic-rep-home-24:before {
255
- content: "\e932";
256
- }
257
-
258
- .ic-rep-qr-24:before {
259
- content: "\e933";
260
- }
261
-
262
- .ic-rep-calender-24:before {
263
- content: "\e934";
264
- }
265
-
266
- .ic-rep-bus-24:before {
267
- content: "\e935";
268
- }
269
-
270
- .ic-rep-team-24:before {
271
- content: "\e936";
272
- }
273
-
274
- .ic-rep-office-24:before {
275
- content: "\e937";
276
- }
277
-
278
- .ic-sidebar-home-24:before {
279
- content: "\e938";
280
- }
281
-
282
- .ic-side-bar-work-planner-24:before {
283
- content: "\e93a";
284
- }
285
-
286
- .ic-side-bar-office-24:before {
287
- content: "\e93b";
288
- }
289
-
290
- .ic-side-bar-seat-mgmt-24:before {
291
- content: "\e93c";
292
- }
293
-
294
- .ic-sidebar-floor-plan-24:before {
295
- content: "\e93d";
296
- }
297
-
298
- .ic-side-bar-team-24:before {
299
- content: "\e93e";
300
- }
301
-
302
- .ic-side-bar-user-24:before {
303
- content: "\e93f";
304
- }
305
-
306
- .ic-side-bar-qr-mgmt-24:before {
307
- content: "\e940";
308
- }
309
-
310
- .ic-side-bar-utilisation-24:before {
311
- content: "\e941";
312
- }
313
-
314
- .ic-side-bar-settings-24:before {
315
- content: "\e942";
316
- }
317
-
318
- .ic-side-bar-report-24:before {
319
- content: "\e943";
320
- }
321
-
322
- .ic-side-bar-upload-24:before {
323
- content: "\e944";
324
- }
325
-
326
- .ic-side-bar-cancelled-24:before {
327
- content: "\e945";
328
- }
329
-
330
- .ic-side-bar-unplanned-24:before {
331
- content: "\e946";
332
- }
333
-
334
- .ic-side-bar-meetingroom-24:before {
335
- content: "\e947";
336
- }
337
-
338
- .ic-mouse-cursor:before {
339
- content: "\e948";
340
- }
341
-
342
- .ic-mouse-cursor-2 .path1:before {
343
- content: "\e949";
344
- color: rgb(255, 255, 255);
345
- }
346
-
347
- .ic-mouse-cursor-2 .path2:before {
348
- content: "\e94a";
349
- margin-left: -1em;
350
- color: rgb(24, 31, 51);
351
- }
352
-
353
- .ic-action-favorite-24:before {
354
- content: "\e94b";
355
- }
356
-
357
- .ic-action-see-more-24 .path1:before {
358
- content: "\e94c";
359
- color: rgb(224, 224, 224);
360
- }
361
-
362
- .ic-action-see-more-24 .path2:before {
363
- content: "\e94d";
364
- margin-left: -1em;
365
- color: rgb(24, 31, 51);
366
- }
367
-
368
- .ic-action-more-vert-24:before {
369
- content: "\e94e";
370
- }
371
-
372
- .ic-action-search-24:before {
373
- content: "\e94f";
374
- color: var(--text-secondary, #6A737D);
375
- }
376
-
377
- .ic-action-edit-24:before {
378
- content: "\e950";
379
- }
380
-
381
- .ic-action-filter-24:before {
382
- content: "\e951";
383
- }
384
-
385
- .ic-action-visibility-24:before {
386
- content: "\e952";
387
- color: var(--text-secondary, #6A737D);
388
- }
389
-
390
- .ic-action-visibility-off-24:before {
391
- content: "\e953";
392
- color: var(--text-secondary, #6A737D);
393
- }
394
-
395
- .ic-action-qr-24:before {
396
- content: "\e954";
397
- }
398
-
399
- .ic-action-delete-24:before {
400
- content: "\e955";
401
- }
402
-
403
- .ic-action-history-24:before {
404
- content: "\e956";
405
- }
406
-
407
- .ic-action-share-24:before {
408
- content: "\e957";
409
- }
410
-
411
- .ic-action-add-24:before {
412
- content: "\e958";
413
- }
414
-
415
- .ic-action-remove-24:before {
416
- content: "\e959";
417
- }
418
-
419
- .ic-action-download-24:before {
420
- content: "\e95a";
421
- }
422
-
423
- .ic-action-upload-24:before {
424
- content: "\e95b";
425
- }
426
-
427
- .ic-action-logout-24:before {
428
- content: "\e95c";
429
- }
430
-
431
- .ic-action-menu-24:before {
432
- content: "\e95d";
433
- }
434
-
435
- .ic-action-notifications-24:before {
436
- content: "\e95e";
437
- }
438
-
439
- .ic-action-more-horiz-24 .path1:before {
440
- content: "\e95f";
441
- color: rgb(224, 224, 224);
442
- }
443
-
444
- .ic-action-more-horiz-24 .path2:before {
445
- content: "\e960";
446
- margin-left: -1em;
447
- color: rgb(24, 31, 51);
448
- }
449
-
450
- .ic-action-print-24:before {
451
- content: "\e961";
452
- }
453
-
454
- .ic-action-shift-time-24:before {
455
- content: "\e962";
456
- }
457
-
458
- .ic-action-refresh-24:before {
459
- content: "\e963";
460
- }
461
-
462
- .ic-action-invite-24:before {
463
- content: "\e964";
464
- }
465
-
466
- .ic-action-sort-24:before {
467
- content: "\e965";
468
- }
469
-
470
- .ic-plus-5:before {
471
- content: "\e966";
472
- color: var(--brand-primary, #0937B2);
473
- }
474
-
475
- .ic-plus-4:before {
476
- content: "\e967";
477
- color: var(--brand-primary, #0937B2);
478
- }
479
-
480
- .ic-plus-3:before {
481
- content: "\e968";
482
- color: var(--bg-primary, #FFFFFF);
483
- }
484
-
485
- .ic-plus-2:before {
486
- content: "\e969";
487
- color: var(--bg-primary, #FFFFFF);
488
- }
489
-
490
- .ic-plus-1:before {
491
- content: "\e96a";
492
- color: var(--bg-primary, #FFFFFF);
493
- }
494
-
495
- .ic-plus:before {
496
- content: "\e96b";
497
- color: var(--text-tertiary, #929DAB);
498
- }
@@ -1,6 +1,7 @@
1
1
  import { AfterViewInit, ElementRef, OnChanges, OnInit, QueryList, Renderer2 } from "@angular/core";
2
2
  import { Filter, TableFilterComponent } from "./filter/filter.component";
3
3
  import { SortState } from "./sort-icons.directive";
4
+ import { DropdownItem } from "mis-crystal-design-system/dropdown";
4
5
  import * as i0 from "@angular/core";
5
6
  export declare class TableComponent implements OnInit, AfterViewInit, OnChanges {
6
7
  private renderer;
@@ -27,7 +28,15 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
27
28
  colHeaders: QueryList<ElementRef> | any;
28
29
  pages: import("@angular/core").WritableSignal<number[]>;
29
30
  tableLength: import("@angular/core").WritableSignal<number>;
31
+ selectedPage: import("@angular/core").WritableSignal<number>;
30
32
  pageSelected: import("@angular/core").OutputEmitterRef<number>;
33
+ pageSizeChanged: import("@angular/core").OutputEmitterRef<number>;
34
+ pageSizeOptions: import("@angular/core").Signal<{
35
+ label: string;
36
+ value: string;
37
+ }[]>;
38
+ showPageSizeDropdown: import("@angular/core").Signal<boolean>;
39
+ selectedPageSizeOption: import("@angular/core").WritableSignal<DropdownItem>;
31
40
  tableConfig: import("@angular/core").InputSignal<TableConfig>;
32
41
  subTableconfig: import("@angular/core").InputSignal<TableConfig>;
33
42
  tableDataLoading: import("@angular/core").InputSignal<boolean>;
@@ -82,8 +91,10 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
82
91
  } | null;
83
92
  isRowDisabled(row: any): boolean;
84
93
  toggleCheckbox(): void;
94
+ onPageSizeChange(selectedOption: DropdownItem): void;
95
+ shouldShowPagination(): boolean;
85
96
  static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
86
- static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "mis-table", never, { "tableConfig": { "alias": "tableConfig"; "required": false; "isSignal": true; }; "subTableconfig": { "alias": "subTableconfig"; "required": false; "isSignal": true; }; "tableDataLoading": { "alias": "tableDataLoading"; "required": false; "isSignal": true; }; "expandedIndex": { "alias": "expandedIndex"; "required": false; "isSignal": true; }; "tableData": { "alias": "tableData"; "required": false; "isSignal": true; }; "subTableData": { "alias": "subTableData"; "required": false; "isSignal": true; }; "subTableDataLoading": { "alias": "subTableDataLoading"; "required": false; "isSignal": true; }; "currentSort": { "alias": "currentSort"; "required": false; "isSignal": true; }; }, { "filtersUpdated": "filtersUpdated"; "pageSelected": "pageSelected"; "sortChange": "sortChange"; "headerAction": "headerAction"; }, never, never, false, never>;
97
+ static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "mis-table", never, { "tableConfig": { "alias": "tableConfig"; "required": false; "isSignal": true; }; "subTableconfig": { "alias": "subTableconfig"; "required": false; "isSignal": true; }; "tableDataLoading": { "alias": "tableDataLoading"; "required": false; "isSignal": true; }; "expandedIndex": { "alias": "expandedIndex"; "required": false; "isSignal": true; }; "tableData": { "alias": "tableData"; "required": false; "isSignal": true; }; "subTableData": { "alias": "subTableData"; "required": false; "isSignal": true; }; "subTableDataLoading": { "alias": "subTableDataLoading"; "required": false; "isSignal": true; }; "currentSort": { "alias": "currentSort"; "required": false; "isSignal": true; }; }, { "filtersUpdated": "filtersUpdated"; "pageSelected": "pageSelected"; "pageSizeChanged": "pageSizeChanged"; "sortChange": "sortChange"; "headerAction": "headerAction"; }, never, never, false, never>;
87
98
  }
88
99
  export interface TableConfig {
89
100
  height: string | "100%";
@@ -105,6 +116,8 @@ export interface PaginationConfig {
105
116
  totalNoOfRows: number;
106
117
  selectedPage?: number;
107
118
  disablePageJumping?: boolean;
119
+ showPageSizeDropdown?: boolean;
120
+ pageSizes?: number[];
108
121
  }
109
122
  export interface RowConfig {
110
123
  height?: string | undefined | null;
@@ -11,9 +11,10 @@ import * as i8 from "mis-crystal-design-system/checkbox";
11
11
  import * as i9 from "@angular/cdk/scrolling";
12
12
  import * as i10 from "@angular/cdk/overlay";
13
13
  import * as i11 from "@angular/cdk/portal";
14
+ import * as i12 from "mis-crystal-design-system/dropdown";
14
15
  export declare class TableModule {
15
16
  static forRoot(): ModuleWithProviders<TableModule>;
16
17
  static ɵfac: i0.ɵɵFactoryDeclaration<TableModule, never>;
17
- static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.TableComponent, typeof i2.SubTableComponent, typeof i3.TableFilterComponent, typeof i4.CustomTableCellDirective, typeof i5.SortIconsDirective, typeof i6.ActionsCellComponent], [typeof i7.CommonModule, typeof i8.CheckboxModule, typeof i9.ScrollingModule, typeof i10.OverlayModule, typeof i11.PortalModule], [typeof i1.TableComponent, typeof i2.SubTableComponent, typeof i3.TableFilterComponent, typeof i4.CustomTableCellDirective, typeof i5.SortIconsDirective, typeof i6.ActionsCellComponent]>;
18
+ static ɵmod: i0.ɵɵNgModuleDeclaration<TableModule, [typeof i1.TableComponent, typeof i2.SubTableComponent, typeof i3.TableFilterComponent, typeof i4.CustomTableCellDirective, typeof i5.SortIconsDirective, typeof i6.ActionsCellComponent], [typeof i7.CommonModule, typeof i8.CheckboxModule, typeof i9.ScrollingModule, typeof i10.OverlayModule, typeof i11.PortalModule, typeof i12.DropdownModule], [typeof i1.TableComponent, typeof i2.SubTableComponent, typeof i3.TableFilterComponent, typeof i4.CustomTableCellDirective, typeof i5.SortIconsDirective, typeof i6.ActionsCellComponent]>;
18
19
  static ɵinj: i0.ɵɵInjectorDeclaration<TableModule>;
19
20
  }
@@ -30,6 +30,8 @@ export declare class TimePickerComponent implements OnInit, OnDestroy {
30
30
  minTime: import("@angular/core").InputSignal<number>;
31
31
  triggerChange: import("@angular/core").InputSignal<boolean>;
32
32
  disable: import("@angular/core").InputSignal<boolean>;
33
+ disableUserInput: import("@angular/core").InputSignal<boolean>;
34
+ fontSize: import("@angular/core").InputSignal<string>;
33
35
  private computedFirstInterval;
34
36
  private _isInitializing;
35
37
  timeEmitter: import("@angular/core").OutputEmitterRef<ITime>;
@@ -50,5 +52,5 @@ export declare class TimePickerComponent implements OnInit, OnDestroy {
50
52
  populateDropdown(): void;
51
53
  ngOnDestroy(): void;
52
54
  static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
53
- static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "mis-timepicker", never, { "clockFormat": { "alias": "clockFormat"; "required": false; "isSignal": true; }; "timezone": { "alias": "timezone"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "inputWidth": { "alias": "inputWidth"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "dateAsEpoch": { "alias": "dateAsEpoch"; "required": false; "isSignal": true; }; "firstInterval": { "alias": "firstInterval"; "required": false; "isSignal": true; }; "rangeValidity": { "alias": "rangeValidity"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "givenTime": { "alias": "givenTime"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "triggerChange": { "alias": "triggerChange"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; }, { "timeEmitter": "timeEmitter"; }, never, never, false, never>;
55
+ static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "mis-timepicker", never, { "clockFormat": { "alias": "clockFormat"; "required": false; "isSignal": true; }; "timezone": { "alias": "timezone"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "inputWidth": { "alias": "inputWidth"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "dateAsEpoch": { "alias": "dateAsEpoch"; "required": false; "isSignal": true; }; "firstInterval": { "alias": "firstInterval"; "required": false; "isSignal": true; }; "rangeValidity": { "alias": "rangeValidity"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "givenTime": { "alias": "givenTime"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "triggerChange": { "alias": "triggerChange"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "disableUserInput": { "alias": "disableUserInput"; "required": false; "isSignal": true; }; "fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; }, { "timeEmitter": "timeEmitter"; }, never, never, false, never>;
54
56
  }
@@ -17,6 +17,8 @@ export declare class TimeRangePickerComponent implements OnInit {
17
17
  gap: import("@angular/core").InputSignal<string>;
18
18
  disableStartTime: import("@angular/core").InputSignal<boolean>;
19
19
  disableEndTime: import("@angular/core").InputSignal<boolean>;
20
+ fontSize: import("@angular/core").InputSignal<string>;
21
+ disableUserInput: import("@angular/core").InputSignal<boolean>;
20
22
  timeRangeEmitter: import("@angular/core").OutputEmitterRef<ITimeRange>;
21
23
  startTime: import("@angular/core").WritableSignal<ITime>;
22
24
  endTime: import("@angular/core").WritableSignal<ITime>;
@@ -42,5 +44,5 @@ export declare class TimeRangePickerComponent implements OnInit {
42
44
  checkTimeValidity(time: string, date: number): boolean;
43
45
  rangeValidation(validity: boolean): void;
44
46
  static ɵfac: i0.ɵɵFactoryDeclaration<TimeRangePickerComponent, never>;
45
- static ɵcmp: i0.ɵɵComponentDeclaration<TimeRangePickerComponent, "mis-timerangepicker", never, { "inputWidth": { "alias": "inputWidth"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "timezone": { "alias": "timezone"; "required": false; "isSignal": true; }; "startDateEpoch": { "alias": "startDateEpoch"; "required": false; "isSignal": true; }; "endDateEpoch": { "alias": "endDateEpoch"; "required": false; "isSignal": true; }; "givenStartTime": { "alias": "givenStartTime"; "required": false; "isSignal": true; }; "givenEndTime": { "alias": "givenEndTime"; "required": false; "isSignal": true; }; "clockFormat": { "alias": "clockFormat"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "disableStartTime": { "alias": "disableStartTime"; "required": false; "isSignal": true; }; "disableEndTime": { "alias": "disableEndTime"; "required": false; "isSignal": true; }; }, { "timeRangeEmitter": "timeRangeEmitter"; }, never, never, false, never>;
47
+ static ɵcmp: i0.ɵɵComponentDeclaration<TimeRangePickerComponent, "mis-timerangepicker", never, { "inputWidth": { "alias": "inputWidth"; "required": false; "isSignal": true; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "timezone": { "alias": "timezone"; "required": false; "isSignal": true; }; "startDateEpoch": { "alias": "startDateEpoch"; "required": false; "isSignal": true; }; "endDateEpoch": { "alias": "endDateEpoch"; "required": false; "isSignal": true; }; "givenStartTime": { "alias": "givenStartTime"; "required": false; "isSignal": true; }; "givenEndTime": { "alias": "givenEndTime"; "required": false; "isSignal": true; }; "clockFormat": { "alias": "clockFormat"; "required": false; "isSignal": true; }; "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "showTooltip": { "alias": "showTooltip"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "disableStartTime": { "alias": "disableStartTime"; "required": false; "isSignal": true; }; "disableEndTime": { "alias": "disableEndTime"; "required": false; "isSignal": true; }; "fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; "disableUserInput": { "alias": "disableUserInput"; "required": false; "isSignal": true; }; }, { "timeRangeEmitter": "timeRangeEmitter"; }, never, never, false, never>;
46
48
  }