@ieeesa-npm/presentation 0.10.9 → 0.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/esm2022/lib/assets/constants.json +10 -4
  2. package/esm2022/lib/components/add-form-group/add-form-group.component.mjs +34 -0
  3. package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +3 -3
  4. package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +3 -3
  5. package/esm2022/lib/components/checkbox/checkbox.component.mjs +3 -3
  6. package/esm2022/lib/components/chips/chips.component.mjs +3 -3
  7. package/esm2022/lib/components/data-table/data-table.component.mjs +3 -3
  8. package/esm2022/lib/components/date-picker/date-picker.component.mjs +7 -4
  9. package/esm2022/lib/components/date-picker-header/date-picker-header.component.mjs +3 -3
  10. package/esm2022/lib/components/dynamic-form/dynamic-form.component.mjs +27 -16
  11. package/esm2022/lib/components/filter/filter.component.mjs +3 -3
  12. package/esm2022/lib/components/footer/footer.component.mjs +3 -3
  13. package/esm2022/lib/components/form-error/form-error.component.mjs +3 -3
  14. package/esm2022/lib/components/form-support-text/form-support-text.component.mjs +3 -3
  15. package/esm2022/lib/components/header/header.component.mjs +3 -3
  16. package/esm2022/lib/components/input/input.component.mjs +3 -3
  17. package/esm2022/lib/components/loader/loader.component.mjs +3 -3
  18. package/esm2022/lib/components/menu/menu.component.mjs +3 -3
  19. package/esm2022/lib/components/modal/modal.component.mjs +3 -3
  20. package/esm2022/lib/components/modal-confirmation/modal-confirmation.component.mjs +3 -3
  21. package/esm2022/lib/components/navigation-menu/navigation-menu.component.mjs +3 -3
  22. package/esm2022/lib/components/notification/notification.component.mjs +3 -3
  23. package/esm2022/lib/components/radio/radio.component.mjs +10 -4
  24. package/esm2022/lib/components/search/search.component.mjs +3 -3
  25. package/esm2022/lib/components/select/select.component.mjs +6 -14
  26. package/esm2022/lib/components/text-area/text-area.component.mjs +43 -6
  27. package/esm2022/lib/components/tile/tile.component.mjs +3 -3
  28. package/esm2022/lib/components/time-picker/time-picker.component.mjs +58 -0
  29. package/esm2022/lib/components/toggle-button/toggle-button.component.mjs +3 -3
  30. package/esm2022/lib/components/welcome/welcome.component.mjs +3 -3
  31. package/esm2022/lib/directives/dynamic-form-field/dynamic-form-field.directive.mjs +24 -12
  32. package/esm2022/lib/models/field-config.model.mjs +1 -1
  33. package/esm2022/lib/models/form-control-types.model.mjs +4 -11
  34. package/esm2022/lib/models/selected-date.model.mjs +2 -0
  35. package/esm2022/lib/models/selected-time.model.mjs +2 -0
  36. package/esm2022/public-api.mjs +4 -3
  37. package/fesm2022/ieeesa-npm-presentation.mjs +263 -204
  38. package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
  39. package/lib/components/add-form-group/add-form-group.component.d.ts +19 -0
  40. package/lib/components/chips/chips.component.d.ts +10 -7
  41. package/lib/components/date-picker/date-picker.component.d.ts +2 -1
  42. package/lib/components/dynamic-form/dynamic-form.component.d.ts +20 -12
  43. package/lib/components/radio/radio.component.d.ts +3 -1
  44. package/lib/components/select/select.component.d.ts +0 -1
  45. package/lib/components/text-area/text-area.component.d.ts +15 -2
  46. package/lib/components/time-picker/time-picker.component.d.ts +20 -0
  47. package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts +6 -4
  48. package/lib/models/field-config.model.d.ts +9 -2
  49. package/lib/models/form-control-types.model.d.ts +2 -1
  50. package/lib/models/selected-date.model.d.ts +4 -0
  51. package/lib/models/selected-time.model.d.ts +4 -0
  52. package/package.json +4 -3
  53. package/public-api.d.ts +3 -2
  54. package/src/lib/assets/constants.json +10 -4
  55. package/esm2022/lib/components/slide-toggle/slide-toggle.component.mjs +0 -80
  56. package/esm2022/lib/models/slide-toggle-options.model.mjs +0 -2
  57. package/lib/components/slide-toggle/slide-toggle.component.d.ts +0 -37
  58. package/lib/models/slide-toggle-options.model.d.ts +0 -5
@@ -0,0 +1,19 @@
1
+ import { EventEmitter } from '@angular/core';
2
+ import { FormGroup } from '@angular/forms';
3
+ import { FormField } from '../../models/form-field.model';
4
+ import { FieldConfig } from '../../models/field-config.model';
5
+ import * as i0 from "@angular/core";
6
+ export declare class AddFormGroupComponent implements FormField {
7
+ config: FieldConfig;
8
+ group: FormGroup;
9
+ addFormGroup: EventEmitter<Event>;
10
+ buttonActionsInfo: any;
11
+ /**
12
+ * Emits the addFormGroup event on click of add form group button.
13
+ * @param {Event} event
14
+ * @memberof AddFormGroupComponent
15
+ */
16
+ onAddFormGroup(event: Event): void;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<AddFormGroupComponent, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<AddFormGroupComponent, "ieeesa-add-form-group", never, {}, { "addFormGroup": "addFormGroup"; }, never, never, true, never>;
19
+ }
@@ -26,10 +26,12 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
26
26
  menuIcon: string;
