@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.
- package/esm2022/lib/assets/constants.json +10 -4
- package/esm2022/lib/components/add-form-group/add-form-group.component.mjs +34 -0
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +3 -3
- package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +3 -3
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +3 -3
- package/esm2022/lib/components/chips/chips.component.mjs +3 -3
- package/esm2022/lib/components/data-table/data-table.component.mjs +3 -3
- package/esm2022/lib/components/date-picker/date-picker.component.mjs +7 -4
- package/esm2022/lib/components/date-picker-header/date-picker-header.component.mjs +3 -3
- package/esm2022/lib/components/dynamic-form/dynamic-form.component.mjs +27 -16
- package/esm2022/lib/components/filter/filter.component.mjs +3 -3
- package/esm2022/lib/components/footer/footer.component.mjs +3 -3
- package/esm2022/lib/components/form-error/form-error.component.mjs +3 -3
- package/esm2022/lib/components/form-support-text/form-support-text.component.mjs +3 -3
- package/esm2022/lib/components/header/header.component.mjs +3 -3
- package/esm2022/lib/components/input/input.component.mjs +3 -3
- package/esm2022/lib/components/loader/loader.component.mjs +3 -3
- package/esm2022/lib/components/menu/menu.component.mjs +3 -3
- package/esm2022/lib/components/modal/modal.component.mjs +3 -3
- package/esm2022/lib/components/modal-confirmation/modal-confirmation.component.mjs +3 -3
- package/esm2022/lib/components/navigation-menu/navigation-menu.component.mjs +3 -3
- package/esm2022/lib/components/notification/notification.component.mjs +3 -3
- package/esm2022/lib/components/radio/radio.component.mjs +10 -4
- package/esm2022/lib/components/search/search.component.mjs +3 -3
- package/esm2022/lib/components/select/select.component.mjs +6 -14
- package/esm2022/lib/components/text-area/text-area.component.mjs +43 -6
- package/esm2022/lib/components/tile/tile.component.mjs +3 -3
- package/esm2022/lib/components/time-picker/time-picker.component.mjs +58 -0
- package/esm2022/lib/components/toggle-button/toggle-button.component.mjs +3 -3
- package/esm2022/lib/components/welcome/welcome.component.mjs +3 -3
- package/esm2022/lib/directives/dynamic-form-field/dynamic-form-field.directive.mjs +24 -12
- package/esm2022/lib/models/field-config.model.mjs +1 -1
- package/esm2022/lib/models/form-control-types.model.mjs +4 -11
- package/esm2022/lib/models/selected-date.model.mjs +2 -0
- package/esm2022/lib/models/selected-time.model.mjs +2 -0
- package/esm2022/public-api.mjs +4 -3
- package/fesm2022/ieeesa-npm-presentation.mjs +263 -204
- package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
- package/lib/components/add-form-group/add-form-group.component.d.ts +19 -0
- package/lib/components/chips/chips.component.d.ts +10 -7
- package/lib/components/date-picker/date-picker.component.d.ts +2 -1
- package/lib/components/dynamic-form/dynamic-form.component.d.ts +20 -12
- package/lib/components/radio/radio.component.d.ts +3 -1
- package/lib/components/select/select.component.d.ts +0 -1
- package/lib/components/text-area/text-area.component.d.ts +15 -2
- package/lib/components/time-picker/time-picker.component.d.ts +20 -0
- package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts +6 -4
- package/lib/models/field-config.model.d.ts +9 -2
- package/lib/models/form-control-types.model.d.ts +2 -1
- package/lib/models/selected-date.model.d.ts +4 -0
- package/lib/models/selected-time.model.d.ts +4 -0
- package/package.json +4 -3
- package/public-api.d.ts +3 -2
- package/src/lib/assets/constants.json +10 -4
- package/esm2022/lib/components/slide-toggle/slide-toggle.component.mjs +0 -80
- package/esm2022/lib/models/slide-toggle-options.model.mjs +0 -2
- package/lib/components/slide-toggle/slide-toggle.component.d.ts +0 -37
- 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<
|
|
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 {
|
|
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<
|
|
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
|
-
|
|
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 {
|
|
177
|
+
* @param {SelectedDate} selectedDate
|
|
176
178
|
* @memberof DynamicFormComponent
|
|
177
179
|
*/
|
|
178
|
-
onDateSelected(
|
|
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"; "
|
|
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
|
-
|
|
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 {
|
|
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<
|
|
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
|
-
|
|
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"; "
|
|
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
|
-
|
|
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
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ieeesa-npm/presentation",
|
|
3
|
-
"version": "0.
|
|
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.
|
|
22
|
-
"
|
|
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/
|
|
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":
|
|
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
|
-
}
|