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.
- package/action-list/action-list.component.d.ts +17 -15
- package/async-search-dropdown/async-dropdown.component.d.ts +43 -61
- package/button/button.component.d.ts +35 -13
- package/button/button.directive.d.ts +10 -8
- package/checkbox/checkbox.component.d.ts +15 -12
- package/chip/chip.component.d.ts +9 -11
- package/datepicker_v2/models/dp-config.model.d.ts +1 -0
- package/datepicker_v2/tz-datepicker.directive.d.ts +15 -18
- package/datepicker_v2/tz-dp-container/tz-dp-container.component.d.ts +42 -21
- package/daterangepicker_v2/tz-daterangepicker.directive.d.ts +12 -14
- package/daterangepicker_v2/tz-drp-container/tz-drp-container.component.d.ts +46 -23
- package/drawer/drawer-body/drawer-body.component.d.ts +2 -2
- package/dropdown/calculate-container-height.directive.d.ts +7 -8
- package/dropdown/dropdown.component.d.ts +41 -49
- package/dynamic-form/dynamic-form.component.d.ts +20 -16
- package/esm2022/action-list/action-list.component.mjs +113 -90
- package/esm2022/async-search-dropdown/async-dropdown.component.mjs +257 -327
- package/esm2022/button/button.component.mjs +56 -49
- package/esm2022/button/button.directive.mjs +36 -40
- package/esm2022/checkbox/checkbox.component.mjs +75 -70
- package/esm2022/chip/chip.component.mjs +20 -33
- package/esm2022/datepicker_v2/models/dp-config.model.mjs +1 -1
- package/esm2022/datepicker_v2/tz-datepicker.directive.mjs +42 -71
- package/esm2022/datepicker_v2/tz-dp-container/tz-dp-container.component.mjs +203 -173
- package/esm2022/datepicker_v2/utils/index.mjs +2 -1
- package/esm2022/daterangepicker_v2/tz-daterangepicker.directive.mjs +26 -51
- package/esm2022/daterangepicker_v2/tz-drp-container/tz-drp-container.component.mjs +283 -236
- package/esm2022/drawer/drawer-body/drawer-body.component.mjs +8 -7
- package/esm2022/dropdown/calculate-container-height.directive.mjs +25 -22
- package/esm2022/dropdown/dropdown.component.mjs +163 -187
- package/esm2022/dynamic-form/dynamic-form.component.mjs +119 -73
- package/esm2022/fab/fab.component.mjs +30 -34
- package/esm2022/filter/filter-panel/filter-panel.component.mjs +61 -59
- package/esm2022/input/directives/input/input.directive.mjs +22 -26
- package/esm2022/input/mis-input.component.mjs +42 -46
- package/esm2022/input-stepper/input-stepper/input-stepper.component.mjs +42 -52
- package/esm2022/loader/loader.component.mjs +8 -11
- package/esm2022/mobile-filter/mobile-filter.component.mjs +62 -62
- package/esm2022/modal/module-wrapper/module-wrapper.component.mjs +11 -9
- package/esm2022/multi-select-dropdown/multi-select-dropdown.component.mjs +235 -281
- package/esm2022/nested-multi-select-dropdown/nested-multi-select-dropdown.component.mjs +250 -287
- package/esm2022/phone-input/phone-input.component.mjs +21 -43
- package/esm2022/public-api.mjs +1 -1
- package/esm2022/radio-button/radio-button.component.mjs +15 -27
- package/esm2022/ske-loader/ske-loader.component.mjs +15 -29
- package/esm2022/slider/slider.component.mjs +23 -33
- package/esm2022/slider/slider.module.mjs +4 -11
- package/esm2022/snackbar/snackbar/snackbar.component.mjs +21 -15
- package/esm2022/snackbar/snackbar.service.mjs +3 -2
- package/esm2022/specificdatepicker/tz-sdp-container/tz-sdp-container.component.mjs +231 -344
- package/esm2022/specificdatepicker/tz-specificdatepicker.directive.mjs +77 -105
- package/esm2022/star-rating/star-rating.component.mjs +58 -72
- package/esm2022/switch/switch.component.mjs +34 -36
- package/esm2022/table/actions-cell/actions-cell.component.mjs +56 -55
- package/esm2022/table/custom-table-cell.directive.mjs +22 -18
- package/esm2022/table/filter/filter.component.mjs +60 -42
- package/esm2022/table/sort-icons.directive.mjs +16 -8
- package/esm2022/table/sub-table/sub-table.component.mjs +42 -45
- package/esm2022/table/table.component.mjs +182 -166
- package/esm2022/timepicker/timepicker.component.mjs +245 -160
- package/esm2022/timepicker/timepicker.directive.mjs +3 -2
- package/esm2022/timerangepicker/timerangepicker.component.mjs +200 -159
- package/esm2022/toast/toast.component.mjs +7 -8
- package/esm2022/toast/toast.data.service.mjs +15 -9
- package/esm2022/tooltip/tooltip-container/tooltip.component.mjs +12 -12
- package/esm2022/tooltip/tooltip.directive.mjs +4 -4
- package/esm2022/virtual-scroll/virtual-scroll.component.mjs +57 -59
- package/fab/fab.component.d.ts +12 -8
- package/fesm2022/mis-crystal-design-system-action-list.mjs +112 -89
- package/fesm2022/mis-crystal-design-system-action-list.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs +254 -325
- package/fesm2022/mis-crystal-design-system-async-search-dropdown.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-button.mjs +89 -86
- package/fesm2022/mis-crystal-design-system-button.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-checkbox.mjs +74 -69
- package/fesm2022/mis-crystal-design-system-checkbox.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-chip.mjs +19 -32
- package/fesm2022/mis-crystal-design-system-chip.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-datepicker_v2.mjs +243 -241
- package/fesm2022/mis-crystal-design-system-datepicker_v2.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs +306 -284
- package/fesm2022/mis-crystal-design-system-daterangepicker_v2.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-drawer.mjs +7 -6
- package/fesm2022/mis-crystal-design-system-drawer.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-dropdown.mjs +184 -205
- package/fesm2022/mis-crystal-design-system-dropdown.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-dynamic-form.mjs +119 -73
- package/fesm2022/mis-crystal-design-system-dynamic-form.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-fab.mjs +29 -33
- package/fesm2022/mis-crystal-design-system-fab.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-filter.mjs +60 -58
- package/fesm2022/mis-crystal-design-system-filter.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-input-stepper.mjs +41 -51
- package/fesm2022/mis-crystal-design-system-input-stepper.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-input.mjs +62 -71
- package/fesm2022/mis-crystal-design-system-input.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-loader.mjs +7 -10
- package/fesm2022/mis-crystal-design-system-loader.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-mobile-filter.mjs +61 -61
- package/fesm2022/mis-crystal-design-system-mobile-filter.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-modal.mjs +10 -8
- package/fesm2022/mis-crystal-design-system-modal.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-multi-select-dropdown.mjs +233 -279
- package/fesm2022/mis-crystal-design-system-multi-select-dropdown.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-nested-multi-select-dropdown.mjs +249 -286
- package/fesm2022/mis-crystal-design-system-nested-multi-select-dropdown.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-phone-input.mjs +20 -42
- package/fesm2022/mis-crystal-design-system-phone-input.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-radio-button.mjs +14 -26
- package/fesm2022/mis-crystal-design-system-radio-button.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-ske-loader.mjs +14 -28
- package/fesm2022/mis-crystal-design-system-ske-loader.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-slider.mjs +25 -42
- package/fesm2022/mis-crystal-design-system-slider.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-snackbar.mjs +22 -15
- package/fesm2022/mis-crystal-design-system-snackbar.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-specificdatepicker.mjs +305 -446
- package/fesm2022/mis-crystal-design-system-specificdatepicker.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-star-rating.mjs +57 -71
- package/fesm2022/mis-crystal-design-system-star-rating.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-switch.mjs +33 -35
- package/fesm2022/mis-crystal-design-system-switch.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-table.mjs +368 -324
- package/fesm2022/mis-crystal-design-system-table.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-timepicker.mjs +246 -160
- package/fesm2022/mis-crystal-design-system-timepicker.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-timerangepicker.mjs +199 -158
- package/fesm2022/mis-crystal-design-system-timerangepicker.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-toast.mjs +19 -14
- package/fesm2022/mis-crystal-design-system-toast.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-tooltip.mjs +14 -14
- package/fesm2022/mis-crystal-design-system-tooltip.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs +57 -59
- package/fesm2022/mis-crystal-design-system-virtual-scroll.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system.mjs.map +1 -1
- package/filter/filter-panel/filter-panel.component.d.ts +14 -14
- package/input/directives/input/input.directive.d.ts +6 -10
- package/input/mis-input.component.d.ts +12 -13
- package/input-stepper/input-stepper/input-stepper.component.d.ts +8 -7
- package/loader/loader.component.d.ts +3 -6
- package/mobile-filter/mobile-filter.component.d.ts +15 -15
- package/modal/module-wrapper/module-wrapper.component.d.ts +2 -3
- package/multi-select-dropdown/multi-select-dropdown.component.d.ts +89 -51
- package/nested-multi-select-dropdown/nested-multi-select-dropdown.component.d.ts +99 -56
- package/package.json +7 -13
- package/phone-input/phone-input.component.d.ts +16 -18
- package/radio-button/radio-button.component.d.ts +9 -11
- package/ske-loader/ske-loader.component.d.ts +8 -11
- package/slider/slider.component.d.ts +8 -11
- package/slider/slider.module.d.ts +1 -2
- package/snackbar/snackbar/snackbar.component.d.ts +3 -3
- package/specificdatepicker/tz-sdp-container/tz-sdp-container.component.d.ts +35 -35
- package/specificdatepicker/tz-specificdatepicker.directive.d.ts +24 -28
- package/star-rating/star-rating.component.d.ts +18 -18
- package/switch/switch.component.d.ts +8 -10
- package/table/actions-cell/actions-cell.component.d.ts +14 -14
- package/table/custom-table-cell.directive.d.ts +3 -3
- package/table/filter/filter.component.d.ts +9 -9
- package/table/sub-table/sub-table.component.d.ts +5 -5
- package/table/table.component.d.ts +38 -35
- package/timepicker/timepicker.component.d.ts +29 -28
- package/timerangepicker/timerangepicker.component.d.ts +36 -33
- package/toast/toast.data.service.d.ts +1 -1
- package/tooltip/tooltip-container/tooltip.component.d.ts +4 -4
- package/virtual-scroll/virtual-scroll.component.d.ts +8 -9
- package/button/button.directive.scss +0 -71
- package/drawer/drawer.scss +0 -20
- package/dynamic-theme/branding.types.d.ts +0 -84
- package/dynamic-theme/dynamic-theme.module.d.ts +0 -9
- package/dynamic-theme/dynamic-theme.service.d.ts +0 -89
- package/dynamic-theme/index.d.ts +0 -1
- package/dynamic-theme/public_api.d.ts +0 -3
- package/esm2022/dynamic-theme/branding.types.mjs +0 -93
- package/esm2022/dynamic-theme/dynamic-theme.module.mjs +0 -25
- package/esm2022/dynamic-theme/dynamic-theme.service.mjs +0 -193
- package/esm2022/dynamic-theme/index.mjs +0 -2
- package/esm2022/dynamic-theme/mis-crystal-design-system-dynamic-theme.mjs +0 -5
- package/esm2022/dynamic-theme/public_api.mjs +0 -4
- package/fesm2022/mis-crystal-design-system-dynamic-theme.mjs +0 -313
- package/fesm2022/mis-crystal-design-system-dynamic-theme.mjs.map +0 -1
- package/input/mis-input.component.scss +0 -180
- package/modal/modal.scss +0 -9
- package/styles/fonts/icomoon.eot +0 -0
- package/styles/fonts/icomoon.svg +0 -315
- package/styles/fonts/icomoon.ttf +0 -0
- package/styles/fonts/icomoon.woff +0 -0
- package/styles/mis-borders-backgrounds.scss +0 -764
- package/styles/mis-color-constants.scss +0 -353
- package/styles/mis-flex.scss +0 -321
- package/styles/mis-fonts.scss +0 -124
- package/styles/mis-icons.scss +0 -1054
- package/styles/mis-mixins.scss +0 -46
- package/styles/mis-old-icon-styles.scss +0 -498
- package/styles/mis-spacing-sizing.scss +0 -2590
- package/styles/mis-typography.scss +0 -462
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { AfterViewInit, ElementRef,
|
|
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:
|
|
13
|
-
filterContainerStyles: any
|
|
14
|
-
appliedFilters: {
|
|
15
|
-
[key: string]:
|
|
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:
|
|
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:
|
|
29
|
-
tableLength: number
|
|
30
|
-
pageSelected:
|
|
31
|
-
|
|
32
|
-
subTableconfig: TableConfig
|
|
33
|
-
tableDataLoading: boolean
|
|
34
|
-
expandedIndex: number
|
|
35
|
-
tableData:
|
|
36
|
-
subTableData:
|
|
37
|
-
subTableDataLoading: boolean
|
|
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
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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():
|
|
65
|
-
getContainerWidth():
|
|
67
|
+
getContainerHeight(): string;
|
|
68
|
+
getContainerWidth(): string;
|
|
66
69
|
getColHeadersRowStyles(): {
|
|
67
|
-
"min-height":
|
|
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, { "
|
|
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,
|
|
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,
|
|
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
|
|
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
|
|
31
|
-
triggerChange: boolean
|
|
32
|
-
disable: boolean
|
|
33
|
-
|
|
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 {
|
|
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
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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
|
-
|
|
35
|
-
setFirstIntervals
|
|
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
|
-
|
|
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,
|
|
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
|
|
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
|
-
}
|
package/drawer/drawer.scss
DELETED
|
@@ -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
|
-
}
|
package/dynamic-theme/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./public_api";
|