27
27
  close: string;
28
28
  search: string;
29
+ addFormGroup: string;
29
30
  };
30
31
  button: {
31
32
  cancel: string;
32
33
  ok: string;
34
+ add: string;
33
35
  };
34
36
  chips: {
35
37
  noOfDefaultVisibleChips: number;
@@ -44,13 +46,6 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
44
46
  arrow: {
45
47
  id: number;
46
48
  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
- */
54
49
  toolTip: string;
55
50
  ariaLabel: string;
56
51
  };
@@ -107,6 +102,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
107
102
  };
108
103
  textarea: {
109
104
  maxLengthDefault: number;
105
+ leftCharacters: string;
110
106
  };
111
107
  autocomplete: {
112
108
  minCharToSearch: number;
@@ -147,6 +143,10 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
147
143
  ariaLabel: string;
148
144
  redirectUrl: string;
149
145
  }[];
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,6 +174,9 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
174
174
  };
175
175
  };
176
176
  defaultWelcomeBgColor: string;
177
+ timePicker: {
178
+ defaultTimeFormat: number;
179
+ };
177
180
  };
178
181
  chipsType: typeof ChipsType;
179
182
  orientations: typeof ChipOrientation;
@@ -7,6 +7,7 @@ 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';
10
11
  import * as i0 from "@angular/core";
11
12
  export declare class CustomDateAdapter extends MomentDateAdapter {
12
13
  /**
@@ -73,7 +74,7 @@ export declare class DatePickerComponent implements FormField, OnInit {
73
74
  };
74
75
  minDate: Date | moment.Moment;
75
76
  maxDate: Date | moment.Moment;
76
- selectedDate: EventEmitter<string>;
77
+ selectedDate: EventEmitter<SelectedDate>;
77
78
  selectedDateRange: EventEmitter<{
78
79
  startDate: string;
79
80
  endDate: string;
@@ -6,7 +6,8 @@ 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 { SlideToggleOption } from '../../models/slide-toggle-options.model';
9
+ import { SelectedDate } from '../../models/selected-date.model';
10
+ import { SelectedTime } from '../../models/selected-time.model';
10
11
  import * as i0 from "@angular/core";
11
12
  /**
12
13
  * Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
@@ -56,7 +57,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
56
57
  formGroupsReference: EventEmitter<FormGroup<any>[]>;
57
58
  dropdownChange: EventEmitter<any>;
58
59
  formCheckboxSelection: EventEmitter<CheckboxOption>;
59
- formDateSelected: EventEmitter<string>;
60
+ formDateSelected: EventEmitter<SelectedDate>;
60
61
  formSelectSearch: EventEmitter<{
61
62
  searchEvent: Event;
62
63
  controlName: string;
@@ -70,7 +71,8 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
70
71
  startDate: string;
71
72
  endDate: string;
72
73
  }>;
73
- formSlideToggleChange: EventEmitter<SlideToggleOption>;
74
+ addFormGroup: EventEmitter<Event>;
75
+ formTimeSelected: EventEmitter<SelectedTime>;
74
76
  form: FormGroup;
75
77
  formGroupArray: FormGroup[];
76
78
  formControlArray: any[];
@@ -172,10 +174,16 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
172
174
  };
173
175
  /**
174
176
  * Handles form date selection event
175
- * @param {string[]} event
177
+ * @param {SelectedDate} selectedDate
176
178
  * @memberof DynamicFormComponent
177
179
  */
178
- onDateSelected(event: string): void;
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;
179
187
  /**
180
188
  * Emits selected form date range
181
189
  * @param {{startDate: string, endDate: string}} dateRange
@@ -208,12 +216,6 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
208
216
  * @memberof DynamicFormComponent
209
217
  */
210
218
  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;
217
219
  /**
218
220
  * Converts passed control name in hyphenated css class name
219
221
  * @param {string} className
@@ -221,6 +223,12 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
221
223
  * @memberof DynamicFormComponent
222
224
  */
223
225
  getRowClassName(className: string): string;
226
+ /**
227
+ * Emits the addFormGroup event
228
+ * @param {Event} event
229
+ * @memberof DynamicFormComponent
230
+ */
231
+ onAddFormGroup(event: Event): void;
224
232
  static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, 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>;
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>;
226
234
  }
