@ieeesa-npm/presentation 0.11.1 → 0.11.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.
- package/esm2022/lib/assets/constants.json +4 -10
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +3 -3
- package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/components/chips/chips.component.mjs +3 -3
- package/esm2022/lib/components/data-table/data-table.component.mjs +10 -3
- package/esm2022/lib/components/date-picker/date-picker.component.mjs +4 -7
- package/esm2022/lib/components/date-picker-header/date-picker-header.component.mjs +3 -3
- package/esm2022/lib/components/dynamic-form/dynamic-form.component.mjs +16 -27
- package/esm2022/lib/components/filter/filter.component.mjs +3 -3
- package/esm2022/lib/components/footer/footer.component.mjs +3 -3
- package/esm2022/lib/components/form-error/form-error.component.mjs +3 -3
- package/esm2022/lib/components/form-support-text/form-support-text.component.mjs +3 -3
- package/esm2022/lib/components/header/header.component.mjs +20 -11
- package/esm2022/lib/components/input/input.component.mjs +3 -3
- package/esm2022/lib/components/loader/loader.component.mjs +3 -3
- package/esm2022/lib/components/menu/menu.component.mjs +3 -3
- package/esm2022/lib/components/modal/modal.component.mjs +3 -3
- package/esm2022/lib/components/modal-confirmation/modal-confirmation.component.mjs +3 -3
- package/esm2022/lib/components/navigation-menu/navigation-menu.component.mjs +3 -3
- package/esm2022/lib/components/notification/notification.component.mjs +3 -3
- package/esm2022/lib/components/radio/radio.component.mjs +4 -10
- package/esm2022/lib/components/search/search.component.mjs +3 -3
- package/esm2022/lib/components/select/select.component.mjs +14 -6
- package/esm2022/lib/components/slide-toggle/slide-toggle.component.mjs +80 -0
- package/esm2022/lib/components/text-area/text-area.component.mjs +6 -43
- package/esm2022/lib/components/tile/tile.component.mjs +3 -3
- package/esm2022/lib/components/toggle-button/toggle-button.component.mjs +3 -3
- package/esm2022/lib/components/welcome/welcome.component.mjs +3 -3
- package/esm2022/lib/directives/dynamic-form-field/dynamic-form-field.directive.mjs +12 -24
- package/esm2022/lib/models/field-config.model.mjs +1 -1
- package/esm2022/lib/models/form-control-types.model.mjs +11 -4
- package/esm2022/lib/models/slide-toggle-options.model.mjs +2 -0
- package/esm2022/public-api.mjs +3 -4
- package/fesm2022/ieeesa-npm-presentation.mjs +228 -271
- package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
- package/lib/components/chips/chips.component.d.ts +7 -10
- package/lib/components/date-picker/date-picker.component.d.ts +1 -2
- package/lib/components/dynamic-form/dynamic-form.component.d.ts +12 -20
- package/lib/components/header/header.component.d.ts +8 -4
- package/lib/components/radio/radio.component.d.ts +1 -3
- package/lib/components/select/select.component.d.ts +1 -0
- package/lib/components/slide-toggle/slide-toggle.component.d.ts +37 -0
- package/lib/components/text-area/text-area.component.d.ts +2 -15
- package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts +4 -6
- package/lib/models/field-config.model.d.ts +2 -9
- package/lib/models/form-control-types.model.d.ts +1 -2
- package/lib/models/slide-toggle-options.model.d.ts +5 -0
- package/package.json +3 -4
- package/public-api.d.ts +2 -3
- package/src/lib/assets/constants.json +4 -10
- package/esm2022/lib/components/add-form-group/add-form-group.component.mjs +0 -34
- package/esm2022/lib/components/time-picker/time-picker.component.mjs +0 -58
- package/esm2022/lib/models/selected-date.model.mjs +0 -2
- package/esm2022/lib/models/selected-time.model.mjs +0 -2
- package/lib/components/add-form-group/add-form-group.component.d.ts +0 -19
- package/lib/components/time-picker/time-picker.component.d.ts +0 -20
- package/lib/models/selected-date.model.d.ts +0 -4
- package/lib/models/selected-time.model.d.ts +0 -4
|
@@ -26,12 +26,10 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
|
|
|
26
26
|
menuIcon: string;
|
|
27
27
|
close: string;
|
|
28
28
|
search: string;
|
|
29
|
-
addFormGroup: string;
|
|
30
29
|
};
|
|
31
30
|
button: {
|
|
32
31
|
cancel: string;
|
|
33
32
|
ok: string;
|
|
34
|
-
add: string;
|
|
35
33
|
};
|
|
36
34
|
chips: {
|
|
37
35
|
noOfDefaultVisibleChips: number;
|
|
@@ -46,6 +44,13 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
|
|
|
46
44
|
arrow: {
|
|
47
45
|
id: number;
|
|
48
46
|
iconURL: string;
|
|
47
|
+
/**
|
|
48
|
+
* Chips component allow users to view information, make selections, filter content.
|
|
49
|
+
* @export
|
|
50
|
+
* @class ChipComponent
|
|
51
|
+
* @implements {OnInit}
|
|
52
|
+
* @implements {OnDestroy}
|
|
53
|
+
*/
|
|
49
54
|
toolTip: string;
|
|
50
55
|
ariaLabel: string;
|
|
51
56
|
};
|
|
@@ -102,7 +107,6 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
|
|
|
102
107
|
};
|
|
103
108
|
textarea: {
|
|
104
109
|
maxLengthDefault: number;
|
|
105
|
-
leftCharacters: string;
|
|
106
110
|
};
|
|
107
111
|
autocomplete: {
|
|
108
112
|
minCharToSearch: number;
|
|
@@ -143,10 +147,6 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
|
|
|
143
147
|
ariaLabel: string;
|
|
144
148
|
redirectUrl: string;
|
|
145
149
|
}[];
|
|
146
|
-
/**
|
|
147
|
-
* NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
|
|
148
|
-
* @memberof GroupsComponent
|
|
149
|
-
*/
|
|
150
150
|
ieeeLogo: string;
|
|
151
151
|
copyright: {
|
|
152
152
|
link: string;
|
|
@@ -174,9 +174,6 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
|
|
|
174
174
|
};
|
|
175
175
|
};
|
|
176
176
|
defaultWelcomeBgColor: string;
|
|
177
|
-
timePicker: {
|
|
178
|
-
defaultTimeFormat: number;
|
|
179
|
-
};
|
|
180
177
|
};
|
|
181
178
|
chipsType: typeof ChipsType;
|
|
182
179
|
orientations: typeof ChipOrientation;
|
|
@@ -7,7 +7,6 @@ import { CalendarType } from '../../models/calendar.model';
|
|
|
7
7
|
import { DatepickerService } from '../../services/datepicker.service';
|
|
8
8
|
import { FormField } from '../../models/form-field.model';
|
|
9
9
|
import { FormUtilityService } from '../../services/form-utility.service';
|
|
10
|
-
import { SelectedDate } from '../../models/selected-date.model';
|
|
11
10
|
import * as i0 from "@angular/core";
|
|
12
11
|
export declare class CustomDateAdapter extends MomentDateAdapter {
|
|
13
12
|
/**
|
|
@@ -74,7 +73,7 @@ export declare class DatePickerComponent implements FormField, OnInit {
|
|
|
74
73
|
};
|
|
75
74
|
minDate: Date | moment.Moment;
|
|
76
75
|
maxDate: Date | moment.Moment;
|
|
77
|
-
selectedDate: EventEmitter<
|
|
76
|
+
selectedDate: EventEmitter<string>;
|
|
78
77
|
selectedDateRange: EventEmitter<{
|
|
79
78
|
startDate: string;
|
|
80
79
|
endDate: string;
|
|
@@ -6,8 +6,7 @@ import { FormGrid } from '../../models/form-grid.model';
|
|
|
6
6
|
import { DynamicFormFieldDirective } from '../../directives/dynamic-form-field/dynamic-form-field.directive';
|
|
7
7
|
import { AlignType } from '../../models/align-type.model';
|
|
8
8
|
import { CheckboxOption } from '../../models/checkbox-option.model';
|
|
9
|
-
import {
|
|
10
|
-
import { SelectedTime } from '../../models/selected-time.model';
|
|
9
|
+
import { SlideToggleOption } from '../../models/slide-toggle-options.model';
|
|
11
10
|
import * as i0 from "@angular/core";
|
|
12
11
|
/**
|
|
13
12
|
* Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
|
|
@@ -57,7 +56,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
|
57
56
|
formGroupsReference: EventEmitter<FormGroup<any>[]>;
|
|
58
57
|
dropdownChange: EventEmitter<any>;
|
|
59
58
|
formCheckboxSelection: EventEmitter<CheckboxOption>;
|
|
60
|
-
formDateSelected: EventEmitter<
|
|
59
|
+
formDateSelected: EventEmitter<string>;
|
|
61
60
|
formSelectSearch: EventEmitter<{
|
|
62
61
|
searchEvent: Event;
|
|
63
62
|
controlName: string;
|
|
@@ -71,8 +70,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
|
71
70
|
startDate: string;
|
|
72
71
|
endDate: string;
|
|
73
72
|
}>;
|
|
74
|
-
|
|
75
|
-
formTimeSelected: EventEmitter<SelectedTime>;
|
|
73
|
+
formSlideToggleChange: EventEmitter<SlideToggleOption>;
|
|
76
74
|
form: FormGroup;
|
|
77
75
|
formGroupArray: FormGroup[];
|
|
78
76
|
formControlArray: any[];
|
|
@@ -174,16 +172,10 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
|
174
172
|
};
|
|
175
173
|
/**
|
|
176
174
|
* Handles form date selection event
|
|
177
|
-
* @param {
|
|
175
|
+
* @param {string[]} event
|
|
178
176
|
* @memberof DynamicFormComponent
|
|
179
177
|
*/
|
|
180
|
-
onDateSelected(
|
|
181
|
-
/**
|
|
182
|
-
* Handles form time selection event
|
|
183
|
-
* @param {SelectedTime} selectedTime
|
|
184
|
-
* @memberof DynamicFormComponent
|
|
185
|
-
*/
|
|
186
|
-
onTimeSelected(selectedTime: SelectedTime): void;
|
|
178
|
+
onDateSelected(event: string): void;
|
|
187
179
|
/**
|
|
188
180
|
* Emits selected form date range
|
|
189
181
|
* @param {{startDate: string, endDate: string}} dateRange
|
|
@@ -216,6 +208,12 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
|
216
208
|
* @memberof DynamicFormComponent
|
|
217
209
|
*/
|
|
218
210
|
onAutoCompleteOptionSelected(): void;
|
|
211
|
+
/**
|
|
212
|
+
* Handles form slide toggle event and emits formSlideToggleChange event.
|
|
213
|
+
* @param {SlideToggleOption} toggle
|
|
214
|
+
* @memberof DynamicFormComponent
|
|
215
|
+
*/
|
|
216
|
+
onFormSlideToggleChange(toggle: SlideToggleOption): void;
|
|
219
217
|
/**
|
|
220
218
|
* Converts passed control name in hyphenated css class name
|
|
221
219
|
* @param {string} className
|
|
@@ -223,12 +221,6 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
|
223
221
|
* @memberof DynamicFormComponent
|
|
224
222
|
*/
|
|
225
223
|
getRowClassName(className: string): string;
|
|
226
|
-
/**
|
|
227
|
-
* Emits the addFormGroup event
|
|
228
|
-
* @param {Event} event
|
|
229
|
-
* @memberof DynamicFormComponent
|
|
230
|
-
*/
|
|
231
|
-
onAddFormGroup(event: Event): void;
|
|
232
224
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
|
|
233
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "
|
|
225
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "formSlideToggleChange": "formSlideToggleChange"; }, never, never, true, never>;
|
|
234
226
|
}
|
|
@@ -14,6 +14,10 @@ export declare class HeaderComponent implements OnDestroy {
|
|
|
14
14
|
private authService;
|
|
15
15
|
private storageService;
|
|
16
16
|
private headerConfigInfo;
|
|
17
|
+
screenTexts: any;
|
|
18
|
+
private profileMenuOptions;
|
|
19
|
+
menuItems: Menu[];
|
|
20
|
+
isMobileView: boolean;
|
|
17
21
|
/**
|
|
18
22
|
* HeaderConfig represents the configurable properties required for header component.
|
|
19
23
|
* Input property of the component to get the configurable values such as logo, app title, signed in user name and logout redirect URL.
|
|
@@ -25,13 +29,9 @@ export declare class HeaderComponent implements OnDestroy {
|
|
|
25
29
|
set menuConfig(value: Menu[]);
|
|
26
30
|
get menuConfig(): Menu[];
|
|
27
31
|
destroy$: Subject<boolean>;
|
|
28
|
-
screenTexts: any;
|
|
29
|
-
isMobileView: boolean;
|
|
30
32
|
toggleNavMenuClick: EventEmitter<Event>;
|
|
31
33
|
profileMenuClick: EventEmitter<Menu>;
|
|
32
|
-
private profileMenuOptions;
|
|
33
34
|
userProfileIconButton: IconButton;
|
|
34
|
-
menuItems: Menu[];
|
|
35
35
|
constructor(breakPointObserverService: BreakpointObserverService, authService: AuthService, storageService: StorageService);
|
|
36
36
|
/**
|
|
37
37
|
* Desktop event to navigate to logout page.
|
|
@@ -52,6 +52,10 @@ export declare class HeaderComponent implements OnDestroy {
|
|
|
52
52
|
* @memberof HeaderComponent
|
|
53
53
|
*/
|
|
54
54
|
onUserProfileMenuClick(menu: Menu): void;
|
|
55
|
+
/**
|
|
56
|
+
* Modifies the menu items based on mobile or desktop.
|
|
57
|
+
*/
|
|
58
|
+
getMenuItems(): void;
|
|
55
59
|
/**
|
|
56
60
|
* Cleans up resources when the component is destroyed.
|
|
57
61
|
* @memberof HeaderComponent
|
|
@@ -17,9 +17,7 @@ export declare class RadioComponent implements OnInit, FormField {
|
|
|
17
17
|
config: FieldConfig;
|
|
18
18
|
group: FormGroup;
|
|
19
19
|
formControlName: string;
|
|
20
|
-
|
|
21
|
-
set radioGroup(value: RadioOption[]);
|
|
22
|
-
get radioGroup(): RadioOption[];
|
|
20
|
+
radioGroup: RadioOption[];
|
|
23
21
|
isDisabled: boolean;
|
|
24
22
|
selectedRadioOption: EventEmitter<RadioOption>;
|
|
25
23
|
constructor(formUtilityService: FormUtilityService);
|
|
@@ -26,6 +26,7 @@ export declare class SelectComponent implements OnInit, AfterViewInit {
|
|
|
26
26
|
private _dropdownOptions;
|
|
27
27
|
private _selectedOptions;
|
|
28
28
|
private _isSortNeeded;
|
|
29
|
+
private unsortedDropdownOptions;
|
|
29
30
|
/**
|
|
30
31
|
* Takes isSortNeeded as input to check if the passed options are sorted or not.
|
|
31
32
|
* @memberof SelectComponent
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { MatSlideToggleChange } from '@angular/material/slide-toggle';
|
|
3
|
+
import { FormGroup } from '@angular/forms';
|
|
4
|
+
import { FieldConfig } from '../../models/field-config.model';
|
|
5
|
+
import { FormUtilityService } from '../../services/form-utility.service';
|
|
6
|
+
import { SlideToggleOption } from '../../models/slide-toggle-options.model';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export declare class SlideToggleComponent implements OnInit {
|
|
9
|
+
private formUtilityService;
|
|
10
|
+
config: FieldConfig;
|
|
11
|
+
group: FormGroup;
|
|
12
|
+
formControlName: string;
|
|
13
|
+
slideToggleOption: SlideToggleOption;
|
|
14
|
+
/**
|
|
15
|
+
* Input property to get slide toggle options
|
|
16
|
+
* @memberof SlideToggleComponent
|
|
17
|
+
* @usageNotes const slideToggleOption = [{ id: 1, label: 'Change toggle', checked: true, disabled: false}]
|
|
18
|
+
*/
|
|
19
|
+
set slideToggle(value: SlideToggleOption);
|
|
20
|
+
get slideToggle(): SlideToggleOption;
|
|
21
|
+
isDisabled: boolean;
|
|
22
|
+
slideToggleChange: EventEmitter<SlideToggleOption>;
|
|
23
|
+
constructor(formUtilityService: FormUtilityService);
|
|
24
|
+
/**
|
|
25
|
+
* On slide toggle sets slideToggleOption checked and emit slideToggleChange event emitter.
|
|
26
|
+
* @param {MatSlideToggleChange} toggle
|
|
27
|
+
* @memberof SlideToggleComponent
|
|
28
|
+
*/
|
|
29
|
+
onSlideToggleChange(toggle: MatSlideToggleChange): void;
|
|
30
|
+
/**
|
|
31
|
+
* Initiates component and set slideToggleOption.
|
|
32
|
+
* @memberof SlideToggleComponent
|
|
33
|
+
*/
|
|
34
|
+
ngOnInit(): void;
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleComponent, never>;
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleComponent, "ieeesa-slide-toggle", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "slideToggle": { "alias": "slideToggle"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "slideToggleChange": "slideToggleChange"; }, never, never, true, never>;
|
|
37
|
+
}
|
|
@@ -1,24 +1,11 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
1
|
import { FormGroup } from '@angular/forms';
|
|
3
2
|
import { FieldConfig } from '../../models/field-config.model';
|
|
4
3
|
import { FormField } from '../../models/form-field.model';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class TextAreaComponent implements
|
|
5
|
+
export declare class TextAreaComponent implements FormField {
|
|
7
6
|
config: FieldConfig;
|
|
8
7
|
group: FormGroup;
|
|
9
|
-
remainingCharsLeftMessage: string;
|
|
10
8
|
constants: any;
|
|
11
|
-
leftCharCount: number;
|
|
12
|
-
/**
|
|
13
|
-
* Initializes the leftCharCount and remainingCharsLeftMessage
|
|
14
|
-
* @memberof TextAreaComponent
|
|
15
|
-
*/
|
|
16
|
-
ngOnInit(): void;
|
|
17
|
-
/**
|
|
18
|
-
* Calculates the remaining characters count on change of form control value and sets the remaining count.
|
|
19
|
-
* @memberof TextAreaComponent
|
|
20
|
-
*/
|
|
21
|
-
onChange(event: Event): void;
|
|
22
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ieeesa-text-area", never, {
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ieeesa-text-area", never, {}, {}, never, never, true, never>;
|
|
24
11
|
}
|
|
@@ -4,8 +4,7 @@ import { Subject } from 'rxjs';
|
|
|
4
4
|
import { FieldConfig } from '../../models/field-config.model';
|
|
5
5
|
import { FormField } from '../../models/form-field.model';
|
|
6
6
|
import { CheckboxOption } from '../../models/checkbox-option.model';
|
|
7
|
-
import {
|
|
8
|
-
import { SelectedTime } from '../../models/selected-time.model';
|
|
7
|
+
import { SlideToggleOption } from '../../models/slide-toggle-options.model';
|
|
9
8
|
import * as i0 from "@angular/core";
|
|
10
9
|
/**
|
|
11
10
|
* Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
|
|
@@ -48,8 +47,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
|
|
|
48
47
|
get searchResponse(): any;
|
|
49
48
|
formSearchApply: EventEmitter<Event>;
|
|
50
49
|
formDropdownSelected: EventEmitter<Event>;
|
|
51
|
-
formDateSelected: EventEmitter<
|
|
52
|
-
formTimeSelected: EventEmitter<SelectedTime>;
|
|
50
|
+
formDateSelected: EventEmitter<string>;
|
|
53
51
|
formSelectedDateRange: EventEmitter<{
|
|
54
52
|
startDate: string;
|
|
55
53
|
endDate: string;
|
|
@@ -63,7 +61,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
|
|
|
63
61
|
autoCompleteOptionSelected: EventEmitter<Event>;
|
|
64
62
|
formCheckboxSelection: EventEmitter<CheckboxOption>;
|
|
65
63
|
formInputValue: EventEmitter<string | number>;
|
|
66
|
-
|
|
64
|
+
formSlideToggleChange: EventEmitter<SlideToggleOption>;
|
|
67
65
|
component: ComponentRef<any>;
|
|
68
66
|
constructor(container: ViewContainerRef);
|
|
69
67
|
/**
|
|
@@ -82,5 +80,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
|
|
|
82
80
|
*/
|
|
83
81
|
ngOnDestroy(): void;
|
|
84
82
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, never>;
|
|
85
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "
|
|
83
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "formSlideToggleChange": "formSlideToggleChange"; }, never, never, true, never>;
|
|
86
84
|
}
|
|
@@ -5,6 +5,7 @@ import { RadioOption } from '../models/radio-option.model';
|
|
|
5
5
|
import { SearchType } from '../models/search.model';
|
|
6
6
|
import { SelectOption } from '../models/select-option.model';
|
|
7
7
|
import { AutoCompleteOption } from '../models/autocomplete-option.model';
|
|
8
|
+
import { SlideToggleOption } from './slide-toggle-options.model';
|
|
8
9
|
export interface FieldConfig {
|
|
9
10
|
isSortNeeded?: boolean;
|
|
10
11
|
disabled?: boolean;
|
|
@@ -46,13 +47,5 @@ export interface FieldConfig {
|
|
|
46
47
|
ariaDescribedById?: string;
|
|
47
48
|
ariaMultiline?: boolean;
|
|
48
49
|
minSelectionRequired?: number;
|
|
49
|
-
|
|
50
|
-
remainingCharsLeftMessage?: string;
|
|
51
|
-
name?: string;
|
|
52
|
-
maxRangeLimit?: number;
|
|
53
|
-
hour24?: number;
|
|
54
|
-
hour12?: number;
|
|
55
|
-
isSearch?: boolean;
|
|
56
|
-
invalidDateTimeErrorMessage?: string;
|
|
57
|
-
is24HoursTimeFormat?: boolean;
|
|
50
|
+
slideToggleOption?: SlideToggleOption;
|
|
58
51
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ieeesa-npm/presentation",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.2",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^16.1.0",
|
|
6
6
|
"@angular/core": "^16.1.0",
|
|
@@ -18,9 +18,8 @@
|
|
|
18
18
|
"moment": "^2.29.4",
|
|
19
19
|
"rxjs": "~7.8.0",
|
|
20
20
|
"zone.js": "~0.13.0",
|
|
21
|
-
"@ieeesa-npm/shared-styles": "^0.2.
|
|
22
|
-
"
|
|
23
|
-
"@ieeesa-npm/feature": "^0.9.1"
|
|
21
|
+
"@ieeesa-npm/shared-styles": "^0.2.6",
|
|
22
|
+
"@ieeesa-npm/feature": "^0.9.2"
|
|
24
23
|
},
|
|
25
24
|
"dependencies": {
|
|
26
25
|
"tslib": "^2.3.0"
|
package/public-api.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ export * from './lib/components/loader/loader.component';
|
|
|
27
27
|
export * from './lib/components/data-table/data-table.component';
|
|
28
28
|
export * from './lib/components/breadcrumb/breadcrumb.component';
|
|
29
29
|
export * from './lib/components/tile/tile.component';
|
|
30
|
-
export * from './lib/components/
|
|
30
|
+
export * from './lib/components/slide-toggle/slide-toggle.component';
|
|
31
31
|
export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
|
|
32
32
|
export * from './lib/directives/focus-invalid-form-field/focus-invalid-form-field.directive';
|
|
33
33
|
export * from './lib/directives/set-background/set-background.directive';
|
|
@@ -53,8 +53,6 @@ export * from './lib/models/navigation-menu.model';
|
|
|
53
53
|
export * from './lib/models/radio-option.model';
|
|
54
54
|
export * from './lib/models/search.model';
|
|
55
55
|
export * from './lib/models/select-option.model';
|
|
56
|
-
export * from './lib/models/selected-date.model';
|
|
57
|
-
export * from './lib/models/selected-time.model';
|
|
58
56
|
export * from './lib/models/toggle-button.model';
|
|
59
57
|
export * from './lib/models/chip-option.model';
|
|
60
58
|
export * from './lib/models/paginator-config.model';
|
|
@@ -64,6 +62,7 @@ export * from './lib/models/breadcrumb.model';
|
|
|
64
62
|
export * from './lib/models/tile.model';
|
|
65
63
|
export * from './lib/models/filters-options.model';
|
|
66
64
|
export * from './lib/models/profile-menu.model';
|
|
65
|
+
export * from './lib/models/slide-toggle-options.model';
|
|
67
66
|
export * from './lib/services/datepicker.service';
|
|
68
67
|
export * from './lib/services/form-utility.service';
|
|
69
68
|
export * from './lib/presentation.module';
|
|
@@ -6,13 +6,11 @@
|
|
|
6
6
|
"nextMonth": "Next month",
|
|
7
7
|
"menuIcon": "Menu",
|
|
8
8
|
"close": "Close",
|
|
9
|
-
"search": "Search"
|
|
10
|
-
"addFormGroup": "Add Form Group"
|
|
9
|
+
"search": "Search"
|
|
11
10
|
},
|
|
12
11
|
"button": {
|
|
13
12
|
"cancel": "Cancel",
|
|
14
|
-
"ok": "OK"
|
|
15
|
-
"add": "Add"
|
|
13
|
+
"ok": "OK"
|
|
16
14
|
},
|
|
17
15
|
"chips": {
|
|
18
16
|
"noOfDefaultVisibleChips": 3,
|
|
@@ -110,8 +108,7 @@
|
|
|
110
108
|
]
|
|
111
109
|
},
|
|
112
110
|
"textarea": {
|
|
113
|
-
"maxLengthDefault":
|
|
114
|
-
"leftCharacters": " characters left"
|
|
111
|
+
"maxLengthDefault": 1000
|
|
115
112
|
},
|
|
116
113
|
"autocomplete": {
|
|
117
114
|
"minCharToSearch": 3,
|
|
@@ -224,8 +221,5 @@
|
|
|
224
221
|
"spinner": "Spinner"
|
|
225
222
|
}
|
|
226
223
|
},
|
|
227
|
-
"defaultWelcomeBgColor": "#C0DCED"
|
|
228
|
-
"timePicker": {
|
|
229
|
-
"defaultTimeFormat": 12
|
|
230
|
-
}
|
|
224
|
+
"defaultWelcomeBgColor": "#C0DCED"
|
|
231
225
|
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Output } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { ReactiveFormsModule } from '@angular/forms';
|
|
4
|
-
import { MatInputModule } from '@angular/material/input';
|
|
5
|
-
import * as buttonActionsInfo from '../../assets/constants.json';
|
|
6
|
-
import { MatButtonModule } from '@angular/material/button';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "@angular/forms";
|
|
9
|
-
import * as i2 from "@angular/material/form-field";
|
|
10
|
-
import * as i3 from "@angular/material/button";
|
|
11
|
-
export class AddFormGroupComponent {
|
|
12
|
-
constructor() {
|
|
13
|
-
this.addFormGroup = new EventEmitter();
|
|
14
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
15
|
-
this.buttonActionsInfo = buttonActionsInfo;
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Emits the addFormGroup event on click of add form group button.
|
|
19
|
-
* @param {Event} event
|
|
20
|
-
* @memberof AddFormGroupComponent
|
|
21
|
-
*/
|
|
22
|
-
onAddFormGroup(event) {
|
|
23
|
-
this.addFormGroup.emit(event);
|
|
24
|
-
}
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddFormGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AddFormGroupComponent, isStandalone: true, selector: "ieeesa-add-form-group", outputs: { addFormGroup: "addFormGroup" }, ngImport: i0, template: "<ng-container class=\"ieeesa-add-form-group\" [formGroup]=\"group\">\r\n <mat-label class=\"ieeesa-body-sm-14 ieeesa-add-form-group__label\">{{\r\n config?.label\r\n }}</mat-label>\r\n <button\r\n [disabled]=\"config?.disabled\"\r\n type=\"button\"\r\n mat-button\r\n matSuffix\r\n [attr.aria-label]=\"buttonActionsInfo?.ariaLabel?.addFormGroup\"\r\n class=\"mat-tertiary-button ieeesa-add-form-group__action\"\r\n (click)=\"onAddFormGroup($event)\"\r\n >\r\n <i class=\"fa-solid fa-plus\"></i>\r\n {{ buttonActionsInfo?.button?.add }}\r\n </button>\r\n</ng-container>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] }); }
|
|
27
|
-
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AddFormGroupComponent, decorators: [{
|
|
29
|
-
type: Component,
|
|
30
|
-
args: [{ selector: 'ieeesa-add-form-group', standalone: true, imports: [CommonModule, ReactiveFormsModule, MatInputModule, MatButtonModule], template: "<ng-container class=\"ieeesa-add-form-group\" [formGroup]=\"group\">\r\n <mat-label class=\"ieeesa-body-sm-14 ieeesa-add-form-group__label\">{{\r\n config?.label\r\n }}</mat-label>\r\n <button\r\n [disabled]=\"config?.disabled\"\r\n type=\"button\"\r\n mat-button\r\n matSuffix\r\n [attr.aria-label]=\"buttonActionsInfo?.ariaLabel?.addFormGroup\"\r\n class=\"mat-tertiary-button ieeesa-add-form-group__action\"\r\n (click)=\"onAddFormGroup($event)\"\r\n >\r\n <i class=\"fa-solid fa-plus\"></i>\r\n {{ buttonActionsInfo?.button?.add }}\r\n </button>\r\n</ng-container>\r\n" }]
|
|
31
|
-
}], propDecorators: { addFormGroup: [{
|
|
32
|
-
type: Output
|
|
33
|
-
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkLWZvcm0tZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJlc2VudGF0aW9uL3NyYy9saWIvY29tcG9uZW50cy9hZGQtZm9ybS1ncm91cC9hZGQtZm9ybS1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9jb21wb25lbnRzL2FkZC1mb3JtLWdyb3VwL2FkZC1mb3JtLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFhLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHaEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sS0FBSyxpQkFBaUIsTUFBTSw2QkFBNkIsQ0FBQztBQUNqRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7O0FBUzNELE1BQU0sT0FBTyxxQkFBcUI7SUFQbEM7UUFVWSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFTLENBQUM7UUFDbkQsOERBQThEO1FBQzlELHNCQUFpQixHQUFRLGlCQUFpQixDQUFDO0tBVTVDO0lBUkM7Ozs7T0FJRztJQUNILGNBQWMsQ0FBQyxLQUFZO1FBQ3pCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7K0dBZFUscUJBQXFCO21HQUFyQixxQkFBcUIsNEhDaEJsQyxpbUJBaUJBLHlERExZLFlBQVksOEJBQUUsbUJBQW1CLDJVQUFFLGNBQWMsZ09BQUUsZUFBZTs7NEZBSWpFLHFCQUFxQjtrQkFQakMsU0FBUzsrQkFDRSx1QkFBdUIsY0FDckIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLG1CQUFtQixFQUFFLGNBQWMsRUFBRSxlQUFlLENBQUM7OEJBT25FLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgRm9ybUZpZWxkIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2Zvcm0tZmllbGQubW9kZWwnO1xyXG5pbXBvcnQgeyBGaWVsZENvbmZpZyB9IGZyb20gJy4uLy4uL21vZGVscy9maWVsZC1jb25maWcubW9kZWwnO1xyXG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcclxuaW1wb3J0ICogYXMgYnV0dG9uQWN0aW9uc0luZm8gZnJvbSAnLi4vLi4vYXNzZXRzL2NvbnN0YW50cy5qc29uJztcclxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaWVlZXNhLWFkZC1mb3JtLWdyb3VwJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUsIE1hdElucHV0TW9kdWxlLCBNYXRCdXR0b25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hZGQtZm9ybS1ncm91cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWRkLWZvcm0tZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFkZEZvcm1Hcm91cENvbXBvbmVudCBpbXBsZW1lbnRzIEZvcm1GaWVsZCB7XHJcbiAgY29uZmlnITogRmllbGRDb25maWc7XHJcbiAgZ3JvdXAhOiBGb3JtR3JvdXA7XHJcbiAgQE91dHB1dCgpIGFkZEZvcm1Hcm91cCA9IG5ldyBFdmVudEVtaXR0ZXI8RXZlbnQ+KCk7XHJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcclxuICBidXR0b25BY3Rpb25zSW5mbzogYW55ID0gYnV0dG9uQWN0aW9uc0luZm87XHJcblxyXG4gIC8qKlxyXG4gICAqIEVtaXRzIHRoZSBhZGRGb3JtR3JvdXAgZXZlbnQgb24gY2xpY2sgb2YgYWRkIGZvcm0gZ3JvdXAgYnV0dG9uLlxyXG4gICAqIEBwYXJhbSB7RXZlbnR9IGV2ZW50XHJcbiAgICogQG1lbWJlcm9mIEFkZEZvcm1Hcm91cENvbXBvbmVudFxyXG4gICAqL1xyXG4gIG9uQWRkRm9ybUdyb3VwKGV2ZW50OiBFdmVudCk6IHZvaWQge1xyXG4gICAgdGhpcy5hZGRGb3JtR3JvdXAuZW1pdChldmVudCk7XHJcbiAgfVxyXG59XHJcbiIsIjxuZy1jb250YWluZXIgY2xhc3M9XCJpZWVlc2EtYWRkLWZvcm0tZ3JvdXBcIiBbZm9ybUdyb3VwXT1cImdyb3VwXCI+XHJcbiAgPG1hdC1sYWJlbCBjbGFzcz1cImllZWVzYS1ib2R5LXNtLTE0IGllZWVzYS1hZGQtZm9ybS1ncm91cF9fbGFiZWxcIj57e1xyXG4gICAgY29uZmlnPy5sYWJlbFxyXG4gIH19PC9tYXQtbGFiZWw+XHJcbiAgPGJ1dHRvblxyXG4gICAgW2Rpc2FibGVkXT1cImNvbmZpZz8uZGlzYWJsZWRcIlxyXG4gICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICBtYXQtYnV0dG9uXHJcbiAgICBtYXRTdWZmaXhcclxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYnV0dG9uQWN0aW9uc0luZm8/LmFyaWFMYWJlbD8uYWRkRm9ybUdyb3VwXCJcclxuICAgIGNsYXNzPVwibWF0LXRlcnRpYXJ5LWJ1dHRvbiBpZWVlc2EtYWRkLWZvcm0tZ3JvdXBfX2FjdGlvblwiXHJcbiAgICAoY2xpY2spPVwib25BZGRGb3JtR3JvdXAoJGV2ZW50KVwiXHJcbiAgPlxyXG4gICAgPGkgY2xhc3M9XCJmYS1zb2xpZCBmYS1wbHVzXCI+PC9pPlxyXG4gICAge3sgYnV0dG9uQWN0aW9uc0luZm8/LmJ1dHRvbj8uYWRkIH19XHJcbiAgPC9idXR0b24+XHJcbjwvbmctY29udGFpbmVyPlxyXG4iXX0=
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, EventEmitter, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
|
|
3
|
-
import { NgxMaterialTimepickerModule } from 'ngx-material-timepicker';
|
|
4
|
-
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
5
|
-
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
6
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
7
|
-
import { MatInputModule } from '@angular/material/input';
|
|
8
|
-
import { FormErrorComponent } from '../../components/form-error/form-error.component';
|
|
9
|
-
import { TextFieldModule } from '@angular/cdk/text-field';
|
|
10
|
-
import { FormSupportTextComponent } from '../form-support-text/form-support-text.component';
|
|
11
|
-
import * as constantsInfo from '../../assets/constants.json';
|
|
12
|
-
import * as i0 from "@angular/core";
|
|
13
|
-
import * as i1 from "@angular/common";
|
|
14
|
-
import * as i2 from "@angular/material/form-field";
|
|
15
|
-
import * as i3 from "@angular/material/input";
|
|
16
|
-
import * as i4 from "ngx-material-timepicker";
|
|
17
|
-
import * as i5 from "@angular/forms";
|
|
18
|
-
export class TimePickerComponent {
|
|
19
|
-
constructor() {
|
|
20
|
-
this.formTimeSelected = new EventEmitter();
|
|
21
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
22
|
-
this.constants = constantsInfo;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* Handles form time selection event
|
|
26
|
-
* @type {void}
|
|
27
|
-
* @memberof TimePickerComponent
|
|
28
|
-
*/
|
|
29
|
-
onTimeSelection(time) {
|
|
30
|
-
this.formTimeSelected.emit({
|
|
31
|
-
time: time,
|
|
32
|
-
controlName: this.config.controlName
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimePickerComponent, isStandalone: true, selector: "ieeesa-time-picker", outputs: { formTimeSelected: "formTimeSelected" }, viewQueries: [{ propertyName: "picker", first: true, predicate: ["picker"], descendants: true }], ngImport: i0, template: "<div class=\"ieeesa-time-picker-field\" [formGroup]=\"group\" [ngClass]=\"\r\n config.isLabelAlignedLeft\r\n ? 'ieeesa-time-picker-field__label-left'\r\n : 'ieeesa-time-picker-field__label-top'\r\n \">\r\n <mat-label class=\"ieeesa-body-sm-14 ieeesa-time-picker-field__label\">{{\r\n config.label\r\n }}</mat-label>\r\n <mat-form-field appearance=\"fill\">\r\n <input matInput [ngxTimepicker]=\"picker\"\r\n [format]=\"config?.is24HoursTimeFormat ? config?.hour24 : constants?.timePicker?.defaultTimeFormat\"\r\n [attr.aria-label]=\"config.ariaLabel ?? ''\" [aria-describedby]=\"config.ariaDescribedById ?? ''\"\r\n [placeholder]=\"config.placeholder ?? ''\" [formControlName]=\"config.controlName\" [readonly]=\"config.isReadonly\"\r\n class=\"ieeesa-time-picker-field__content ieeesa-body-lg-18\" />\r\n\r\n <ngx-material-timepicker-toggle [for]=\"picker\"></ngx-material-timepicker-toggle>\r\n <ngx-material-timepicker #picker (timeSet)=\"onTimeSelection($event)\"></ngx-material-timepicker>\r\n </mat-form-field>\r\n <ieeesa-form-error [formGroup]=\"group\" [config]=\"config\"> </ieeesa-form-error>\r\n <ieeesa-form-support-text [formGroup]=\"group\" [config]=\"config\"></ieeesa-form-support-text>\r\n</div>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1em;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-time-picker-field__label-left{display:flex}.ieeesa-time-picker-field__label-top{display:block}.ieeesa-time-picker-field__content{width:100%;border:none;border-radius:4px 4px 0 0}.ieeesa-time-picker-field .mat-mdc-form-field{width:-webkit-fill-available;width:-moz-available}.ieeesa-time-picker-field .mat-mdc-form-field-infix{display:flex}.ieeesa-time-picker-field .mat-mdc-text-field-wrapper,.ieeesa-time-picker-field .mat-mdc-form-field-focus-overlay{background:linear-gradient(0deg,#00629b0d 0% 100%),#fffbfe}.ieeesa-time-picker-field:has(.mdc-text-field--focused) .mdc-text-field--filled .mdc-line-ripple:after{border-bottom:2px solid #00629b}.ieeesa-time-picker-field :has(.mdc-text-field--invalid) .mdc-text-field--filled .mdc-line-ripple:after,.ieeesa-time-picker-field :has(.mdc-text-field--invalid) .mdc-text-field--filled .mdc-line-ripple:before{border-bottom:2px solid #ba0c2f}.ieeesa-time-picker-field:has(.mdc-line-ripple--active) .ieeesa-time-picker-field__label{color:#00629b}.ieeesa-time-picker-field:has(.mdc-line-ripple--active) .mat-mdc-form-field-focus-overlay{background-color:#1c1b1f}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: NgxMaterialTimepickerModule }, { kind: "component", type: i4.NgxMaterialTimepickerComponent, selector: "ngx-material-timepicker", inputs: ["cancelBtnTmpl", "editableHintTmpl", "confirmBtnTmpl", "ESC", "enableKeyboardInput", "preventOverlayClick", "disableAnimation", "appendToInput", "hoursOnly", "defaultTime", "timepickerClass", "theme", "min", "max", "ngxMaterialTimepickerTheme", "format", "minutesGap"], outputs: ["timeSet", "opened", "closed", "hourSelected", "timeChanged"] }, { kind: "component", type: i4.NgxMaterialTimepickerToggleComponent, selector: "ngx-material-timepicker-toggle", inputs: ["for", "disabled"] }, { kind: "directive", type: i4.TimepickerDirective, selector: "[ngxTimepicker]", inputs: ["format", "min", "max", "ngxTimepicker", "value", "disabled", "disableClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FormErrorComponent, selector: "ieeesa-form-error", inputs: ["formGroup", "config", "submitResponse"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "component", type: FormSupportTextComponent, selector: "ieeesa-form-support-text", inputs: ["formGroup", "config"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
37
|
-
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerComponent, decorators: [{
|
|
39
|
-
type: Component,
|
|
40
|
-
args: [{ selector: 'ieeesa-time-picker', standalone: true, imports: [
|
|
41
|
-
CommonModule,
|
|
42
|
-
MatFormFieldModule,
|
|
43
|
-
MatIconModule,
|
|
44
|
-
MatInputModule,
|
|
45
|
-
NgxMaterialTimepickerModule,
|
|
46
|
-
FormsModule,
|
|
47
|
-
ReactiveFormsModule,
|
|
48
|
-
FormErrorComponent,
|
|
49
|
-
TextFieldModule,
|
|
50
|
-
FormSupportTextComponent,
|
|
51
|
-
], encapsulation: ViewEncapsulation.None, template: "<div class=\"ieeesa-time-picker-field\" [formGroup]=\"group\" [ngClass]=\"\r\n config.isLabelAlignedLeft\r\n ? 'ieeesa-time-picker-field__label-left'\r\n : 'ieeesa-time-picker-field__label-top'\r\n \">\r\n <mat-label class=\"ieeesa-body-sm-14 ieeesa-time-picker-field__label\">{{\r\n config.label\r\n }}</mat-label>\r\n <mat-form-field appearance=\"fill\">\r\n <input matInput [ngxTimepicker]=\"picker\"\r\n [format]=\"config?.is24HoursTimeFormat ? config?.hour24 : constants?.timePicker?.defaultTimeFormat\"\r\n [attr.aria-label]=\"config.ariaLabel ?? ''\" [aria-describedby]=\"config.ariaDescribedById ?? ''\"\r\n [placeholder]=\"config.placeholder ?? ''\" [formControlName]=\"config.controlName\" [readonly]=\"config.isReadonly\"\r\n class=\"ieeesa-time-picker-field__content ieeesa-body-lg-18\" />\r\n\r\n <ngx-material-timepicker-toggle [for]=\"picker\"></ngx-material-timepicker-toggle>\r\n <ngx-material-timepicker #picker (timeSet)=\"onTimeSelection($event)\"></ngx-material-timepicker>\r\n </mat-form-field>\r\n <ieeesa-form-error [formGroup]=\"group\" [config]=\"config\"> </ieeesa-form-error>\r\n <ieeesa-form-support-text [formGroup]=\"group\" [config]=\"config\"></ieeesa-form-support-text>\r\n</div>", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button,.mat-mdc-button.mat-mdc-button-base.mat-text-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1em;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-time-picker-field__label-left{display:flex}.ieeesa-time-picker-field__label-top{display:block}.ieeesa-time-picker-field__content{width:100%;border:none;border-radius:4px 4px 0 0}.ieeesa-time-picker-field .mat-mdc-form-field{width:-webkit-fill-available;width:-moz-available}.ieeesa-time-picker-field .mat-mdc-form-field-infix{display:flex}.ieeesa-time-picker-field .mat-mdc-text-field-wrapper,.ieeesa-time-picker-field .mat-mdc-form-field-focus-overlay{background:linear-gradient(0deg,#00629b0d 0% 100%),#fffbfe}.ieeesa-time-picker-field:has(.mdc-text-field--focused) .mdc-text-field--filled .mdc-line-ripple:after{border-bottom:2px solid #00629b}.ieeesa-time-picker-field :has(.mdc-text-field--invalid) .mdc-text-field--filled .mdc-line-ripple:after,.ieeesa-time-picker-field :has(.mdc-text-field--invalid) .mdc-text-field--filled .mdc-line-ripple:before{border-bottom:2px solid #ba0c2f}.ieeesa-time-picker-field:has(.mdc-line-ripple--active) .ieeesa-time-picker-field__label{color:#00629b}.ieeesa-time-picker-field:has(.mdc-line-ripple--active) .mat-mdc-form-field-focus-overlay{background-color:#1c1b1f}\n"] }]
|
|
52
|
-
}], propDecorators: { formTimeSelected: [{
|
|
53
|
-
type: Output
|
|
54
|
-
}], picker: [{
|
|
55
|
-
type: ViewChild,
|
|
56
|
-
args: ['picker']
|
|
57
|
-
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJlc2VudGF0aW9uL3NyYy9saWIvY29tcG9uZW50cy90aW1lLXBpY2tlci90aW1lLXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9jb21wb25lbnRzL3RpbWUtcGlja2VyL3RpbWUtcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFDWixNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN0RSxPQUFPLEVBQWEsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN0RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDNUYsT0FBTyxLQUFLLGFBQWEsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7OztBQXFCN0QsTUFBTSxPQUFPLG1CQUFtQjtJQW5CaEM7UUFzQlkscUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDOUQsOERBQThEO1FBQzlELGNBQVMsR0FBUSxhQUFhLENBQUM7S0FjaEM7SUFYQzs7OztPQUlHO0lBQ0gsZUFBZSxDQUFDLElBQVk7UUFDMUIsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQztZQUN6QixJQUFJLEVBQUUsSUFBSTtZQUNWLFdBQVcsRUFBRSxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVc7U0FDckMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzsrR0FsQlUsbUJBQW1CO21HQUFuQixtQkFBbUIsbU9DdkNoQyxxdkNBb0JNLHd5UkRJRixZQUFZLDRIQUNaLGtCQUFrQiwwU0FDbEIsYUFBYSw4QkFDYixjQUFjLDBXQUNkLDJCQUEyQiw0eEJBQzNCLFdBQVcsa2pCQUNYLG1CQUFtQixnVkFDbkIsa0JBQWtCLGdIQUNsQixlQUFlLCtCQUNmLHdCQUF3Qjs7NEZBTWYsbUJBQW1CO2tCQW5CL0IsU0FBUzsrQkFDRSxvQkFBb0IsY0FDbEIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osa0JBQWtCO3dCQUNsQixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsMkJBQTJCO3dCQUMzQixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsa0JBQWtCO3dCQUNsQixlQUFlO3dCQUNmLHdCQUF3QjtxQkFDekIsaUJBR2MsaUJBQWlCLENBQUMsSUFBSTs4QkFLM0IsZ0JBQWdCO3NCQUF6QixNQUFNO2dCQUdjLE1BQU07c0JBQTFCLFNBQVM7dUJBQUMsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIE91dHB1dCxcclxuICBWaWV3Q2hpbGQsXHJcbiAgVmlld0VuY2Fwc3VsYXRpb24sXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5neE1hdGVyaWFsVGltZXBpY2tlck1vZHVsZSB9IGZyb20gJ25neC1tYXRlcmlhbC10aW1lcGlja2VyJztcclxuaW1wb3J0IHsgRm9ybUdyb3VwLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcclxuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XHJcbmltcG9ydCB7IEZpZWxkQ29uZmlnIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2ZpZWxkLWNvbmZpZy5tb2RlbCc7XHJcbmltcG9ydCB7IEZvcm1FcnJvckNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvZm9ybS1lcnJvci9mb3JtLWVycm9yLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRleHRGaWVsZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay90ZXh0LWZpZWxkJztcclxuaW1wb3J0IHsgRm9ybVN1cHBvcnRUZXh0Q29tcG9uZW50IH0gZnJvbSAnLi4vZm9ybS1zdXBwb3J0LXRleHQvZm9ybS1zdXBwb3J0LXRleHQuY29tcG9uZW50JztcclxuaW1wb3J0ICogYXMgY29uc3RhbnRzSW5mbyBmcm9tICcuLi8uLi9hc3NldHMvY29uc3RhbnRzLmpzb24nO1xyXG5pbXBvcnQgeyBTZWxlY3RlZFRpbWUgfSBmcm9tICcuLi8uLi9tb2RlbHMvc2VsZWN0ZWQtdGltZS5tb2RlbCc7XHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaWVlZXNhLXRpbWUtcGlja2VyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcclxuICAgIE1hdEljb25Nb2R1bGUsXHJcbiAgICBNYXRJbnB1dE1vZHVsZSxcclxuICAgIE5neE1hdGVyaWFsVGltZXBpY2tlck1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcclxuICAgIEZvcm1FcnJvckNvbXBvbmVudCxcclxuICAgIFRleHRGaWVsZE1vZHVsZSxcclxuICAgIEZvcm1TdXBwb3J0VGV4dENvbXBvbmVudCxcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90aW1lLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGltZS1waWNrZXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGltZVBpY2tlckNvbXBvbmVudCB7XHJcbiAgY29uZmlnITogRmllbGRDb25maWc7XHJcbiAgZ3JvdXAhOiBGb3JtR3JvdXA7XHJcbiAgQE91dHB1dCgpIGZvcm1UaW1lU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPFNlbGVjdGVkVGltZT4oKTtcclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gIGNvbnN0YW50czogYW55ID0gY29uc3RhbnRzSW5mbztcclxuICBAVmlld0NoaWxkKCdwaWNrZXInKSBwaWNrZXIhOiBFbGVtZW50UmVmO1xyXG5cclxuICAvKipcclxuICAgKiBIYW5kbGVzIGZvcm0gdGltZSBzZWxlY3Rpb24gZXZlbnRcclxuICAgKiBAdHlwZSB7dm9pZH1cclxuICAgKiBAbWVtYmVyb2YgVGltZVBpY2tlckNvbXBvbmVudFxyXG4gICAqL1xyXG4gIG9uVGltZVNlbGVjdGlvbih0aW1lOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIHRoaXMuZm9ybVRpbWVTZWxlY3RlZC5lbWl0KHtcclxuICAgICAgdGltZTogdGltZSxcclxuICAgICAgY29udHJvbE5hbWU6IHRoaXMuY29uZmlnLmNvbnRyb2xOYW1lXHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImllZWVzYS10aW1lLXBpY2tlci1maWVsZFwiIFtmb3JtR3JvdXBdPVwiZ3JvdXBcIiBbbmdDbGFzc109XCJcclxuICAgIGNvbmZpZy5pc0xhYmVsQWxpZ25lZExlZnRcclxuICAgICAgPyAnaWVlZXNhLXRpbWUtcGlja2VyLWZpZWxkX19sYWJlbC1sZWZ0J1xyXG4gICAgICA6ICdpZWVlc2EtdGltZS1waWNrZXItZmllbGRfX2xhYmVsLXRvcCdcclxuICBcIj5cclxuICA8bWF0LWxhYmVsIGNsYXNzPVwiaWVlZXNhLWJvZHktc20tMTQgaWVlZXNhLXRpbWUtcGlja2VyLWZpZWxkX19sYWJlbFwiPnt7XHJcbiAgICBjb25maWcubGFiZWxcclxuICAgIH19PC9tYXQtbGFiZWw+XHJcbiAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCI+XHJcbiAgICA8aW5wdXQgbWF0SW5wdXQgW25neFRpbWVwaWNrZXJdPVwicGlja2VyXCJcclxuICAgICAgW2Zvcm1hdF09XCJjb25maWc/LmlzMjRIb3Vyc1RpbWVGb3JtYXQgPyBjb25maWc/LmhvdXIyNCA6IGNvbnN0YW50cz8udGltZVBpY2tlcj8uZGVmYXVsdFRpbWVGb3JtYXRcIlxyXG4gICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImNvbmZpZy5hcmlhTGFiZWwgPz8gJydcIiBbYXJpYS1kZXNjcmliZWRieV09XCJjb25maWcuYXJpYURlc2NyaWJlZEJ5SWQgPz8gJydcIlxyXG4gICAgICBbcGxhY2Vob2xkZXJdPVwiY29uZmlnLnBsYWNlaG9sZGVyID8/ICcnXCIgW2Zvcm1Db250cm9sTmFtZV09XCJjb25maWcuY29udHJvbE5hbWVcIiBbcmVhZG9ubHldPVwiY29uZmlnLmlzUmVhZG9ubHlcIlxyXG4gICAgICBjbGFzcz1cImllZWVzYS10aW1lLXBpY2tlci1maWVsZF9fY29udGVudCBpZWVlc2EtYm9keS1sZy0xOFwiIC8+XHJcblxyXG4gICAgPG5neC1tYXRlcmlhbC10aW1lcGlja2VyLXRvZ2dsZSBbZm9yXT1cInBpY2tlclwiPjwvbmd4LW1hdGVyaWFsLXRpbWVwaWNrZXItdG9nZ2xlPlxyXG4gICAgPG5neC1tYXRlcmlhbC10aW1lcGlja2VyICNwaWNrZXIgKHRpbWVTZXQpPVwib25UaW1lU2VsZWN0aW9uKCRldmVudClcIj48L25neC1tYXRlcmlhbC10aW1lcGlja2VyPlxyXG4gIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgPGllZWVzYS1mb3JtLWVycm9yIFtmb3JtR3JvdXBdPVwiZ3JvdXBcIiBbY29uZmlnXT1cImNvbmZpZ1wiPiA8L2llZWVzYS1mb3JtLWVycm9yPlxyXG4gIDxpZWVlc2EtZm9ybS1zdXBwb3J0LXRleHQgW2Zvcm1Hcm91cF09XCJncm91cFwiIFtjb25maWddPVwiY29uZmlnXCI+PC9pZWVlc2EtZm9ybS1zdXBwb3J0LXRleHQ+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQtZGF0ZS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByZXNlbnRhdGlvbi9zcmMvbGliL21vZGVscy9zZWxlY3RlZC1kYXRlLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFNlbGVjdGVkRGF0ZSB7XHJcbiAgZGF0ZTogc3RyaW5nO1xyXG4gIGNvbnRyb2xOYW1lPzogc3RyaW5nO1xyXG59XHJcbiJdfQ==
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQtdGltZS5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByZXNlbnRhdGlvbi9zcmMvbGliL21vZGVscy9zZWxlY3RlZC10aW1lLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFNlbGVjdGVkVGltZSB7XHJcbiAgdGltZTogc3RyaW5nO1xyXG4gIGNvbnRyb2xOYW1lPzogc3RyaW5nO1xyXG59XHJcbiJdfQ==
|