mis-crystal-design-system 18.0.25 → 18.1.0-signal-test-1

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 (195) hide show
  1. package/action-list/action-list.component.d.ts +17 -15
  2. package/async-search-dropdown/async-dropdown.component.d.ts +43 -61
  3. package/button/button.component.d.ts +35 -13
  4. package/button/button.directive.d.ts +10 -8
  5. package/checkbox/checkbox.component.d.ts +15 -12
  6. package/chip/chip.component.d.ts +9 -11
  7. package/datepicker_v2/models/dp-config.model.d.ts +1 -0
  8. package/datepicker_v2/tz-datepicker.directive.d.ts +15 -18
  9. package/datepicker_v2/tz-dp-container/tz-dp-container.component.d.ts +42 -21
  10. package/daterangepicker_v2/tz-daterangepicker.directive.d.ts +12 -14
  11. package/daterangepicker_v2/tz-drp-container/tz-drp-container.component.d.ts +46 -23
  12. package/drawer/drawer-body/drawer-body.component.d.ts +2 -2
  13. package/dropdown/calculate-container-height.directive.d.ts +7 -8
  14. package/dropdown/dropdown.component.d.ts +41 -49
  15. package/dynamic-form/dynamic-form.component.d.ts +20 -16
  16. package/esm2022/action-list/action-list.component.mjs +113 -90
  17. package/esm2022/async-search-dropdown/async-dropdown.component.mjs +257 -327
  18. package/esm2022/button/button.component.mjs +56 -49
  19. package/esm2022/button/button.directive.mjs +36 -40
  20. package/esm2022/checkbox/checkbox.component.mjs +75 -70
  21. package/esm2022/chip/chip.component.mjs +20 -33
  22. package/esm2022/datepicker_v2/models/dp-config.model.mjs +1 -1
  23. package/esm2022/datepicker_v2/tz-datepicker.directive.mjs +42 -71
  24. package/esm2022/datepicker_v2/tz-dp-container/tz-dp-container.component.mjs +203 -173
  25. package/esm2022/datepicker_v2/utils/index.mjs +2 -1
  26. package/esm2022/daterangepicker_v2/tz-daterangepicker.directive.mjs +26 -51
  27. package/esm2022/daterangepicker_v2/tz-drp-container/tz-drp-container.component.mjs +283 -236
  28. package/esm2022/drawer/drawer-body/drawer-body.component.mjs +8 -7
  29. package/esm2022/dropdown/calculate-container-height.directive.mjs +25 -22
  30. package/esm2022/dropdown/dropdown.component.mjs +163 -187
  31. package/esm2022/dynamic-form/dynamic-form.component.mjs +119 -73
  32. package/esm2022/fab/fab.component.mjs +30 -34
  33. package/esm2022/filter/filter-panel/filter-panel.component.mjs +61 -59
  34. package/esm2022/input/directives/input/input.directive.mjs +22 -26
  35. package/esm2022/input/mis-input.component.mjs +42 -46
  36. package/esm2022/input-stepper/input-stepper/input-stepper.component.mjs +42 -52
  37. package/esm2022/loader/loader.component.mjs +8 -11
  38. package/esm2022/mobile-filter/mobile-filter.component.mjs +62 -62
  39. package/esm2022/modal/module-wrapper/module-wrapper.component.mjs +11 -9
  40. package/esm2022/multi-select-dropdown/multi-select-dropdown.component.mjs +235 -281
  41. package/esm2022/nested-multi-select-dropdown/nested-multi-select-dropdown.component.mjs +250 -287
  42. package/esm2022/phone-input/phone-input.component.mjs +21 -43
  43. package/esm2022/public-api.mjs +1 -1
  44. package/esm2022/radio-button/radio-button.component.mjs +15 -27
  45. package/esm2022/ske-loader/ske-loader.component.mjs +15 -29
  46. package/esm2022/slider/slider.component.mjs +23 -33
  47. package/esm2022/slider/slider.module.mjs +4 -11
  48. package/esm2022/snackbar/snackbar/snackbar.component.mjs +21 -15
  49. package/esm2022/snackbar/snackbar.service.mjs +3 -2
  50. package/esm2022/specificdatepicker/tz-sdp-container/tz-sdp-container.component.mjs +231 -344
  51. package/esm2022/specificdatepicker/tz-specificdatepicker.directive.mjs +77 -105
  52. package/esm2022/star-rating/star-rating.component.mjs +58 -72
  53. package/esm2022/switch/switch.component.mjs +34 -36
  54. package/esm2022/table/actions-cell/actions-cell.component.mjs +56 -55
  55. package/esm2022/table/custom-table-cell.directive.mjs +22 -18
  56. package/esm2022/table/filter/filter.component.mjs +60 -42
  57. package/esm2022/table/sort-icons.directive.mjs +16 -8
  58. package/esm2022/table/sub-table/sub-table.component.mjs +42 -45
  59. package/esm2022/table/table.component.mjs +182 -166
  60. package/esm2022/timepicker/timepicker.component.mjs +245 -160
  61. package/esm2022/timepicker/timepicker.directive.mjs +3 -2
  62. package/esm2022/timerangepicker/timerangepicker.component.mjs +200 -159
  63. package/esm2022/toast/toast.component.mjs +7 -8
  64. package/esm2022/toast/toast.data.service.mjs +15 -9
  65. package/esm2022/tooltip/tooltip-container/tooltip.component.mjs +12 -12
  66. package/esm2022/tooltip/tooltip.directive.mjs +4 -4
  67. package/esm2022/virtual-scroll/virtual-scroll.component.mjs +57 -59
  68. package/fab/fab.component.d.ts +12 -8
  69. package/fesm2022/mis-crystal-design-system-action-list.mjs +112 -89
  70. package/fesm2022/mis-crystal-design-system-action-list.mjs.map +1 -1
  71. package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs +254 -325
  72. package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs.map +1 -1
  73. package/fesm2022/mis-crystal-design-system-button.mjs +89 -86
  74. package/fesm2022/mis-crystal-design-system-button.mjs.map +1 -1
  75. package/fesm2022/mis-crystal-design-system-checkbox.mjs +74 -69
  76. package/fesm2022/mis-crystal-design-system-checkbox.mjs.map +1 -1
  77. package/fesm2022/mis-crystal-design-system-chip.mjs +19 -32
  78. package/fesm2022/mis-crystal-design-system-chip.mjs.map +1 -1
  79. package/fesm2022/mis-crystal-design-system-datepicker_v2.mjs +243 -241
  80. package/fesm2022/mis-crystal-design-system-datepicker_v2.mjs.map +1 -1
  81. package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs +306 -284
  82. package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs.map +1 -1
  83. package/fesm2022/mis-crystal-design-system-drawer.mjs +7 -6
  84. package/fesm2022/mis-crystal-design-system-drawer.mjs.map +1 -1
  85. package/fesm2022/mis-crystal-design-system-dropdown.mjs +184 -205
  86. package/fesm2022/mis-crystal-design-system-dropdown.mjs.map +1 -1
  87. package/fesm2022/mis-crystal-design-system-dynamic-form.mjs +119 -73
  88. package/fesm2022/mis-crystal-design-system-dynamic-form.mjs.map +1 -1
  89. package/fesm2022/mis-crystal-design-system-fab.mjs +29 -33
  90. package/fesm2022/mis-crystal-design-system-fab.mjs.map +1 -1
  91. package/fesm2022/mis-crystal-design-system-filter.mjs +60 -58
  92. package/fesm2022/mis-crystal-design-system-filter.mjs.map +1 -1
  93. package/fesm2022/mis-crystal-design-system-input-stepper.mjs +41 -51
  94. package/fesm2022/mis-crystal-design-system-input-stepper.mjs.map +1 -1
  95. package/fesm2022/mis-crystal-design-system-input.mjs +62 -71
  96. package/fesm2022/mis-crystal-design-system-input.mjs.map +1 -1
  97. package/fesm2022/mis-crystal-design-system-loader.mjs +7 -10
  98. package/fesm2022/mis-crystal-design-system-loader.mjs.map +1 -1
  99. package/fesm2022/mis-crystal-design-system-mobile-filter.mjs +61 -61
  100. package/fesm2022/mis-crystal-design-system-mobile-filter.mjs.map +1 -1
  101. package/fesm2022/mis-crystal-design-system-modal.mjs +10 -8
  102. package/fesm2022/mis-crystal-design-system-modal.mjs.map +1 -1
  103. package/fesm2022/mis-crystal-design-system-multi-select-dropdown.mjs +233 -279
  104. package/fesm2022/mis-crystal-design-system-multi-select-dropdown.mjs.map +1 -1
  105. package/fesm2022/mis-crystal-design-system-nested-multi-select-dropdown.mjs +249 -286
  106. package/fesm2022/mis-crystal-design-system-nested-multi-select-dropdown.mjs.map +1 -1
  107. package/fesm2022/mis-crystal-design-system-phone-input.mjs +20 -42
  108. package/fesm2022/mis-crystal-design-system-phone-input.mjs.map +1 -1
  109. package/fesm2022/mis-crystal-design-system-radio-button.mjs +14 -26
  110. package/fesm2022/mis-crystal-design-system-radio-button.mjs.map +1 -1
  111. package/fesm2022/mis-crystal-design-system-ske-loader.mjs +14 -28
  112. package/fesm2022/mis-crystal-design-system-ske-loader.mjs.map +1 -1
  113. package/fesm2022/mis-crystal-design-system-slider.mjs +25 -42
  114. package/fesm2022/mis-crystal-design-system-slider.mjs.map +1 -1
  115. package/fesm2022/mis-crystal-design-system-snackbar.mjs +22 -15
  116. package/fesm2022/mis-crystal-design-system-snackbar.mjs.map +1 -1
  117. package/fesm2022/mis-crystal-design-system-specificdatepicker.mjs +305 -446
  118. package/fesm2022/mis-crystal-design-system-specificdatepicker.mjs.map +1 -1
  119. package/fesm2022/mis-crystal-design-system-star-rating.mjs +57 -71
  120. package/fesm2022/mis-crystal-design-system-star-rating.mjs.map +1 -1
  121. package/fesm2022/mis-crystal-design-system-switch.mjs +33 -35
  122. package/fesm2022/mis-crystal-design-system-switch.mjs.map +1 -1
  123. package/fesm2022/mis-crystal-design-system-table.mjs +368 -324
  124. package/fesm2022/mis-crystal-design-system-table.mjs.map +1 -1
  125. package/fesm2022/mis-crystal-design-system-timepicker.mjs +246 -160
  126. package/fesm2022/mis-crystal-design-system-timepicker.mjs.map +1 -1
  127. package/fesm2022/mis-crystal-design-system-timerangepicker.mjs +199 -158
  128. package/fesm2022/mis-crystal-design-system-timerangepicker.mjs.map +1 -1
  129. package/fesm2022/mis-crystal-design-system-toast.mjs +19 -14
  130. package/fesm2022/mis-crystal-design-system-toast.mjs.map +1 -1
  131. package/fesm2022/mis-crystal-design-system-tooltip.mjs +14 -14
  132. package/fesm2022/mis-crystal-design-system-tooltip.mjs.map +1 -1
  133. package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs +57 -59
  134. package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs.map +1 -1
  135. package/fesm2022/mis-crystal-design-system.mjs.map +1 -1
  136. package/filter/filter-panel/filter-panel.component.d.ts +14 -14
  137. package/input/directives/input/input.directive.d.ts +6 -10
  138. package/input/mis-input.component.d.ts +12 -13
  139. package/input-stepper/input-stepper/input-stepper.component.d.ts +8 -7
  140. package/loader/loader.component.d.ts +3 -6
  141. package/mobile-filter/mobile-filter.component.d.ts +15 -15
  142. package/modal/module-wrapper/module-wrapper.component.d.ts +2 -3
  143. package/multi-select-dropdown/multi-select-dropdown.component.d.ts +89 -51
  144. package/nested-multi-select-dropdown/nested-multi-select-dropdown.component.d.ts +99 -56
  145. package/package.json +7 -13
  146. package/phone-input/phone-input.component.d.ts +16 -18
  147. package/radio-button/radio-button.component.d.ts +9 -11
  148. package/ske-loader/ske-loader.component.d.ts +8 -11
  149. package/slider/slider.component.d.ts +8 -11
  150. package/slider/slider.module.d.ts +1 -2
  151. package/snackbar/snackbar/snackbar.component.d.ts +3 -3
  152. package/specificdatepicker/tz-sdp-container/tz-sdp-container.component.d.ts +35 -35
  153. package/specificdatepicker/tz-specificdatepicker.directive.d.ts +24 -28
  154. package/star-rating/star-rating.component.d.ts +18 -18
  155. package/switch/switch.component.d.ts +8 -10
  156. package/table/actions-cell/actions-cell.component.d.ts +14 -14
  157. package/table/custom-table-cell.directive.d.ts +3 -3
  158. package/table/filter/filter.component.d.ts +9 -9
  159. package/table/sub-table/sub-table.component.d.ts +5 -5
  160. package/table/table.component.d.ts +38 -35
  161. package/timepicker/timepicker.component.d.ts +29 -28
  162. package/timerangepicker/timerangepicker.component.d.ts +36 -33
  163. package/toast/toast.data.service.d.ts +1 -1
  164. package/tooltip/tooltip-container/tooltip.component.d.ts +4 -4
  165. package/virtual-scroll/virtual-scroll.component.d.ts +8 -9
  166. package/button/button.directive.scss +0 -71
  167. package/drawer/drawer.scss +0 -20
  168. package/dynamic-theme/branding.types.d.ts +0 -84
  169. package/dynamic-theme/dynamic-theme.module.d.ts +0 -9
  170. package/dynamic-theme/dynamic-theme.service.d.ts +0 -89
  171. package/dynamic-theme/index.d.ts +0 -1
  172. package/dynamic-theme/public_api.d.ts +0 -3
  173. package/esm2022/dynamic-theme/branding.types.mjs +0 -93
  174. package/esm2022/dynamic-theme/dynamic-theme.module.mjs +0 -25
  175. package/esm2022/dynamic-theme/dynamic-theme.service.mjs +0 -193
  176. package/esm2022/dynamic-theme/index.mjs +0 -2
  177. package/esm2022/dynamic-theme/mis-crystal-design-system-dynamic-theme.mjs +0 -5
  178. package/esm2022/dynamic-theme/public_api.mjs +0 -4
  179. package/fesm2022/mis-crystal-design-system-dynamic-theme.mjs +0 -313
  180. package/fesm2022/mis-crystal-design-system-dynamic-theme.mjs.map +0 -1
  181. package/input/mis-input.component.scss +0 -180
  182. package/modal/modal.scss +0 -9
  183. package/styles/fonts/icomoon.eot +0 -0
  184. package/styles/fonts/icomoon.svg +0 -315
  185. package/styles/fonts/icomoon.ttf +0 -0
  186. package/styles/fonts/icomoon.woff +0 -0
  187. package/styles/mis-borders-backgrounds.scss +0 -764
  188. package/styles/mis-color-constants.scss +0 -353
  189. package/styles/mis-flex.scss +0 -321
  190. package/styles/mis-fonts.scss +0 -124
  191. package/styles/mis-icons.scss +0 -1054
  192. package/styles/mis-mixins.scss +0 -46
  193. package/styles/mis-old-icon-styles.scss +0 -498
  194. package/styles/mis-spacing-sizing.scss +0 -2590
  195. package/styles/mis-typography.scss +0 -462