@@ -17,7 +17,9 @@ export declare class RadioComponent implements OnInit, FormField {
17
17
  config: FieldConfig;
18
18
  group: FormGroup;
19
19
  formControlName: string;
20
- radioGroup: RadioOption[];
20
+ private radioGroups;
21
+ set radioGroup(value: RadioOption[]);
22
+ get radioGroup(): RadioOption[];
21
23
  isDisabled: boolean;
22
24
  selectedRadioOption: EventEmitter<RadioOption>;
23
25
  constructor(formUtilityService: FormUtilityService);
@@ -26,7 +26,6 @@ export declare class SelectComponent implements OnInit, AfterViewInit {
26
26
  private _dropdownOptions;
27
27
  private _selectedOptions;
28
28
  private _isSortNeeded;
29
- private unsortedDropdownOptions;
30
29
  /**
31
30
  * Takes isSortNeeded as input to check if the passed options are sorted or not.
32
31
  * @memberof SelectComponent
@@ -1,11 +1,24 @@
1
+ import { OnInit } from '@angular/core';
1
2
  import { FormGroup } from '@angular/forms';
2
3
  import { FieldConfig } from '../../models/field-config.model';
3
4
  import { FormField } from '../../models/form-field.model';
4
5
  import * as i0 from "@angular/core";
5
- export declare class TextAreaComponent implements FormField {
6
+ export declare class TextAreaComponent implements OnInit, FormField {
6
7
  config: FieldConfig;
7
8
  group: FormGroup;
9
+ remainingCharsLeftMessage: string;
8
10
  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;
9
22
  static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
10
- static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ieeesa-text-area", never, {}, {}, never, never, true, never>;
23
+ static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ieeesa-text-area", never, { "remainingCharsLeftMessage": { "alias": "remainingCharsLeftMessage"; "required": false; }; }, {}, never, never, true, never>;
11
24
  }
@@ -0,0 +1,20 @@
1
+ import { ElementRef, EventEmitter } from '@angular/core';
2
+ import { FormGroup } from '@angular/forms';
3
+ import { FieldConfig } from '../../models/field-config.model';
4
+ import { SelectedTime } from '../../models/selected-time.model';
5
+ import * as i0 from "@angular/core";
6
+ export declare class TimePickerComponent {
7
+ config: FieldConfig;
8
+ group: FormGroup;
9
+ formTimeSelected: EventEmitter<SelectedTime>;
10
+ constants: any;
11
+ picker: ElementRef;
12
+ /**
13
+ * Handles form time selection event
14
+ * @type {void}
15
+ * @memberof TimePickerComponent
16
+ */
17
+ onTimeSelection(time: string): void;
18
+ static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
19
+ static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "ieeesa-time-picker", never, {}, { "formTimeSelected": "formTimeSelected"; }, never, never, true, never>;
20
+ }
@@ -4,7 +4,8 @@ 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 { SlideToggleOption } from '../../models/slide-toggle-options.model';
7
+ import { SelectedDate } from '../../models/selected-date.model';
8
+ import { SelectedTime } from '../../models/selected-time.model';
8
9
  import * as i0 from "@angular/core";
9
10
  /**
10
11
  * Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
@@ -47,7 +48,8 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
47
48
  get searchResponse(): any;
48
49
  formSearchApply: EventEmitter<Event>;
49
50
  formDropdownSelected: EventEmitter<Event>;
50
- formDateSelected: EventEmitter<string>;
51
+ formDateSelected: EventEmitter<SelectedDate>;
52
+ formTimeSelected: EventEmitter<SelectedTime>;
51
53
  formSelectedDateRange: EventEmitter<{
52
54
  startDate: string;
53
55
  endDate: string;
@@ -61,7 +63,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
61
63
  autoCompleteOptionSelected: EventEmitter<Event>;
62
64
  formCheckboxSelection: EventEmitter<CheckboxOption>;
63
65
  formInputValue: EventEmitter<string | number>;
64
- formSlideToggleChange: EventEmitter<SlideToggleOption>;
66
+ addFormGroup: EventEmitter<Event>;
65
67
  component: ComponentRef<any>;
66
68
  constructor(container: ViewContainerRef);
67
69
  /**
@@ -80,5 +82,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
80
82
  */
81
83
  ngOnDestroy(): void;
82
84
  static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, 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>;
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>;
84
86
  }
