@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.
Files changed (59) hide show
  1. package/esm2022/lib/assets/constants.json +4 -10
  2. package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +3 -3
  3. package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +3 -3
  4. package/esm2022/lib/components/checkbox/checkbox.component.mjs +3 -3
  5. package/esm2022/lib/components/chips/chips.component.mjs +3 -3
  6. package/esm2022/lib/components/data-table/data-table.component.mjs +10 -3
  7. package/esm2022/lib/components/date-picker/date-picker.component.mjs +4 -7
  8. package/esm2022/lib/components/date-picker-header/date-picker-header.component.mjs +3 -3
  9. package/esm2022/lib/components/dynamic-form/dynamic-form.component.mjs +16 -27
  10. package/esm2022/lib/components/filter/filter.component.mjs +3 -3
  11. package/esm2022/lib/components/footer/footer.component.mjs +3 -3
  12. package/esm2022/lib/components/form-error/form-error.component.mjs +3 -3
  13. package/esm2022/lib/components/form-support-text/form-support-text.component.mjs +3 -3
  14. package/esm2022/lib/components/header/header.component.mjs +20 -11
  15. package/esm2022/lib/components/input/input.component.mjs +3 -3
  16. package/esm2022/lib/components/loader/loader.component.mjs +3 -3
  17. package/esm2022/lib/components/menu/menu.component.mjs +3 -3
  18. package/esm2022/lib/components/modal/modal.component.mjs +3 -3
  19. package/esm2022/lib/components/modal-confirmation/modal-confirmation.component.mjs +3 -3
  20. package/esm2022/lib/components/navigation-menu/navigation-menu.component.mjs +3 -3
  21. package/esm2022/lib/components/notification/notification.component.mjs +3 -3
  22. package/esm2022/lib/components/radio/radio.component.mjs +4 -10
  23. package/esm2022/lib/components/search/search.component.mjs +3 -3
  24. package/esm2022/lib/components/select/select.component.mjs +14 -6
  25. package/esm2022/lib/components/slide-toggle/slide-toggle.component.mjs +80 -0
  26. package/esm2022/lib/components/text-area/text-area.component.mjs +6 -43
  27. package/esm2022/lib/components/tile/tile.component.mjs +3 -3
  28. package/esm2022/lib/components/toggle-button/toggle-button.component.mjs +3 -3
  29. package/esm2022/lib/components/welcome/welcome.component.mjs +3 -3
  30. package/esm2022/lib/directives/dynamic-form-field/dynamic-form-field.directive.mjs +12 -24
  31. package/esm2022/lib/models/field-config.model.mjs +1 -1
  32. package/esm2022/lib/models/form-control-types.model.mjs +11 -4
  33. package/esm2022/lib/models/slide-toggle-options.model.mjs +2 -0
  34. package/esm2022/public-api.mjs +3 -4
  35. package/fesm2022/ieeesa-npm-presentation.mjs +228 -271
  36. package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
  37. package/lib/components/chips/chips.component.d.ts +7 -10
  38. package/lib/components/date-picker/date-picker.component.d.ts +1 -2
  39. package/lib/components/dynamic-form/dynamic-form.component.d.ts +12 -20
  40. package/lib/components/header/header.component.d.ts +8 -4
  41. package/lib/components/radio/radio.component.d.ts +1 -3
  42. package/lib/components/select/select.component.d.ts +1 -0
  43. package/lib/components/slide-toggle/slide-toggle.component.d.ts +37 -0
  44. package/lib/components/text-area/text-area.component.d.ts +2 -15
  45. package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts +4 -6
  46. package/lib/models/field-config.model.d.ts +2 -9
  47. package/lib/models/form-control-types.model.d.ts +1 -2
  48. package/lib/models/slide-toggle-options.model.d.ts +5 -0
  49. package/package.json +3 -4
  50. package/public-api.d.ts +2 -3
  51. package/src/lib/assets/constants.json +4 -10
  52. package/esm2022/lib/components/add-form-group/add-form-group.component.mjs +0 -34
  53. package/esm2022/lib/components/time-picker/time-picker.component.mjs +0 -58
  54. package/esm2022/lib/models/selected-date.model.mjs +0 -2
  55. package/esm2022/lib/models/selected-time.model.mjs +0 -2
  56. package/lib/components/add-form-group/add-form-group.component.d.ts +0 -19
  57. package/lib/components/time-picker/time-picker.component.d.ts +0 -20
  58. package/lib/models/selected-date.model.d.ts +0 -4
  59. 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<SelectedDate>;
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 { SelectedDate } from '../../models/selected-date.model';
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<SelectedDate>;
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
- addFormGroup: EventEmitter<Event>;
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 {SelectedDate} selectedDate
175
+ * @param {string[]} event
178
176
  * @memberof DynamicFormComponent
179
177
  */
180
- onDateSelected(selectedDate: SelectedDate): void;
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"; "addFormGroup": "addFormGroup"; "formTimeSelected": "formTimeSelected"; }, never, never, true, never>;
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
- private radioGroups;
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 OnInit, FormField {
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, { "remainingCharsLeftMessage": { "alias": "remainingCharsLeftMessage"; "required": false; }; }, {}, never, never, true, 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 { SelectedDate } from '../../models/selected-date.model';
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<SelectedDate>;
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
- addFormGroup: EventEmitter<Event>;
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"; "formTimeSelected": "formTimeSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "addFormGroup": "addFormGroup"; }, never, never, true, never>;
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
- maxCharCount?: number;
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
  }
@@ -7,6 +7,5 @@ export declare enum FormControlType {
7
7
  CHECKBOX = "CHECKBOX",
8
8
  RADIO = "RADIO",
9
9
  AUTO_COMPLETE = "AUTO_COMPLETE",
10
- ADD_FORM_GROUP = "ADD_FORM_GROUP",
11
- TIME_PICKER = "TIME_PICKER"
10
+ SLIDE_TOGGLE = "SLIDE_TOGGLE"
12
11
  }
@@ -0,0 +1,5 @@
1
+ export interface SlideToggleOption {
2
+ id: number | string;
3
+ label: string;
4
+ checked: boolean;
5
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ieeesa-npm/presentation",
3
- "version": "0.11.1",
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.7",
22
- "ngx-material-timepicker": "^13.1.1",
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/time-picker/time-picker.component';
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": 3000,
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==