@@ -1,23 +1,23 @@
1
- import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnInit, QueryList, Renderer2 } from "@angular/core";
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
4
  import * as i0 from "@angular/core";
5
5
  export declare class TableComponent implements OnInit, AfterViewInit, OnChanges {
6
6
  private renderer;
7
- activeRowIndex: number[];
8
- hasCheckboxActions: boolean;
9
- selectAllCheckbox: boolean;
10
- showFilter: boolean;
11
- filterName: string;
12
- filterData: Array<Filter>;
13
- filterContainerStyles: any;
14
- appliedFilters: {
15
- [key: string]: Array<{
7
+ activeRowIndex: import("@angular/core").WritableSignal<number[]>;
8
+ hasCheckboxActions: import("@angular/core").WritableSignal<boolean>;
9
+ selectAllCheckbox: import("@angular/core").WritableSignal<boolean>;
10
+ showFilter: import("@angular/core").WritableSignal<boolean>;
11
+ filterName: import("@angular/core").WritableSignal<string>;
12
+ filterData: import("@angular/core").WritableSignal<Filter[]>;
13
+ filterContainerStyles: import("@angular/core").WritableSignal<any>;
14
+ appliedFilters: import("@angular/core").WritableSignal<{
15
+ [key: string]: {
16
16
  name: string;
17
17
  value: string;
18
- }>;
19
- };
20
- filtersUpdated: EventEmitter<{
18
+ }[];
19
+ }>;
20
+ filtersUpdated: import("@angular/core").OutputEmitterRef<{
21
21
  [key: string]: {
22
22
  name: string;
23
23
  value: string;
@@ -25,25 +25,28 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
25
25
  }>;
26
26
  filter: TableFilterComponent | any;
27
27
  colHeaders: QueryList<ElementRef> | any;
28
- pages: Array<number>;
29
- tableLength: number;
30
- pageSelected: EventEmitter<number>;
31
- config: TableConfig | any;
32
- subTableconfig: TableConfig | any;
33
- tableDataLoading: boolean | any;
34
- expandedIndex: number | any;
35
- tableData: Array<Array<any>>;
36
- subTableData: Array<Array<any>>;
37
- subTableDataLoading: boolean | any;
28
+ pages: import("@angular/core").WritableSignal<number[]>;
29
+ tableLength: import("@angular/core").WritableSignal<number>;
30
+ pageSelected: import("@angular/core").OutputEmitterRef<number>;
31
+ tableConfig: import("@angular/core").InputSignal<TableConfig>;
32
+ subTableconfig: import("@angular/core").InputSignal<TableConfig>;
33
+ tableDataLoading: import("@angular/core").InputSignal<boolean>;
34
+ expandedIndex: import("@angular/core").InputSignal<number>;
35
+ tableData: import("@angular/core").InputSignal<any[][]>;
36
+ subTableData: import("@angular/core").InputSignal<any[][]>;
37
+ subTableDataLoading: import("@angular/core").InputSignal<boolean>;
38
+ currentSort: import("@angular/core").InputSignal<{
39
+ column: string;
40
+ direction: "ASC" | "DESC" | "";
41
+ }>;
38
42
  table: ElementRef | any;
39
- collapseColIndex: number;
40
- previewLines: number;
41
- rowCollapseConfigIndex: number;
42
- expandedMap: Record<string, boolean>;
43
- currentSort: SortState | null;
44
- multiColumnSort: SortState[];
45
- sortChange: EventEmitter<SortState>;
46
- headerAction?: EventEmitter<{
43
+ collapseColIndex: import("@angular/core").WritableSignal<number>;
44
+ previewLines: import("@angular/core").WritableSignal<number>;
45
+ rowCollapseConfigIndex: import("@angular/core").WritableSignal<number>;
46
+ expandedMap: import("@angular/core").WritableSignal<Record<string, boolean>>;
47
+ multiColumnSort: import("@angular/core").WritableSignal<SortState[]>;
48
+ sortChange: import("@angular/core").OutputEmitterRef<SortState>;
49
+ headerAction: import("@angular/core").OutputEmitterRef<{
47
50
  type: string;
48
51
  payload?: any;
49
52
  }>;
@@ -61,10 +64,10 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
61
64
  }>): void;
62
65
  initializePagination(): void;
63
66
  updateSelectedPage(pageNumber: number): void;
64
- getContainerHeight(): any;
65
- getContainerWidth(): any;
67
+ getContainerHeight(): string;
68
+ getContainerWidth(): string;
66
69
  getColHeadersRowStyles(): {
67
- "min-height": any;
70
+ "min-height": string;
68
71
  "border-top": any;
69
72
  "border-bottom": any;
70
73
  "background-color": any;
@@ -80,7 +83,7 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
80
83
  isRowDisabled(row: any): boolean;
81
84
  toggleCheckbox(): void;
82
85
  static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
83
- static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "mis-table", never, { "config": { "alias": "tableConfig"; "required": false; }; "subTableconfig": { "alias": "subTableconfig"; "required": false; }; "tableDataLoading": { "alias": "tableDataLoading"; "required": false; }; "expandedIndex": { "alias": "expandedIndex"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "subTableData": { "alias": "subTableData"; "required": false; }; "subTableDataLoading": { "alias": "subTableDataLoading"; "required": false; }; }, { "filtersUpdated": "filtersUpdated"; "pageSelected": "pageSelected"; "sortChange": "sortChange"; "headerAction": "headerAction"; }, never, never, false, 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>;
84
87
  }
85
88
  export interface TableConfig {
86
89
  height: string | "100%";
@@ -1,43 +1,44 @@
1
- import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit } from "@angular/core";
1
+ import { ElementRef, OnDestroy, OnInit } from "@angular/core";
2
2
  import { ITime } from "./time.namespace";
3
3
  import { TimepickerDirective } from "./timepicker.directive";
4
4
  import { ToolTipDirective } from "mis-crystal-design-system/tooltip";
5
5
  import dayjs from 'dayjs';
6
6
  import * as i0 from "@angular/core";
7
- export declare class TimePickerComponent implements OnInit, OnChanges, OnDestroy {
8
- currTime: string;
9
- chosenTime: string;
10
- openStatus: boolean;
11
- isHighlighted: number;
12
- isInvalid: boolean;
13
- timeIntervals: string[];
14
- shouldScroll: boolean;
15
- userInputFlag: boolean;
16
- givenTimeFlag: boolean;
17
- clockFormat: number;
7
+ export declare class TimePickerComponent implements OnInit, OnDestroy {
8
+ currTime: import("@angular/core").WritableSignal<string>;
9
+ chosenTime: import("@angular/core").WritableSignal<string>;
10
+ openStatus: import("@angular/core").WritableSignal<boolean>;
11
+ isHighlighted: import("@angular/core").WritableSignal<number>;
12
+ isInvalid: import("@angular/core").WritableSignal<boolean>;
13
+ timeIntervals: import("@angular/core").WritableSignal<string[]>;
14
+ shouldScroll: import("@angular/core").WritableSignal<boolean>;
15
+ userInputFlag: import("@angular/core").WritableSignal<boolean>;
16
+ givenTimeFlag: import("@angular/core").WritableSignal<boolean>;
17
+ clockFormat: import("@angular/core").InputSignal<number>;
18
18
  timeFormat: string;
19
- timezone: string;
20
- height: string;
21
- inputWidth: string;
22
- dropdownWidth?: string;
23
- interval: number;
24
- dateAsEpoch: number;
25
- firstInterval: number;
26
- rangeValidity: boolean;
27
- showTooltip: boolean;
19
+ timezone: import("@angular/core").InputSignal<string>;
20
+ height: import("@angular/core").InputSignal<string>;
21
+ inputWidth: import("@angular/core").InputSignal<string>;
22
+ dropdownWidth: import("@angular/core").InputSignal<string>;
23
+ interval: import("@angular/core").InputSignal<number>;
24
+ dateAsEpoch: import("@angular/core").InputSignal<number>;
25
+ firstInterval: import("@angular/core").InputSignal<number>;
26
+ rangeValidity: import("@angular/core").InputSignal<boolean>;
27
+ showTooltip: import("@angular/core").InputSignal<boolean>;
28
28
  dispayToolTip: boolean;
29
- givenTime: number;
30
- minTime?: number;
31
- triggerChange: boolean;
32
- disable: boolean;
33
- timeEmitter: EventEmitter<ITime>;
29
+ givenTime: import("@angular/core").InputSignal<number>;
30
+ minTime: import("@angular/core").InputSignal<number>;
31
+ triggerChange: import("@angular/core").InputSignal<boolean>;
32
+ disable: import("@angular/core").InputSignal<boolean>;
33
+ private computedFirstInterval;
34
+ private _isInitializing;
35
+ timeEmitter: import("@angular/core").OutputEmitterRef<ITime>;
34
36
  input: ElementRef;
35
37
  timepickerDirective: TimepickerDirective;
36
38
  tooltipDirective: ToolTipDirective;
37
39
  set timeIntervalRefs(intervals: any);
38
40
  constructor();
39
41
  ngOnInit(): void;
40
- ngOnChanges(): void;
41
42
  emitTime(data: ITime): void;
42
43
  getdayjs(time?: string): dayjs.Dayjs;
43
44
  closeDropdown(): void;
@@ -49,5 +50,5 @@ export declare class TimePickerComponent implements OnInit, OnChanges, OnDestroy
49
50
  populateDropdown(): void;
50
51
  ngOnDestroy(): void;
51
52
  static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
52
- static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "mis-timepicker", never, { "clockFormat": { "alias": "clockFormat"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "height": { "alias": "height"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "dateAsEpoch": { "alias": "dateAsEpoch"; "required": false; }; "firstInterval": { "alias": "firstInterval"; "required": false; }; "rangeValidity": { "alias": "rangeValidity"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "givenTime": { "alias": "givenTime"; "required": false; }; "minTime": { "alias": "minTime"; "required": false; }; "triggerChange": { "alias": "triggerChange"; "required": false; }; "disable": { "alias": "disable"; "required": false; }; }, { "timeEmitter": "timeEmitter"; }, never, never, false, 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>;
53
54
  }
@@ -1,43 +1,46 @@
1
- import { ChangeDetectorRef, EventEmitter } from "@angular/core";
1
+ import { OnInit } from "@angular/core";
2
2
  import { ITimeRange, ITime, TDirection } from "./timerange.namespace";
3
3
  import * as i0 from "@angular/core";
4
- export declare class TimeRangePickerComponent {
5
- private cdr;
6
- inputWidth: string;
7
- dropdownWidth?: string;
8
- height: string;
9
- timezone: string;
10
- startDateEpoch: number;
11
- endDateEpoch: number;
12
- givenStartTime: number;
13
- givenEndTime: number;
14
- clockFormat: number;
15
- interval: number;
16
- showTooltip: boolean;
17
- direction: TDirection;
18
- gap: string;
19
- disableStartTime: boolean;
20
- disableEndTime: boolean;
21
- timeRangeEmitter: EventEmitter<ITimeRange>;
22
- startDate: string;
23
- endDate: string;
24
- currDate: string;
25
- timeFormat: string;
26
- firstIntervalForStartPicker: number;
27
- firstIntervalForEndPicker: number;
28
- startTime: ITime;
29
- endTime: ITime;
30
- rangeValidity: boolean;
31
- triggerChange: boolean;
32
- constructor(cdr: ChangeDetectorRef);
4
+ export declare class TimeRangePickerComponent implements OnInit {
5
+ inputWidth: import("@angular/core").InputSignal<string>;
6
+ dropdownWidth: import("@angular/core").InputSignal<string>;
7
+ height: import("@angular/core").InputSignal<string>;
8
+ timezone: import("@angular/core").InputSignal<string>;
9
+ startDateEpoch: import("@angular/core").InputSignal<number>;
10
+ endDateEpoch: import("@angular/core").InputSignal<number>;
11
+ givenStartTime: import("@angular/core").InputSignal<number>;
12
+ givenEndTime: import("@angular/core").InputSignal<number>;
13
+ clockFormat: import("@angular/core").InputSignal<number>;
14
+ interval: import("@angular/core").InputSignal<number>;
15
+ showTooltip: import("@angular/core").InputSignal<boolean>;
16
+ direction: import("@angular/core").InputSignal<TDirection>;
17
+ gap: import("@angular/core").InputSignal<string>;
18
+ disableStartTime: import("@angular/core").InputSignal<boolean>;
19
+ disableEndTime: import("@angular/core").InputSignal<boolean>;
20
+ timeRangeEmitter: import("@angular/core").OutputEmitterRef<ITimeRange>;
21
+ startTime: import("@angular/core").WritableSignal<ITime>;
22
+ endTime: import("@angular/core").WritableSignal<ITime>;
23
+ rangeValidity: import("@angular/core").WritableSignal<boolean>;
24
+ triggerChange: import("@angular/core").WritableSignal<boolean>;
25
+ private _firstIntervals;
26
+ private _isInitializing;
27
+ firstIntervals: import("@angular/core").Signal<{
28
+ start: number;
29
+ end: number;
30
+ }>;
31
+ private getTimeFormat;
32
+ private getStartDate;
33
+ private getEndDate;
34
+ private getCurrDate;
35
+ constructor();
33
36
  ngOnInit(): void;
34
- ngOnChanges(): void;
35
- setFirstIntervals(): void;
37
+ private initializeComponent;
38
+ private setFirstIntervals;
36
39
  emitTimeRange(data: ITimeRange): void;
37
40
  startPickerHandler(time: ITime): void;
38
41
  endPickerHandler(time: ITime): void;
39
42
  checkTimeValidity(time: string, date: number): boolean;
40
43
  rangeValidation(validity: boolean): void;
41
44
  static ɵfac: i0.ɵɵFactoryDeclaration<TimeRangePickerComponent, never>;
42
- static ɵcmp: i0.ɵɵComponentDeclaration<TimeRangePickerComponent, "mis-timerangepicker", never, { "inputWidth": { "alias": "inputWidth"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; }; "height": { "alias": "height"; "required": false; }; "timezone": { "alias": "timezone"; "required": false; }; "startDateEpoch": { "alias": "startDateEpoch"; "required": false; }; "endDateEpoch": { "alias": "endDateEpoch"; "required": false; }; "givenStartTime": { "alias": "givenStartTime"; "required": false; }; "givenEndTime": { "alias": "givenEndTime"; "required": false; }; "clockFormat": { "alias": "clockFormat"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "showTooltip": { "alias": "showTooltip"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "disableStartTime": { "alias": "disableStartTime"; "required": false; }; "disableEndTime": { "alias": "disableEndTime"; "required": false; }; }, { "timeRangeEmitter": "timeRangeEmitter"; }, never, never, false, 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>;
43
46
  }
@@ -2,7 +2,7 @@ import { ToastMessage } from "./toast.interface";
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class ToastDataService {
4
4
  private messageMap;
5
- get messages(): (ToastMessage | string)[];
5
+ messages: import("@angular/core").Signal<(string | ToastMessage)[]>;
6
6
  constructor();
7
7
  updateMessage(msg: ToastMessage | string): number;
8
8
  removeMessage(id: number): void;
@@ -1,10 +1,10 @@
1
- import { AfterViewInit, ElementRef, OnInit, TemplateRef } from "@angular/core";
1
+ import { AfterViewInit, ElementRef, OnInit, TemplateRef, WritableSignal } from "@angular/core";
2
2
  import { ITooltipPositions } from "../models/tooltip.model";
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class ToolTipComponent implements OnInit, AfterViewInit {
5
- toolTipText: string;
6
- toolTipPosition: ITooltipPositions;
7
- toolTipTextAlignment: string;
5
+ toolTipText: WritableSignal<string>;
6
+ toolTipPosition: WritableSignal<ITooltipPositions>;
7
+ toolTipTextAlignment: WritableSignal<string>;
8
8
  templateRef: TemplateRef<any>;
9
9
  templateContext: any;
10
10
  container: ElementRef;
@@ -1,28 +1,27 @@
1
- import { ChangeDetectorRef, EventEmitter, OnInit, TemplateRef } from "@angular/core";
1
+ import { ChangeDetectorRef, EventEmitter, TemplateRef, WritableSignal } from "@angular/core";
2
2
  import { CdkVirtualScrollViewport } from "@angular/cdk/scrolling";
3
3
  import { BehaviorSubject, Observable } from "rxjs";
4
4
  import { IVirtualScrollConfig } from "./virtual-scroll.constants";
5
5
  import * as i0 from "@angular/core";
6
- export declare class VirtualScrollComponent implements OnInit {
6
+ export declare class VirtualScrollComponent {
7
7
  private changeDetectorRef;
8
+ config: import("@angular/core").InputSignal<IVirtualScrollConfig>;
8
9
  offset: BehaviorSubject<any>;
9
- endOfInfiniteData: boolean;
10
- rowsLoading: boolean;
11
- loading: boolean;
12
- error: boolean;
10
+ endOfInfiniteData: WritableSignal<boolean>;
11
+ rowsLoading: WritableSignal<boolean>;
12
+ loading: WritableSignal<boolean>;
13
+ error: WritableSignal<boolean>;
13
14
  data$: Observable<any>;
14
- config: IVirtualScrollConfig;
15
15
  viewPort: CdkVirtualScrollViewport;
16
16
  customItem: TemplateRef<Element>;
17
17
  intialized: EventEmitter<any>;
18
18
  virtualScrollApi: any;
19
19
  constructor(changeDetectorRef: ChangeDetectorRef);
20
- ngOnInit(): void;
21
20
  switchOffInfiniteScroll: () => void;
22
21
  switchOnInfiniteScroll: () => void;
23
22
  setupInfiniteScroll(): void;
24
23
  nextBatch(offset: any): void;
25
24
  getBatch(offset: any): Observable<any>;
26
25
  static ɵfac: i0.ɵɵFactoryDeclaration<VirtualScrollComponent, never>;
27
- static ɵcmp: i0.ɵɵComponentDeclaration<VirtualScrollComponent, "mis-virtual-scroll", never, { "config": { "alias": "config"; "required": false; }; }, { "intialized": "intialized"; }, ["customItem"], never, false, never>;
26
+ static ɵcmp: i0.ɵɵComponentDeclaration<VirtualScrollComponent, "mis-virtual-scroll", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "intialized": "intialized"; }, ["customItem"], never, false, never>;
28
27
  }
@@ -1,71 +0,0 @@
1
- @import '../styles/mis-color-constants.scss';
2
-
3
- .mis-btn {
4
- background: none;
5
- outline: none;
6
- border: none;
7
- cursor: pointer;
8
- border-radius: 4px;
9
- vertical-align: middle;
10
- text-align: center;
11
- box-sizing: border-box;
12
- display: flex;
13
- align-items: center;
14
- text-decoration: none;
15
- justify-content: center;
16
-
17
- span,
18
- img {
19
- margin-right: 8px;
20
- }
21
-
22
- padding: 10px 16px;
23
- font-size: 16px;
24
- line-height: 24px;
25
- &.mis-btn-lg {
26
- padding: 16px;
27
- font-weight: bold;
28
- }
29
- &.mis-btn-sm {
30
- padding: 6px 12px;
31
- font-size: 14px;
32
- line-height: 20px;
33
- }
34
-
35
- background-color: transparent;
36
- color: var(--brand-primary, $pmry_500);
37
- &:hover {
38
- background-color: var(--brand-primary-hover, $tr_hover);
39
- }
40
- &:focus {
41
- background-color: var(--brand-primary-active, $tr_pressed);
42
- }
43
- &:disabled {
44
- color: var(--text-tertiary, $text-disabled);
45
- pointer-events: none;
46
- }
47
-
48
- &.mis-outline {
49
- border: 1px solid var(--brand-primary, $pmry_500);
50
-
51
- &:disabled {
52
- color: var(--text-tertiary, $text-disabled);
53
- border-color: var(--text-tertiary, $text-disabled);
54
- }
55
- }
56
-
57
- &.mis-primary {
58
- background-color: var(--brand-primary, $pmry_500);
59
- color: var(--bg-primary, $text_white);
60
- &:hover {
61
- background-color: var(--brand-primary-dark, $pmry_600);
62
- }
63
- &:focus {
64
- background-color: var(--brand-primary-darker, $pmry_700);
65
- }
66
- &:disabled {
67
- background-color: var(--border-primary, $grey_seperators);
68
- color: var(--text-tertiary, $text-disabled);
69
- }
70
- }
71
- }
@@ -1,20 +0,0 @@
1
- .mis-drawer {
2
- display: block;
3
- transition: all 300ms ease-out;
4
- }
5
- .mis-drawer-overlay {
6
- background: var(--bg-overlay-light, rgba(0, 0, 0, 0.12));
7
- }
8
- mis-datepicker-container {
9
- z-index: 2100;
10
- }
11
-
12
- mis-loader {
13
- z-index: 3000;
14
- }
15
-
16
- @keyframes slideOut {
17
- to {
18
- transform: translateX(100%);
19
- }
20
- }
@@ -1,84 +0,0 @@
1
- export declare namespace BrandingTypes {
2
- interface ThemeColors {
3
- brandPrimary: string;
4
- brandPrimaryLight: string;
5
- brandPrimaryDark: string;
6
- brandPrimaryDarker: string;
7
- brandPrimaryLighter: string;
8
- brandPrimaryLightest: string;
9
- brandPrimaryHover: string;
10
- brandPrimaryActive: string;
11
- brandSecondary: string;
12
- brandSecondaryLight: string;
13
- brandSecondaryDark: string;
14
- brandSecondaryLighter: string;
15
- brandAccent: string;
16
- brandAccentLight: string;
17
- brandAccentDark: string;
18
- brandAccentLighter: string;
19
- brandSuccess: string;
20
- brandSuccessLight: string;
21
- brandSuccessDark: string;
22
- brandSuccessLighter: string;
23
- brandSuccessLightest: string;
24
- brandError: string;
25
- brandErrorLight: string;
26
- brandErrorDark: string;
27
- brandErrorLighter: string;
28
- brandErrorLightest: string;
29
- brandWarning: string;
30
- brandWarningLight: string;
31
- brandWarningDark: string;
32
- brandWarningLighter: string;
33
- brandWarningLightest: string;
34
- brandInfo: string;
35
- brandInfoLight: string;
36
- brandInfoDark: string;
37
- brandInfoLighter: string;
38
- textPrimary: string;
39
- textSecondary: string;
40
- textTertiary: string;
41
- textDisabled: string;
42
- textPrimary87: string;
43
- textPrimary60: string;
44
- textPrimary38: string;
45
- textPrimary12: string;
46
- bgPrimary: string;
47
- bgSecondary: string;
48
- bgTertiary: string;
49
- bgOverlay: string;
50
- bgOverlayLight: string;
51
- bgOverlayLighter: string;
52
- bgOverlayLightest: string;
53
- borderPrimary: string;
54
- borderSecondary: string;
55
- borderTertiary: string;
56
- borderLight: string;
57
- borderPrimary12: string;
58
- borderPrimary08: string;
59
- borderPrimary06: string;
60
- shadowPrimary: string;
61
- shadowSecondary: string;
62
- shadowTertiary: string;
63
- shadowLight: string;
64
- statusAvailable: string;
65
- statusUnavailable: string;
66
- statusHotseat: string;
67
- statusMultiteam: string;
68
- statusSelected: string;
69
- statusUpcoming: string;
70
- statusRoom: string;
71
- statusRoomBooked: string;
72
- statusRoomUnavailable: string;
73
- teamColor1: string;
74
- teamColor2: string;
75
- teamColor3: string;
76
- teamColor4: string;
77
- teamColor5: string;
78
- teamColor6: string;
79
- teamColor7: string;
80
- teamColor8: string;
81
- teamColor9: string;
82
- }
83
- const defaultTheme: ThemeColors;
84
- }
@@ -1,9 +0,0 @@
1
- import { DynamicThemeService } from './dynamic-theme.service';
2
- import * as i0 from "@angular/core";
3
- export declare class DynamicThemeModule {
4
- private themeService;
5
- constructor(themeService: DynamicThemeService);
6
- static ɵfac: i0.ɵɵFactoryDeclaration<DynamicThemeModule, never>;
7
- static ɵmod: i0.ɵɵNgModuleDeclaration<DynamicThemeModule, never, never, never>;
8
- static ɵinj: i0.ɵɵInjectorDeclaration<DynamicThemeModule>;
9
- }
@@ -1,89 +0,0 @@
1
- import { Observable } from 'rxjs';
2
- import { BrandingTypes } from './branding.types';
3
- import * as i0 from "@angular/core";
4
- export declare class DynamicThemeService {
5
- private currentThemeSubject;
6
- currentTheme$: Observable<BrandingTypes.ThemeColors>;
7
- constructor();
8
- /**
9
- * Apply a complete theme configuration to the root element
10
- * @param theme - ThemeColors object containing all color values
11
- */
12
- applyTheme(theme: BrandingTypes.ThemeColors): void;
13
- /**
14
- * Apply partial theme updates (only specified colors will be updated)
15
- * @param partialTheme - Partial ThemeColors object with only the colors to update
16
- */
17
- applyPartialTheme(partialTheme: Partial<BrandingTypes.ThemeColors>): void;
18
- /**
19
- * Set a single color property
20
- * @param colorKey - The camelCase key of the color property
21
- * @param colorValue - The color value (hex, rgb, rgba, etc.)
22
- */
23
- setColorProperty(colorKey: keyof BrandingTypes.ThemeColors, colorValue: string): void;
24
- /**
25
- * Get the current theme colors
26
- * @returns Current ThemeColors object
27
- */
28
- getCurrentTheme(): BrandingTypes.ThemeColors;
29
- /**
30
- * Get a specific color value from the current theme
31
- * @param colorKey - The camelCase key of the color property
32
- * @returns The color value as string
33
- */
34
- getColorProperty(colorKey: keyof BrandingTypes.ThemeColors): string;
35
- /**
36
- * Reset theme to default values
37
- */
38
- resetToDefault(): void;
39
- /**
40
- * Remove a specific CSS custom property from the root element
41
- * @param colorKey - The camelCase key of the color property to remove
42
- */
43
- removeColorProperty(colorKey: keyof BrandingTypes.ThemeColors): void;
44
- /**
45
- * Get all CSS custom properties currently set on the root element
46
- * @returns Object with CSS variable names as keys and their values
47
- */
48
- getAllCSSVariables(): Record<string, string>;
49
- /**
50
- * Apply theme with validation
51
- * @param theme - ThemeColors object to validate and apply
52
- * @returns boolean indicating if the theme was successfully applied
53
- */
54
- applyThemeWithValidation(theme: BrandingTypes.ThemeColors): boolean;
55
- /**
56
- * Convert camelCase to kebab-case for CSS custom properties
57
- * @param camelCase - The camelCase string to convert
58
- * @returns kebab-case string
59
- */
60
- private camelToKebabCase;
61
- /**
62
- * Convert kebab-case to camelCase
63
- * @param kebabCase - The kebab-case string to convert
64
- * @returns camelCase string
65
- */
66
- private kebabToCamelCase;
67
- /**
68
- * Create a theme preset from current applied theme
69
- * @param presetName - Name for the theme preset
70
- * @returns Theme preset object
71
- */
72
- createThemePreset(presetName: string): {
73
- name: string;
74
- theme: BrandingTypes.ThemeColors;
75
- };
76
- /**
77
- * Export current theme as JSON string
78
- * @returns JSON string representation of current theme
79
- */
80
- exportThemeAsJSON(): string;
81
- /**
82
- * Import theme from JSON string
83
- * @param jsonString - JSON string representation of theme
84
- * @returns boolean indicating success
85
- */
86
- importThemeFromJSON(jsonString: string): boolean;
87
- static ɵfac: i0.ɵɵFactoryDeclaration<DynamicThemeService, never>;
88
- static ɵprov: i0.ɵɵInjectableDeclaration<DynamicThemeService>;
89
- }
@@ -1 +0,0 @@
1
- export * from "./public_api";
@@ -1,3 +0,0 @@
1
- export { BrandingTypes } from './branding.types';
2
- export { DynamicThemeService } from './dynamic-theme.service';
3
- export { DynamicThemeModule } from './dynamic-theme.module';