@@ -5,7 +5,6 @@ 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';
9
8
  export interface FieldConfig {
10
9
  isSortNeeded?: boolean;
11
10
  disabled?: boolean;
@@ -47,5 +46,13 @@ export interface FieldConfig {
47
46
  ariaDescribedById?: string;
48
47
  ariaMultiline?: boolean;
49
48
  minSelectionRequired?: number;
50
- slideToggleOption?: SlideToggleOption;
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;
51
58
  }
@@ -7,5 +7,6 @@ export declare enum FormControlType {
7
7
  CHECKBOX = "CHECKBOX",
8
8
  RADIO = "RADIO",
9
9
  AUTO_COMPLETE = "AUTO_COMPLETE",
10
- SLIDE_TOGGLE = "SLIDE_TOGGLE"
10
+ ADD_FORM_GROUP = "ADD_FORM_GROUP",
11
+ TIME_PICKER = "TIME_PICKER"
11
12
  }
@@ -0,0 +1,4 @@
1
+ export interface SelectedDate {
2
+ date: string;
3
+ controlName?: string;
4
+ }
@@ -0,0 +1,4 @@
1
+ export interface SelectedTime {
2
+ time: string;
3
+ controlName?: string;
4
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ieeesa-npm/presentation",
3
- "version": "0.10.9",
3
+ "version": "0.11.1",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.1.0",
6
6
  "@angular/core": "^16.1.0",
@@ -18,8 +18,9 @@
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.6",
22
- "@ieeesa-npm/feature": "^0.8.9"
21
+ "@ieeesa-npm/shared-styles": "^0.2.7",
22
+ "ngx-material-timepicker": "^13.1.1",
23
+ "@ieeesa-npm/feature": "^0.9.1"
23
24
  },
24
25
  "dependencies": {
25
26
  "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/slide-toggle/slide-toggle.component';
30
+ export * from './lib/components/time-picker/time-picker.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,6 +53,8 @@ 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';
56
58
  export * from './lib/models/toggle-button.model';
57
59
  export * from './lib/models/chip-option.model';
58
60
  export * from './lib/models/paginator-config.model';
@@ -62,7 +64,6 @@ export * from './lib/models/breadcrumb.model';
62
64
  export * from './lib/models/tile.model';
63
65
  export * from './lib/models/filters-options.model';
64
66
  export * from './lib/models/profile-menu.model';
65
- export * from './lib/models/slide-toggle-options.model';
66
67
  export * from './lib/services/datepicker.service';
67
68
  export * from './lib/services/form-utility.service';
68
69
  export * from './lib/presentation.module';
@@ -6,11 +6,13 @@
6
6
  "nextMonth": "Next month",
7
7
  "menuIcon": "Menu",
8
8
  "close": "Close",
9
- "search": "Search"
9
+ "search": "Search",
10
+ "addFormGroup": "Add Form Group"
10
11
  },
11
12
  "button": {
12
13
  "cancel": "Cancel",
13
- "ok": "OK"
14
+ "ok": "OK",
15
+ "add": "Add"
14
16
  },
15
17
  "chips": {
16
18
  "noOfDefaultVisibleChips": 3,
@@ -108,7 +110,8 @@
108
110
  ]
109
111
  },
110
112
  "textarea": {
111
- "maxLengthDefault": 1000
113
+ "maxLengthDefault": 3000,
114
+ "leftCharacters": " characters left"
112
115
  },
113
116
  "autocomplete": {
114
117
  "minCharToSearch": 3,
@@ -221,5 +224,8 @@
221
224
  "spinner": "Spinner"
222
225
  }
223
226
  },
224
- "defaultWelcomeBgColor": "#C0DCED"
227
+ "defaultWelcomeBgColor": "#C0DCED",
228
+ "timePicker": {
229
+ "defaultTimeFormat": 12
230
+ }
225
231
  }
