@ieeesa-npm/presentation 0.10.7 → 0.10.8
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/components/dynamic-form/dynamic-form.component.mjs +14 -3
- package/esm2022/lib/components/select/select.component.mjs +6 -2
- package/esm2022/lib/components/text-area/text-area.component.mjs +3 -3
- package/esm2022/lib/directives/dynamic-form-field/dynamic-form-field.directive.mjs +14 -2
- package/esm2022/lib/models/field-config.model.mjs +1 -1
- package/esm2022/lib/models/form-control-types.model.mjs +3 -1
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/ieeesa-npm-presentation.mjs +107 -10
- package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
- package/lib/components/dynamic-form/dynamic-form.component.d.ts +9 -1
- package/lib/components/select/select.component.d.ts +1 -0
- package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts +3 -1
- package/lib/models/field-config.model.d.ts +2 -0
- package/lib/models/form-control-types.model.d.ts +2 -1
- package/package.json +2 -2
- package/public-api.d.ts +2 -0
|
@@ -6,6 +6,7 @@ import { FormGrid } from '../../models/form-grid.model';
|
|
|
6
6
|
import { DynamicFormFieldDirective } from '../../directives/dynamic-form-field/dynamic-form-field.directive';
|
|
7
7
|
import { AlignType } from '../../models/align-type.model';
|
|
8
8
|
import { CheckboxOption } from '../../models/checkbox-option.model';
|
|
9
|
+
import { SlideToggleOption } from '../../models/slide-toggle-options.model';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
10
11
|
/**
|
|
11
12
|
* Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
|
|
@@ -69,6 +70,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
|
69
70
|
startDate: string;
|
|
70
71
|
endDate: string;
|
|
71
72
|
}>;
|
|
73
|
+
formSlideToggleChange: EventEmitter<SlideToggleOption>;
|
|
72
74
|
form: FormGroup;
|
|
73
75
|
formGroupArray: FormGroup[];
|
|
74
76
|
formControlArray: any[];
|
|
@@ -206,6 +208,12 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
|
206
208
|
* @memberof DynamicFormComponent
|
|
207
209
|
*/
|
|
208
210
|
onAutoCompleteOptionSelected(): void;
|
|
211
|
+
/**
|
|
212
|
+
* Handles form slide toggle event and emits formSlideToggleChange event.
|
|
213
|
+
* @param {SlideToggleOption} toggle
|
|
214
|
+
* @memberof DynamicFormComponent
|
|
215
|
+
*/
|
|
216
|
+
onFormSlideToggleChange(toggle: SlideToggleOption): void;
|
|
209
217
|
/**
|
|
210
218
|
* Converts passed control name in hyphenated css class name
|
|
211
219
|
* @param {string} className
|
|
@@ -214,5 +222,5 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
|
214
222
|
*/
|
|
215
223
|
getRowClassName(className: string): string;
|
|
216
224
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
|
|
217
|
-
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"; }, never, never, true, never>;
|
|
225
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "formSlideToggleChange": "formSlideToggleChange"; }, never, never, true, never>;
|
|
218
226
|
}
|
|
@@ -26,6 +26,7 @@ export declare class SelectComponent implements OnInit, AfterViewInit {
|
|
|
26
26
|
private _dropdownOptions;
|
|
27
27
|
private _selectedOptions;
|
|
28
28
|
private _isSortNeeded;
|
|
29
|
+
private unsortedDropdownOptions;
|
|
29
30
|
/**
|
|
30
31
|
* Takes isSortNeeded as input to check if the passed options are sorted or not.
|
|
31
32
|
* @memberof SelectComponent
|
|
@@ -4,6 +4,7 @@ import { Subject } from 'rxjs';
|
|
|
4
4
|
import { FieldConfig } from '../../models/field-config.model';
|
|
5
5
|
import { FormField } from '../../models/form-field.model';
|
|
6
6
|
import { CheckboxOption } from '../../models/checkbox-option.model';
|
|
7
|
+
import { SlideToggleOption } from '../../models/slide-toggle-options.model';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
/**
|
|
9
10
|
* Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
|
|
@@ -60,6 +61,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
|
|
|
60
61
|
autoCompleteOptionSelected: EventEmitter<Event>;
|
|
61
62
|
formCheckboxSelection: EventEmitter<CheckboxOption>;
|
|
62
63
|
formInputValue: EventEmitter<string | number>;
|
|
64
|
+
formSlideToggleChange: EventEmitter<SlideToggleOption>;
|
|
63
65
|
component: ComponentRef<any>;
|
|
64
66
|
constructor(container: ViewContainerRef);
|
|
65
67
|
/**
|
|
@@ -78,5 +80,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
|
|
|
78
80
|
*/
|
|
79
81
|
ngOnDestroy(): void;
|
|
80
82
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, never>;
|
|
81
|
-
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"; }, never, never, true, never>;
|
|
83
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "formSlideToggleChange": "formSlideToggleChange"; }, never, never, true, never>;
|
|
82
84
|
}
|
|
@@ -5,6 +5,7 @@ import { RadioOption } from '../models/radio-option.model';
|
|
|
5
5
|
import { SearchType } from '../models/search.model';
|
|
6
6
|
import { SelectOption } from '../models/select-option.model';
|
|
7
7
|
import { AutoCompleteOption } from '../models/autocomplete-option.model';
|
|
8
|
+
import { SlideToggleOption } from './slide-toggle-options.model';
|
|
8
9
|
export interface FieldConfig {
|
|
9
10
|
isSortNeeded?: boolean;
|
|
10
11
|
disabled?: boolean;
|
|
@@ -46,4 +47,5 @@ export interface FieldConfig {
|
|
|
46
47
|
ariaDescribedById?: string;
|
|
47
48
|
ariaMultiline?: boolean;
|
|
48
49
|
minSelectionRequired?: number;
|
|
50
|
+
slideToggleOption?: SlideToggleOption;
|
|
49
51
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ieeesa-npm/presentation",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.8",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^16.1.0",
|
|
6
6
|
"@angular/core": "^16.1.0",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"rxjs": "~7.8.0",
|
|
20
20
|
"zone.js": "~0.13.0",
|
|
21
21
|
"@ieeesa-npm/shared-styles": "^0.2.5",
|
|
22
|
-
"@ieeesa-npm/feature": "^0.8.
|
|
22
|
+
"@ieeesa-npm/feature": "^0.8.8"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
25
|
"tslib": "^2.3.0"
|
package/public-api.d.ts
CHANGED
|
@@ -27,6 +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
31
|
export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
|
|
31
32
|
export * from './lib/directives/focus-invalid-form-field/focus-invalid-form-field.directive';
|
|
32
33
|
export * from './lib/directives/set-background/set-background.directive';
|
|
@@ -61,6 +62,7 @@ export * from './lib/models/breadcrumb.model';
|
|
|
61
62
|
export * from './lib/models/tile.model';
|
|
62
63
|
export * from './lib/models/filters-options.model';
|
|
63
64
|
export * from './lib/models/profile-menu.model';
|
|
65
|
+
export * from './lib/models/slide-toggle-options.model';
|
|
64
66
|
export * from './lib/services/datepicker.service';
|
|
65
67
|
export * from './lib/services/form-utility.service';
|
|
66
68
|
export * from './lib/presentation.module';
|