@@ -1,80 +0,0 @@
1
- import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
3
- import { MatSlideToggleModule, } from '@angular/material/slide-toggle';
4
- import { ReactiveFormsModule } from '@angular/forms';
5
- import { FormErrorComponent } from '../../components/form-error/form-error.component';
6
- import { FormSupportTextComponent } from '../form-support-text/form-support-text.component';
7
- import { FormControlType } from '../../models/form-control-types.model';
8
- import * as i0 from "@angular/core";
9
- import * as i1 from "../../services/form-utility.service";
10
- import * as i2 from "@angular/common";
11
- import * as i3 from "@angular/forms";
12
- import * as i4 from "@angular/material/slide-toggle";
13
- export class SlideToggleComponent {
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) {
20
- this.slideToggleOption = value;
21
- }
22
- get slideToggle() {
23
- return this.slideToggleOption;
24
- }
25
- constructor(
26
- // eslint-disable-next-line no-unused-vars
27
- formUtilityService // eslint-disable-next-line no-empty-function
28
- ) {
29
- this.formUtilityService = formUtilityService;
30
- this.formControlName = 'slideToggle';
31
- this.isDisabled = false;
32
- this.slideToggleChange = new EventEmitter();
33
- }
34
- /**
35
- * On slide toggle sets slideToggleOption checked and emit slideToggleChange event emitter.
36
- * @param {MatSlideToggleChange} toggle
37
- * @memberof SlideToggleComponent
38
- */
39
- onSlideToggleChange(toggle) {
40
- if (this.slideToggleOption) {
41
- this.slideToggleOption.checked = toggle?.checked;
42
- this.slideToggleChange.emit(this.slideToggleOption);
43
- }
44
- }
45
- /**
46
- * Initiates component and set slideToggleOption.
47
- * @memberof SlideToggleComponent
48
- */
49
- ngOnInit() {
50
- this.config =
51
- this.config ??
52
- this.formUtilityService.getFormFieldConfig('slideToggle', FormControlType.SLIDE_TOGGLE);
53
- this.group =
54
- this.group ?? this.formUtilityService.getFormGroup('slideToggle');
55
- this.slideToggleOption =
56
- this.config?.slideToggleOption ?? this.slideToggleOption;
57
- this.isDisabled = this.config?.disabled ?? this.isDisabled;
58
- }
59
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlideToggleComponent, deps: [{ token: i1.FormUtilityService }], target: i0.ɵɵFactoryTarget.Component }); }
60
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SlideToggleComponent, isStandalone: true, selector: "ieeesa-slide-toggle", inputs: { formControlName: "formControlName", slideToggle: "slideToggle", isDisabled: "isDisabled" }, outputs: { slideToggleChange: "slideToggleChange" }, ngImport: i0, template: "<div [formGroup]=\"group\" class=\"ieeesa-slide-toggle-field\" *ngIf=\"group\">\r\n <mat-slide-toggle\r\n [formControlName]=\"config.controlName\"\r\n [aria-label]=\"config.ariaLabel ?? ''\"\r\n [aria-describedby]=\"config.ariaDescribedById ?? ''\"\r\n [checked]=\"slideToggleOption.checked\"\r\n [disabled]=\"isDisabled\"\r\n [(ngModel)]=\"slideToggleOption.checked\"\r\n (change)=\"onSlideToggleChange($event)\"\r\n #slideToggle\r\n >{{slideToggleOption?.label}}</mat-slide-toggle\r\n >\r\n <ieeesa-form-error [formGroup]=\"group\" [config]=\"config\"> </ieeesa-form-error>\r\n <ieeesa-form-support-text\r\n [formGroup]=\"group\"\r\n [config]=\"config\"\r\n ></ieeesa-form-support-text>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;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.813rem;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.9375rem;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.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;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.125rem;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.875rem;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.5rem;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.625rem;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.5rem;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.5rem;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.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;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:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;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:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;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:1rem;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.125rem;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.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;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:.875rem;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:.875rem;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.5rem;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:1rem;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:1rem;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:1rem;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:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-label{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:0}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle.cdk-focused .mdc-label{color:#00629b}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mat-mdc-slide-toggle-ripple{display:none!important}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected.mdc-switch--disabled,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch.mdc-switch--disabled+.mdc-label{color:#c0c7cd}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected.mdc-switch--disabled .mdc-switch__track:before,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected.mdc-switch--disabled .mdc-switch__track:after,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch.mdc-switch--disabled+.mdc-label .mdc-switch__track:before,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch.mdc-switch--disabled+.mdc-label .mdc-switch__track:after{border:1px solid #c0c7cd}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected.mdc-switch--disabled .mdc-switch__handle .mdc-switch__shadow,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch.mdc-switch--disabled+.mdc-label .mdc-switch__handle .mdc-switch__shadow{border:1px solid #c0c7cd}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__track:before,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__track:after{border-radius:100px;border:1px solid #00629b;background:#fff!important}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle .mdc-switch__shadow{box-shadow:none!important;background:#fff!important;border:1px solid #00629b}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__track:before,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__track:after{border-radius:100px;border:1px solid #00629b;background:#00629b!important}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle{background:#00629b!important}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle .mdc-switch__shadow{box-shadow:none!important;background:#fff!important;border:1px solid #00629b}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch .mdc-switch__ripple{display:none}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch .mdc-switch__track{height:1.29em;width:2.29em}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch .mdc-switch__track:before,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch .mdc-switch__track:after{height:1.29em}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle{width:1.29em;height:1.29em}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle__icons .mdc-switch__icon{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: FormErrorComponent, selector: "ieeesa-form-error", inputs: ["formGroup", "config", "submitResponse"] }, { kind: "component", type: FormSupportTextComponent, selector: "ieeesa-form-support-text", inputs: ["formGroup", "config"] }], encapsulation: i0.ViewEncapsulation.None }); }
61
- }
62
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlideToggleComponent, decorators: [{
63
- type: Component,
64
- args: [{ selector: 'ieeesa-slide-toggle', standalone: true, imports: [
65
- CommonModule,
66
- ReactiveFormsModule,
67
- MatSlideToggleModule,
68
- FormErrorComponent,
69
- FormSupportTextComponent,
70
- ], encapsulation: ViewEncapsulation.None, template: "<div [formGroup]=\"group\" class=\"ieeesa-slide-toggle-field\" *ngIf=\"group\">\r\n <mat-slide-toggle\r\n [formControlName]=\"config.controlName\"\r\n [aria-label]=\"config.ariaLabel ?? ''\"\r\n [aria-describedby]=\"config.ariaDescribedById ?? ''\"\r\n [checked]=\"slideToggleOption.checked\"\r\n [disabled]=\"isDisabled\"\r\n [(ngModel)]=\"slideToggleOption.checked\"\r\n (change)=\"onSlideToggleChange($event)\"\r\n #slideToggle\r\n >{{slideToggleOption?.label}}</mat-slide-toggle\r\n >\r\n <ieeesa-form-error [formGroup]=\"group\" [config]=\"config\"> </ieeesa-form-error>\r\n <ieeesa-form-support-text\r\n [formGroup]=\"group\"\r\n [config]=\"config\"\r\n ></ieeesa-form-support-text>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;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.813rem;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.9375rem;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.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;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.125rem;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.875rem;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.5rem;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.625rem;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.5rem;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.5rem;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.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;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:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;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:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;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:1rem;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.125rem;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.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;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:.875rem;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:.875rem;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.5rem;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:1rem;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:1rem;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:1rem;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:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-label{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:24px;color:#49454f;letter-spacing:0}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle.cdk-focused .mdc-label{color:#00629b}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mat-mdc-slide-toggle-ripple{display:none!important}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected.mdc-switch--disabled,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch.mdc-switch--disabled+.mdc-label{color:#c0c7cd}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected.mdc-switch--disabled .mdc-switch__track:before,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected.mdc-switch--disabled .mdc-switch__track:after,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch.mdc-switch--disabled+.mdc-label .mdc-switch__track:before,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch.mdc-switch--disabled+.mdc-label .mdc-switch__track:after{border:1px solid #c0c7cd}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected.mdc-switch--disabled .mdc-switch__handle .mdc-switch__shadow,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch.mdc-switch--disabled+.mdc-label .mdc-switch__handle .mdc-switch__shadow{border:1px solid #c0c7cd}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__track:before,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__track:after{border-radius:100px;border:1px solid #00629b;background:#fff!important}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--unselected .mdc-switch__handle .mdc-switch__shadow{box-shadow:none!important;background:#fff!important;border:1px solid #00629b}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__track:before,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__track:after{border-radius:100px;border:1px solid #00629b;background:#00629b!important}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle{background:#00629b!important}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch--selected .mdc-switch__handle .mdc-switch__shadow{box-shadow:none!important;background:#fff!important;border:1px solid #00629b}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch .mdc-switch__ripple{display:none}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch .mdc-switch__track{height:1.29em;width:2.29em}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch .mdc-switch__track:before,.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch .mdc-switch__track:after{height:1.29em}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle{width:1.29em;height:1.29em}.ieeesa-slide-toggle-field .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle__icons .mdc-switch__icon{display:none}\n"] }]
71
- }], ctorParameters: function () { return [{ type: i1.FormUtilityService }]; }, propDecorators: { formControlName: [{
72
- type: Input
73
- }], slideToggle: [{
74
- type: Input
75
- }], isDisabled: [{
76
- type: Input
77
- }], slideToggleChange: [{
78
- type: Output
79
- }] } });
80
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByZXNlbnRhdGlvbi9zcmMvbGliL2NvbXBvbmVudHMvc2xpZGUtdG9nZ2xlL3NsaWRlLXRvZ2dsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9jb21wb25lbnRzL3NsaWRlLXRvZ2dsZS9zbGlkZS10b2dnbGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFFTCxvQkFBb0IsR0FDckIsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN4QyxPQUFPLEVBQWEsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVoRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUN0RixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQztBQUU1RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7Ozs7OztBQWlCeEUsTUFBTSxPQUFPLG9CQUFvQjtJQUsvQjs7OztPQUlHO0lBQ0gsSUFDSSxXQUFXLENBQUMsS0FBd0I7UUFDdEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztJQUNqQyxDQUFDO0lBQ0QsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDaEMsQ0FBQztJQUtEO0lBQ0UsMENBQTBDO0lBQ2xDLGtCQUFzQyxDQUFDLDZDQUE2Qzs7UUFBcEYsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQXBCdkMsb0JBQWUsR0FBRyxhQUFhLENBQUM7UUFjaEMsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNsQixzQkFBaUIsR0FDekIsSUFBSSxZQUFZLEVBQXFCLENBQUM7SUFLckMsQ0FBQztJQUNKOzs7O09BSUc7SUFDSCxtQkFBbUIsQ0FBQyxNQUE0QjtRQUM5QyxJQUFJLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtZQUMxQixJQUFJLENBQUMsaUJBQWlCLENBQUMsT0FBTyxHQUFHLE1BQU0sRUFBRSxPQUFPLENBQUM7WUFDakQsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztTQUNyRDtJQUNILENBQUM7SUFFRDs7O09BR0c7SUFDSCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU07WUFDVCxJQUFJLENBQUMsTUFBTTtnQkFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsa0JBQWtCLENBQ3hDLGFBQWEsRUFDYixlQUFlLENBQUMsWUFBWSxDQUM3QixDQUFDO1FBQ0osSUFBSSxDQUFDLEtBQUs7WUFDUixJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDcEUsSUFBSSxDQUFDLGlCQUFpQjtZQUNwQixJQUFJLENBQUMsTUFBTSxFQUFFLGlCQUFpQixJQUFJLElBQUksQ0FBQyxpQkFBaUIsQ0FBQztRQUMzRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsUUFBUSxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDN0QsQ0FBQzsrR0FyRFUsb0JBQW9CO21HQUFwQixvQkFBb0IsME9DbkNqQyxzdUJBa0JBLDIwVkRPSSxZQUFZLGtJQUNaLG1CQUFtQixtbEJBQ25CLG9CQUFvQix1TUFDcEIsa0JBQWtCLGlIQUNsQix3QkFBd0I7OzRGQU1mLG9CQUFvQjtrQkFkaEMsU0FBUzsrQkFDRSxxQkFBcUIsY0FDbkIsSUFBSSxXQUNQO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixvQkFBb0I7d0JBQ3BCLGtCQUFrQjt3QkFDbEIsd0JBQXdCO3FCQUN6QixpQkFHYyxpQkFBaUIsQ0FBQyxJQUFJO3lHQUs1QixlQUFlO3NCQUF2QixLQUFLO2dCQVFGLFdBQVc7c0JBRGQsS0FBSztnQkFPRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLGlCQUFpQjtzQkFBMUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkluaXQsXHJcbiAgT3V0cHV0LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQge1xyXG4gIE1hdFNsaWRlVG9nZ2xlQ2hhbmdlLFxyXG4gIE1hdFNsaWRlVG9nZ2xlTW9kdWxlLFxyXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NsaWRlLXRvZ2dsZSc7XHJcbmltcG9ydCB7IEZvcm1Hcm91cCwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgRmllbGRDb25maWcgfSBmcm9tICcuLi8uLi9tb2RlbHMvZmllbGQtY29uZmlnLm1vZGVsJztcclxuaW1wb3J0IHsgRm9ybUVycm9yQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9mb3JtLWVycm9yL2Zvcm0tZXJyb3IuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRm9ybVN1cHBvcnRUZXh0Q29tcG9uZW50IH0gZnJvbSAnLi4vZm9ybS1zdXBwb3J0LXRleHQvZm9ybS1zdXBwb3J0LXRleHQuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRm9ybVV0aWxpdHlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvZm9ybS11dGlsaXR5LnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbFR5cGUgfSBmcm9tICcuLi8uLi9tb2RlbHMvZm9ybS1jb250cm9sLXR5cGVzLm1vZGVsJztcclxuaW1wb3J0IHsgU2xpZGVUb2dnbGVPcHRpb24gfSBmcm9tICcuLi8uLi9tb2RlbHMvc2xpZGUtdG9nZ2xlLW9wdGlvbnMubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpZWVlc2Etc2xpZGUtdG9nZ2xlJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbiAgICBNYXRTbGlkZVRvZ2dsZU1vZHVsZSxcclxuICAgIEZvcm1FcnJvckNvbXBvbmVudCxcclxuICAgIEZvcm1TdXBwb3J0VGV4dENvbXBvbmVudCxcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zbGlkZS10b2dnbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NsaWRlLXRvZ2dsZS5jb21wb25lbnQuc2NzcyddLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTbGlkZVRvZ2dsZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgY29uZmlnITogRmllbGRDb25maWc7XHJcbiAgZ3JvdXAhOiBGb3JtR3JvdXA7XHJcbiAgQElucHV0KCkgZm9ybUNvbnRyb2xOYW1lID0gJ3NsaWRlVG9nZ2xlJztcclxuICBzbGlkZVRvZ2dsZU9wdGlvbiE6IFNsaWRlVG9nZ2xlT3B0aW9uO1xyXG4gIC8qKlxyXG4gICAqIElucHV0IHByb3BlcnR5IHRvIGdldCBzbGlkZSB0b2dnbGUgb3B0aW9uc1xyXG4gICAqIEBtZW1iZXJvZiBTbGlkZVRvZ2dsZUNvbXBvbmVudFxyXG4gICAqIEB1c2FnZU5vdGVzIGNvbnN0IHNsaWRlVG9nZ2xlT3B0aW9uID0gW3sgaWQ6IDEsIGxhYmVsOiAnQ2hhbmdlIHRvZ2dsZScsIGNoZWNrZWQ6IHRydWUsIGRpc2FibGVkOiBmYWxzZX1dXHJcbiAgICovXHJcbiAgQElucHV0KClcclxuICBzZXQgc2xpZGVUb2dnbGUodmFsdWU6IFNsaWRlVG9nZ2xlT3B0aW9uKSB7XHJcbiAgICB0aGlzLnNsaWRlVG9nZ2xlT3B0aW9uID0gdmFsdWU7XHJcbiAgfVxyXG4gIGdldCBzbGlkZVRvZ2dsZSgpOiBTbGlkZVRvZ2dsZU9wdGlvbiB7XHJcbiAgICByZXR1cm4gdGhpcy5zbGlkZVRvZ2dsZU9wdGlvbjtcclxuICB9XHJcbiAgQElucHV0KCkgaXNEaXNhYmxlZCA9IGZhbHNlO1xyXG4gIEBPdXRwdXQoKSBzbGlkZVRvZ2dsZUNoYW5nZTogRXZlbnRFbWl0dGVyPFNsaWRlVG9nZ2xlT3B0aW9uPiA9XHJcbiAgICBuZXcgRXZlbnRFbWl0dGVyPFNsaWRlVG9nZ2xlT3B0aW9uPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bnVzZWQtdmFyc1xyXG4gICAgcHJpdmF0ZSBmb3JtVXRpbGl0eVNlcnZpY2U6IEZvcm1VdGlsaXR5U2VydmljZSAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tZW1wdHktZnVuY3Rpb25cclxuICApIHt9XHJcbiAgLyoqXHJcbiAgICogT24gc2xpZGUgdG9nZ2xlIHNldHMgc2xpZGVUb2dnbGVPcHRpb24gY2hlY2tlZCBhbmQgZW1pdCBzbGlkZVRvZ2dsZUNoYW5nZSBldmVudCBlbWl0dGVyLlxyXG4gICAqIEBwYXJhbSB7TWF0U2xpZGVUb2dnbGVDaGFuZ2V9IHRvZ2dsZVxyXG4gICAqIEBtZW1iZXJvZiBTbGlkZVRvZ2dsZUNvbXBvbmVudFxyXG4gICAqL1xyXG4gIG9uU2xpZGVUb2dnbGVDaGFuZ2UodG9nZ2xlOiBNYXRTbGlkZVRvZ2dsZUNoYW5nZSkge1xyXG4gICAgaWYgKHRoaXMuc2xpZGVUb2dnbGVPcHRpb24pIHtcclxuICAgICAgdGhpcy5zbGlkZVRvZ2dsZU9wdGlvbi5jaGVja2VkID0gdG9nZ2xlPy5jaGVja2VkO1xyXG4gICAgICB0aGlzLnNsaWRlVG9nZ2xlQ2hhbmdlLmVtaXQodGhpcy5zbGlkZVRvZ2dsZU9wdGlvbik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBJbml0aWF0ZXMgY29tcG9uZW50IGFuZCBzZXQgc2xpZGVUb2dnbGVPcHRpb24uXHJcbiAgICogQG1lbWJlcm9mIFNsaWRlVG9nZ2xlQ29tcG9uZW50XHJcbiAgICovXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmNvbmZpZyA9XHJcbiAgICAgIHRoaXMuY29uZmlnID8/XHJcbiAgICAgIHRoaXMuZm9ybVV0aWxpdHlTZXJ2aWNlLmdldEZvcm1GaWVsZENvbmZpZyhcclxuICAgICAgICAnc2xpZGVUb2dnbGUnLFxyXG4gICAgICAgIEZvcm1Db250cm9sVHlwZS5TTElERV9UT0dHTEVcclxuICAgICAgKTtcclxuICAgIHRoaXMuZ3JvdXAgPVxyXG4gICAgICB0aGlzLmdyb3VwID8/IHRoaXMuZm9ybVV0aWxpdHlTZXJ2aWNlLmdldEZvcm1Hcm91cCgnc2xpZGVUb2dnbGUnKTtcclxuICAgIHRoaXMuc2xpZGVUb2dnbGVPcHRpb24gPVxyXG4gICAgICB0aGlzLmNvbmZpZz8uc2xpZGVUb2dnbGVPcHRpb24gPz8gdGhpcy5zbGlkZVRvZ2dsZU9wdGlvbjtcclxuICAgIHRoaXMuaXNEaXNhYmxlZCA9IHRoaXMuY29uZmlnPy5kaXNhYmxlZCA/PyB0aGlzLmlzRGlzYWJsZWQ7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgW2Zvcm1Hcm91cF09XCJncm91cFwiIGNsYXNzPVwiaWVlZXNhLXNsaWRlLXRvZ2dsZS1maWVsZFwiICpuZ0lmPVwiZ3JvdXBcIj5cclxuICA8bWF0LXNsaWRlLXRvZ2dsZVxyXG4gICAgW2Zvcm1Db250cm9sTmFtZV09XCJjb25maWcuY29udHJvbE5hbWVcIlxyXG4gICAgW2FyaWEtbGFiZWxdPVwiY29uZmlnLmFyaWFMYWJlbCA/PyAnJ1wiXHJcbiAgICBbYXJpYS1kZXNjcmliZWRieV09XCJjb25maWcuYXJpYURlc2NyaWJlZEJ5SWQgPz8gJydcIlxyXG4gICAgW2NoZWNrZWRdPVwic2xpZGVUb2dnbGVPcHRpb24uY2hlY2tlZFwiXHJcbiAgICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiXHJcbiAgICBbKG5nTW9kZWwpXT1cInNsaWRlVG9nZ2xlT3B0aW9uLmNoZWNrZWRcIlxyXG4gICAgKGNoYW5nZSk9XCJvblNsaWRlVG9nZ2xlQ2hhbmdlKCRldmVudClcIlxyXG4gICAgI3NsaWRlVG9nZ2xlXHJcbiAgICA+e3tzbGlkZVRvZ2dsZU9wdGlvbj8ubGFiZWx9fTwvbWF0LXNsaWRlLXRvZ2dsZVxyXG4gID5cclxuICA8aWVlZXNhLWZvcm0tZXJyb3IgW2Zvcm1Hcm91cF09XCJncm91cFwiIFtjb25maWddPVwiY29uZmlnXCI+IDwvaWVlZXNhLWZvcm0tZXJyb3I+XHJcbiAgPGllZWVzYS1mb3JtLXN1cHBvcnQtdGV4dFxyXG4gICAgW2Zvcm1Hcm91cF09XCJncm91cFwiXHJcbiAgICBbY29uZmlnXT1cImNvbmZpZ1wiXHJcbiAgPjwvaWVlZXNhLWZvcm0tc3VwcG9ydC10ZXh0PlxyXG48L2Rpdj5cclxuIl19
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtdG9nZ2xlLW9wdGlvbnMubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9tb2RlbHMvc2xpZGUtdG9nZ2xlLW9wdGlvbnMubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgU2xpZGVUb2dnbGVPcHRpb24ge1xyXG4gIGlkOiBudW1iZXIgfCBzdHJpbmc7XHJcbiAgbGFiZWw6IHN0cmluZztcclxuICBjaGVja2VkOiBib29sZWFuO1xyXG59XHJcbiJdfQ==
@@ -1,37 +0,0 @@
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,5 +0,0 @@
1
- export interface SlideToggleOption {
2
- id: number | string;
3
- label: string;
4
- checked: boolean;
5
- }