@ieeesa-npm/presentation 0.33.1 → 1.0.0
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 +13 -561
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +28 -60
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +16 -77
- package/esm2022/lib/components/date-picker/date-picker.component.mjs +10 -27
- package/esm2022/lib/components/date-picker-header/date-picker-header.component.mjs +11 -6
- package/esm2022/lib/components/dynamic-form/dynamic-form.component.mjs +14 -275
- package/esm2022/lib/components/form-error/form-error.component.mjs +6 -6
- package/esm2022/lib/components/input/input.component.mjs +13 -34
- package/esm2022/lib/components/notification/notification.component.mjs +6 -18
- package/esm2022/lib/components/radio/radio.component.mjs +6 -12
- package/esm2022/lib/components/search/search.component.mjs +10 -62
- package/esm2022/lib/components/select/select.component.mjs +9 -32
- package/esm2022/lib/components/text-area/text-area.component.mjs +7 -65
- package/esm2022/lib/date-formats.mjs +2 -2
- package/esm2022/lib/directives/dynamic-form-field/dynamic-form-field.directive.mjs +5 -206
- package/esm2022/lib/models/checkbox-option.model.mjs +2 -0
- package/esm2022/lib/models/confirmation-modal-data.model.mjs +2 -0
- package/esm2022/lib/models/date-picker.model.mjs +1 -1
- package/esm2022/lib/models/field-config.model.mjs +1 -1
- package/esm2022/lib/models/footer-config.model.mjs +1 -1
- package/esm2022/lib/models/form-control-types.model.mjs +9 -9
- package/esm2022/lib/models/header-config.model.mjs +1 -1
- package/esm2022/lib/models/navigation-menu.model.mjs +1 -1
- package/esm2022/lib/models/select-option.model.mjs +2 -0
- package/esm2022/lib/models/toggle-button.model.mjs +1 -1
- package/esm2022/lib/presentation.module.mjs +5 -5
- package/esm2022/lib/services/datepicker.service.mjs +4 -4
- package/esm2022/lib/services/form-utility.service.mjs +5 -17
- package/esm2022/public-api.mjs +17 -97
- package/fesm2022/ieeesa-npm-presentation.mjs +599 -7607
- package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
- package/lib/components/autocomplete/autocomplete.component.d.ts +13 -27
- package/lib/components/checkbox/checkbox.component.d.ts +6 -32
- package/lib/components/date-picker/date-picker.component.d.ts +2 -11
- package/lib/components/dynamic-form/dynamic-form.component.d.ts +11 -157
- package/lib/components/input/input.component.d.ts +2 -9
- package/lib/components/notification/notification.component.d.ts +1 -4
- package/lib/components/radio/radio.component.d.ts +1 -3
- package/lib/components/search/search.component.d.ts +4 -13
- package/lib/components/select/select.component.d.ts +2 -5
- package/lib/components/text-area/text-area.component.d.ts +2 -24
- package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts +3 -36
- package/lib/models/checkbox-option.model.d.ts +6 -0
- package/lib/models/confirmation-modal-data.model.d.ts +5 -0
- package/lib/models/date-picker.model.d.ts +0 -3
- package/lib/models/field-config.model.d.ts +2 -54
- package/lib/models/footer-config.model.d.ts +0 -1
- package/lib/models/form-control-types.model.d.ts +1 -8
- package/lib/models/header-config.model.d.ts +0 -6
- package/lib/models/navigation-menu.model.d.ts +1 -1
- package/lib/models/select-option.model.d.ts +5 -0
- package/lib/models/toggle-button.model.d.ts +0 -4
- package/lib/services/form-utility.service.d.ts +1 -1
- package/package.json +2 -4
- package/public-api.d.ts +16 -95
- package/src/lib/assets/constants.json +13 -561
- package/esm2022/lib/components/accordion/accordion.component.mjs +0 -61
- package/esm2022/lib/components/add-form-group/add-form-group.component.mjs +0 -34
- package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +0 -147
- package/esm2022/lib/components/card/card.component.mjs +0 -74
- package/esm2022/lib/components/chips/chips.component.mjs +0 -162
- package/esm2022/lib/components/color-picker/color-picker.component.mjs +0 -314
- package/esm2022/lib/components/data-table/data-table.component.mjs +0 -781
- package/esm2022/lib/components/export-format-popover/export-format-popover.component.mjs +0 -75
- package/esm2022/lib/components/export-success-dialog/export-success-dialog.component.mjs +0 -39
- package/esm2022/lib/components/file-download/file-download.component.mjs +0 -176
- package/esm2022/lib/components/file-upload/file-upload.component.mjs +0 -474
- package/esm2022/lib/components/filter/filter.component.mjs +0 -302
- package/esm2022/lib/components/filter-popover/filter-popover.component.mjs +0 -198
- package/esm2022/lib/components/footer/footer.component.mjs +0 -55
- package/esm2022/lib/components/form-support-text/form-support-text.component.mjs +0 -63
- package/esm2022/lib/components/header/header.component.mjs +0 -193
- package/esm2022/lib/components/icon-button/icon-button.component.mjs +0 -38
- package/esm2022/lib/components/image-preview/image-preview.component.mjs +0 -30
- package/esm2022/lib/components/inactive-tenant/inactive-tenant.component.mjs +0 -44
- package/esm2022/lib/components/legend/legend.component.mjs +0 -37
- package/esm2022/lib/components/list/list.component.mjs +0 -199
- package/esm2022/lib/components/loader/loader.component.mjs +0 -22
- package/esm2022/lib/components/menu/menu.component.mjs +0 -75
- package/esm2022/lib/components/modal/modal.component.mjs +0 -166
- package/esm2022/lib/components/modal-confirmation/modal-confirmation.component.mjs +0 -45
- package/esm2022/lib/components/modal-info/modal-info.component.mjs +0 -41
- package/esm2022/lib/components/multi-select-autocomplete/multi-select-autocomplete.component.mjs +0 -321
- package/esm2022/lib/components/navigation-menu/navigation-menu.component.mjs +0 -89
- package/esm2022/lib/components/policy-confirmation-dialog/policy-confirmation-dialog.component.mjs +0 -81
- package/esm2022/lib/components/rich-text-editor/rich-text-editor.component.mjs +0 -214
- package/esm2022/lib/components/slide-toggle/slide-toggle.component.mjs +0 -98
- package/esm2022/lib/components/stepper/stepper.component.mjs +0 -69
- package/esm2022/lib/components/tabs/tabs.component.mjs +0 -210
- package/esm2022/lib/components/tile/tile.component.mjs +0 -70
- package/esm2022/lib/components/time-picker/time-picker.component.mjs +0 -59
- package/esm2022/lib/components/toggle-button/toggle-button.component.mjs +0 -76
- package/esm2022/lib/components/welcome/welcome.component.mjs +0 -85
- package/esm2022/lib/directives/file-upload/file-upload.directive.mjs +0 -85
- package/esm2022/lib/directives/focus-invalid-form-field/focus-invalid-form-field.directive.mjs +0 -34
- package/esm2022/lib/directives/observe-dom-change/observe-dom-change.directive.mjs +0 -54
- package/esm2022/lib/directives/set-background/set-background.directive.mjs +0 -53
- package/esm2022/lib/directives/text-truncated/text-truncated.directive.mjs +0 -72
- package/esm2022/lib/models/accordion-info.model.mjs +0 -14
- package/esm2022/lib/models/align-browsed-files.model.mjs +0 -7
- package/esm2022/lib/models/allowed-file-types.model.mjs +0 -8
- package/esm2022/lib/models/app-config-info.model.mjs +0 -2
- package/esm2022/lib/models/breadcrumb.model.mjs +0 -2
- package/esm2022/lib/models/button-type.model.mjs +0 -7
- package/esm2022/lib/models/card-button.model.mjs +0 -2
- package/esm2022/lib/models/card-info.model.mjs +0 -2
- package/esm2022/lib/models/chip-option.model.mjs +0 -21
- package/esm2022/lib/models/color-format.model.mjs +0 -13
- package/esm2022/lib/models/custom-properties.model.mjs +0 -14
- package/esm2022/lib/models/download-file.model.mjs +0 -2
- package/esm2022/lib/models/event-emit-type.model.mjs +0 -2
- package/esm2022/lib/models/export-format-popover.model.mjs +0 -10
- package/esm2022/lib/models/export-success-dialog.model.mjs +0 -2
- package/esm2022/lib/models/file-download-config.model.mjs +0 -2
- package/esm2022/lib/models/file-info.model.mjs +0 -2
- package/esm2022/lib/models/file-upload-payload-model.mjs +0 -2
- package/esm2022/lib/models/file-upload-presigned-url-res.model.mjs +0 -2
- package/esm2022/lib/models/file-upload-response.model.mjs +0 -2
- package/esm2022/lib/models/file-upload-status.model.mjs +0 -2
- package/esm2022/lib/models/filter-popover.model.mjs +0 -2
- package/esm2022/lib/models/filters-options.model.mjs +0 -2
- package/esm2022/lib/models/inactive-tenant.model.mjs +0 -2
- package/esm2022/lib/models/input-field-type.model.mjs +0 -8
- package/esm2022/lib/models/legend.model.mjs +0 -2
- package/esm2022/lib/models/link-type.model.mjs +0 -6
- package/esm2022/lib/models/list-item.model.mjs +0 -2
- package/esm2022/lib/models/menu.model.mjs +0 -2
- package/esm2022/lib/models/paginator-config.model.mjs +0 -2
- package/esm2022/lib/models/policy-confirmation-dialog.model.mjs +0 -2
- package/esm2022/lib/models/profile-menu.model.mjs +0 -8
- package/esm2022/lib/models/select-opened-state.model.mjs +0 -2
- package/esm2022/lib/models/selected-date.model.mjs +0 -2
- package/esm2022/lib/models/selected-time.model.mjs +0 -2
- package/esm2022/lib/models/slide-toggle-options.model.mjs +0 -2
- package/esm2022/lib/models/tab.model.mjs +0 -2
- package/esm2022/lib/models/table-actions.model.mjs +0 -2
- package/esm2022/lib/models/table-column-menu-info.model.mjs +0 -2
- package/esm2022/lib/models/table-schema.model.mjs +0 -20
- package/esm2022/lib/models/tile.model.mjs +0 -2
- package/esm2022/lib/pipes/safe.pipe.mjs +0 -44
- package/esm2022/lib/services/break-point-observer.service.mjs +0 -36
- package/esm2022/lib/services/file-upload.service.mjs +0 -378
- package/lib/components/accordion/accordion.component.d.ts +0 -30
- package/lib/components/add-form-group/add-form-group.component.d.ts +0 -19
- package/lib/components/breadcrumb/breadcrumb.component.d.ts +0 -61
- package/lib/components/card/card.component.d.ts +0 -39
- package/lib/components/chips/chips.component.d.ts +0 -374
- package/lib/components/color-picker/color-picker.component.d.ts +0 -88
- package/lib/components/data-table/data-table.component.d.ts +0 -326
- package/lib/components/export-format-popover/export-format-popover.component.d.ts +0 -45
- package/lib/components/export-success-dialog/export-success-dialog.component.d.ts +0 -24
- package/lib/components/file-download/file-download.component.d.ts +0 -383
- package/lib/components/file-upload/file-upload.component.d.ts +0 -522
- package/lib/components/filter/filter.component.d.ts +0 -113
- package/lib/components/filter-popover/filter-popover.component.d.ts +0 -84
- package/lib/components/footer/footer.component.d.ts +0 -37
- package/lib/components/form-support-text/form-support-text.component.d.ts +0 -32
- package/lib/components/header/header.component.d.ts +0 -86
- package/lib/components/icon-button/icon-button.component.d.ts +0 -21
- package/lib/components/image-preview/image-preview.component.d.ts +0 -11
- package/lib/components/inactive-tenant/inactive-tenant.component.d.ts +0 -21
- package/lib/components/legend/legend.component.d.ts +0 -13
- package/lib/components/list/list.component.d.ts +0 -95
- package/lib/components/loader/loader.component.d.ts +0 -7
- package/lib/components/menu/menu.component.d.ts +0 -36
- package/lib/components/modal/modal.component.d.ts +0 -75
- package/lib/components/modal-confirmation/modal-confirmation.component.d.ts +0 -24
- package/lib/components/modal-info/modal-info.component.d.ts +0 -23
- package/lib/components/multi-select-autocomplete/multi-select-autocomplete.component.d.ts +0 -130
- package/lib/components/navigation-menu/navigation-menu.component.d.ts +0 -45
- package/lib/components/policy-confirmation-dialog/policy-confirmation-dialog.component.d.ts +0 -46
- package/lib/components/rich-text-editor/rich-text-editor.component.d.ts +0 -75
- package/lib/components/slide-toggle/slide-toggle.component.d.ts +0 -45
- package/lib/components/stepper/stepper.component.d.ts +0 -46
- package/lib/components/tabs/tabs.component.d.ts +0 -86
- package/lib/components/tile/tile.component.d.ts +0 -39
- package/lib/components/time-picker/time-picker.component.d.ts +0 -20
- package/lib/components/toggle-button/toggle-button.component.d.ts +0 -51
- package/lib/components/welcome/welcome.component.d.ts +0 -41
- package/lib/directives/file-upload/file-upload.directive.d.ts +0 -42
- package/lib/directives/focus-invalid-form-field/focus-invalid-form-field.directive.d.ts +0 -18
- package/lib/directives/observe-dom-change/observe-dom-change.directive.d.ts +0 -23
- package/lib/directives/set-background/set-background.directive.d.ts +0 -28
- package/lib/directives/text-truncated/text-truncated.directive.d.ts +0 -30
- package/lib/models/accordion-info.model.d.ts +0 -12
- package/lib/models/align-browsed-files.model.d.ts +0 -4
- package/lib/models/allowed-file-types.model.d.ts +0 -5
- package/lib/models/app-config-info.model.d.ts +0 -16
- package/lib/models/breadcrumb.model.d.ts +0 -6
- package/lib/models/button-type.model.d.ts +0 -4
- package/lib/models/card-button.model.d.ts +0 -6
- package/lib/models/card-info.model.d.ts +0 -8
- package/lib/models/chip-option.model.d.ts +0 -25
- package/lib/models/color-format.model.d.ts +0 -13
- package/lib/models/custom-properties.model.d.ts +0 -11
- package/lib/models/download-file.model.d.ts +0 -4
- package/lib/models/event-emit-type.model.d.ts +0 -5
- package/lib/models/export-format-popover.model.d.ts +0 -15
- package/lib/models/export-success-dialog.model.d.ts +0 -8
- package/lib/models/file-download-config.model.d.ts +0 -9
- package/lib/models/file-info.model.d.ts +0 -12
- package/lib/models/file-upload-payload-model.d.ts +0 -10
- package/lib/models/file-upload-presigned-url-res.model.d.ts +0 -35
- package/lib/models/file-upload-response.model.d.ts +0 -13
- package/lib/models/file-upload-status.model.d.ts +0 -8
- package/lib/models/filter-popover.model.d.ts +0 -24
- package/lib/models/filters-options.model.d.ts +0 -4
- package/lib/models/inactive-tenant.model.d.ts +0 -5
- package/lib/models/input-field-type.model.d.ts +0 -5
- package/lib/models/legend.model.d.ts +0 -6
- package/lib/models/link-type.model.d.ts +0 -3
- package/lib/models/list-item.model.d.ts +0 -24
- package/lib/models/menu.model.d.ts +0 -9
- package/lib/models/paginator-config.model.d.ts +0 -5
- package/lib/models/policy-confirmation-dialog.model.d.ts +0 -13
- package/lib/models/profile-menu.model.d.ts +0 -4
- package/lib/models/select-opened-state.model.d.ts +0 -4
- package/lib/models/selected-date.model.d.ts +0 -4
- package/lib/models/selected-time.model.d.ts +0 -4
- package/lib/models/slide-toggle-options.model.d.ts +0 -6
- package/lib/models/tab.model.d.ts +0 -6
- package/lib/models/table-actions.model.d.ts +0 -8
- package/lib/models/table-column-menu-info.model.d.ts +0 -6
- package/lib/models/table-schema.model.d.ts +0 -32
- package/lib/models/tile.model.d.ts +0 -12
- package/lib/pipes/safe.pipe.d.ts +0 -16
- package/lib/services/break-point-observer.service.d.ts +0 -21
- package/lib/services/file-upload.service.d.ts +0 -462
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { Subject } from 'rxjs';
|
|
3
3
|
import { FormGroup } from '@angular/forms';
|
|
4
4
|
import { FieldConfig } from '../../models/field-config.model';
|
|
5
5
|
import { FormField } from '../../models/form-field.model';
|
|
6
6
|
import { AutoCompleteOption } from '../../models/autocomplete-option.model';
|
|
7
|
-
import { SelectOption } from '
|
|
7
|
+
import { SelectOption } from '../../models/select-option.model';
|
|
8
8
|
import { FormUtilityService } from '../../services/form-utility.service';
|
|
9
9
|
import * as i0 from "@angular/core";
|
|
10
10
|
/**
|
|
@@ -15,21 +15,19 @@ import * as i0 from "@angular/core";
|
|
|
15
15
|
* @implements {FormField}
|
|
16
16
|
* @implements {OnDestroy}
|
|
17
17
|
*/
|
|
18
|
-
export declare class AutocompleteComponent implements OnInit, FormField, OnDestroy
|
|
18
|
+
export declare class AutocompleteComponent implements OnInit, FormField, OnDestroy {
|
|
19
19
|
private formUtilityService;
|
|
20
20
|
config: FieldConfig;
|
|
21
21
|
group: FormGroup;
|
|
22
22
|
value: string;
|
|
23
|
-
|
|
24
|
-
set autoCompleteOptions(value: AutoCompleteOption[]);
|
|
25
|
-
get autoCompleteOptions(): AutoCompleteOption[];
|
|
23
|
+
filteredOptions: AutoCompleteOption[];
|
|
26
24
|
isSelectedOptionsVisible: boolean;
|
|
27
25
|
autoCompleteSearchValue: EventEmitter<string>;
|
|
28
|
-
|
|
29
|
-
autoCompleteOptionSelected: EventEmitter<AutoCompleteOption>;
|
|
26
|
+
autoCompleteOptionSelected: EventEmitter<string>;
|
|
30
27
|
autoComplete: ElementRef;
|
|
31
28
|
destroy$: Subject<boolean>;
|
|
32
29
|
autocompleteConstInfo: any;
|
|
30
|
+
optionsToFilter: AutoCompleteOption[];
|
|
33
31
|
constructor(formUtilityService: FormUtilityService);
|
|
34
32
|
/**
|
|
35
33
|
* Implementation of ngOnInit lifecycle hook method to initialize components instance properties.
|
|
@@ -37,29 +35,17 @@ export declare class AutocompleteComponent implements OnInit, FormField, OnDestr
|
|
|
37
35
|
*/
|
|
38
36
|
ngOnInit(): void;
|
|
39
37
|
/**
|
|
40
|
-
*
|
|
38
|
+
* Filters the options on form control value changes.
|
|
41
39
|
* @memberof AutocompleteComponent
|
|
42
40
|
*/
|
|
43
|
-
|
|
41
|
+
filterOptions(): void;
|
|
44
42
|
/**
|
|
45
|
-
* Emits
|
|
43
|
+
* Emits the selected option name when the form on change event is triggered and returns option name.
|
|
44
|
+
* @param {AutoCompleteOption} data // data is an selected option of filteredOptions.
|
|
45
|
+
* @return {string} // Returns selected option name as string
|
|
46
46
|
* @memberof AutocompleteComponent
|
|
47
47
|
*/
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* Emits the selected option when the form on change event is triggered and returns option.
|
|
51
|
-
* @param {AutoCompleteOption} data // data is an selected option of autoCompleteOptions.
|
|
52
|
-
* @return {AutoCompleteOption} // Returns selected option as AutoCompleteOption
|
|
53
|
-
* @memberof AutocompleteComponent
|
|
54
|
-
*/
|
|
55
|
-
onChange(data: AutoCompleteOption): AutoCompleteOption;
|
|
56
|
-
/**
|
|
57
|
-
* Display the selected option name
|
|
58
|
-
* @param {AutoCompleteOption} option
|
|
59
|
-
* @return {string}
|
|
60
|
-
* @memberof AutocompleteComponent
|
|
61
|
-
*/
|
|
62
|
-
displayOptionName(option: AutoCompleteOption): string;
|
|
48
|
+
onChange(data: AutoCompleteOption): string;
|
|
63
49
|
/**
|
|
64
50
|
* Takes the index and the current item as arguments and needs to return the unique identifier for this item.
|
|
65
51
|
* @param {number} index
|
|
@@ -74,5 +60,5 @@ export declare class AutocompleteComponent implements OnInit, FormField, OnDestr
|
|
|
74
60
|
*/
|
|
75
61
|
ngOnDestroy(): void;
|
|
76
62
|
static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
|
|
77
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ieeesa-autocomplete", never, { "
|
|
63
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ieeesa-autocomplete", never, { "filteredOptions": { "alias": "filteredOptions"; "required": false; }; "isSelectedOptionsVisible": { "alias": "isSelectedOptionsVisible"; "required": false; }; }, { "autoCompleteSearchValue": "autoCompleteSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; }, never, never, true, never>;
|
|
78
64
|
}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { EventEmitter, OnInit
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
2
|
import { FormGroup } from '@angular/forms';
|
|
3
|
-
import { SelectionModel } from '@angular/cdk/collections';
|
|
4
|
-
import { Subject } from 'rxjs';
|
|
5
3
|
import { FieldConfig } from '../../models/field-config.model';
|
|
6
4
|
import { FormField } from '../../models/form-field.model';
|
|
7
|
-
import { CheckboxOption
|
|
5
|
+
import { CheckboxOption } from '../../models/checkbox-option.model';
|
|
8
6
|
import { FormUtilityService } from '../../services/form-utility.service';
|
|
9
7
|
import * as i0 from "@angular/core";
|
|
10
8
|
/**
|
|
@@ -14,12 +12,11 @@ import * as i0 from "@angular/core";
|
|
|
14
12
|
* @implements {OnInit}
|
|
15
13
|
* @implements {FormField}
|
|
16
14
|
*/
|
|
17
|
-
export declare class CheckboxComponent implements OnInit, FormField
|
|
15
|
+
export declare class CheckboxComponent implements OnInit, FormField {
|
|
18
16
|
private formUtilityService;
|
|
19
17
|
config: FieldConfig;
|
|
20
18
|
group: FormGroup;
|
|
21
19
|
private _checkboxes;
|
|
22
|
-
isLabelNeeded: boolean;
|
|
23
20
|
/**
|
|
24
21
|
* Input property to get checkbox options.
|
|
25
22
|
* @memberof CheckboxComponent
|
|
@@ -27,25 +24,13 @@ export declare class CheckboxComponent implements OnInit, FormField, OnDestroy {
|
|
|
27
24
|
*/
|
|
28
25
|
set checkboxes(value: CheckboxOption[]);
|
|
29
26
|
get checkboxes(): CheckboxOption[];
|
|
30
|
-
set recreateCheckboxOptionsControl(value: CheckboxOption[]);
|
|
31
|
-
selectedCheckboxesInfo: SelectionModel<CheckboxOption>;
|
|
32
27
|
checkboxSelection: EventEmitter<CheckboxOption>;
|
|
33
|
-
checkboxOptionsAndSelection: EventEmitter<CheckboxOption[]>;
|
|
34
|
-
selectedCheckboxes: EventEmitter<CheckboxOption[]>;
|
|
35
|
-
ctaButtonClick: EventEmitter<IconButton>;
|
|
36
|
-
destroy$: Subject<boolean>;
|
|
37
28
|
constructor(formUtilityService: FormUtilityService);
|
|
38
29
|
/**
|
|
39
|
-
* Implementation of ngOnInit lifecycle hook method of component to initialize component instance properties
|
|
40
|
-
* and emits whenever the checkboxes selection state changes
|
|
30
|
+
* Implementation of ngOnInit lifecycle hook method of component to initialize component instance properties.
|
|
41
31
|
* @memberof CheckboxComponent
|
|
42
32
|
*/
|
|
43
33
|
ngOnInit(): void;
|
|
44
|
-
/**
|
|
45
|
-
* Recreate form controls whenever the new set of checkboxes are loaded when component is already initialized
|
|
46
|
-
* @memberof CheckboxComponent
|
|
47
|
-
*/
|
|
48
|
-
recreateFormControl(): void;
|
|
49
34
|
/**
|
|
50
35
|
* Creates form group and initializes components properties from config.
|
|
51
36
|
* @memberof CheckboxComponent
|
|
@@ -64,18 +49,7 @@ export declare class CheckboxComponent implements OnInit, FormField, OnDestroy {
|
|
|
64
49
|
* @return {number}
|
|
65
50
|
* @memberof CheckboxComponent
|
|
66
51
|
*/
|
|
67
|
-
trackById(index: number, option: CheckboxOption
|
|
68
|
-
/**
|
|
69
|
-
* Emits ctaButtonClick event along with clicked button information.
|
|
70
|
-
* @param {IconButton} event
|
|
71
|
-
* @memberof CheckboxComponent
|
|
72
|
-
*/
|
|
73
|
-
onCheckboxCTAButtonClick(event: IconButton): void;
|
|
74
|
-
/**
|
|
75
|
-
* NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
|
|
76
|
-
* @memberof CheckboxComponent
|
|
77
|
-
*/
|
|
78
|
-
ngOnDestroy(): void;
|
|
52
|
+
trackById(index: number, option: CheckboxOption): number | string;
|
|
79
53
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
80
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ieeesa-checkbox", never, { "
|
|
54
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ieeesa-checkbox", never, { "checkboxes": { "alias": "checkboxes"; "required": false; }; }, { "checkboxSelection": "checkboxSelection"; }, never, never, true, never>;
|
|
81
55
|
}
|
|
@@ -7,7 +7,6 @@ import { CalendarType } from '../../models/calendar.model';
|
|
|
7
7
|
import { DatepickerService } from '../../services/datepicker.service';
|
|
8
8
|
import { FormField } from '../../models/form-field.model';
|
|
9
9
|
import { FormUtilityService } from '../../services/form-utility.service';
|
|
10
|
-
import { SelectedDate } from '../../models/selected-date.model';
|
|
11
10
|
import * as i0 from "@angular/core";
|
|
12
11
|
export declare class CustomDateAdapter extends MomentDateAdapter {
|
|
13
12
|
/**
|
|
@@ -72,9 +71,7 @@ export declare class DatePickerComponent implements FormField, OnInit {
|
|
|
72
71
|
minDate: string;
|
|
73
72
|
maxDate: string;
|
|
74
73
|
};
|
|
75
|
-
|
|
76
|
-
maxDate: Date | moment.Moment;
|
|
77
|
-
selectedDate: EventEmitter<SelectedDate>;
|
|
74
|
+
selectedDate: EventEmitter<string>;
|
|
78
75
|
selectedDateRange: EventEmitter<{
|
|
79
76
|
startDate: string;
|
|
80
77
|
endDate: string;
|
|
@@ -128,12 +125,6 @@ export declare class DatePickerComponent implements FormField, OnInit {
|
|
|
128
125
|
* @memberof DatePickerComponent
|
|
129
126
|
*/
|
|
130
127
|
isRequired(): boolean;
|
|
131
|
-
/**
|
|
132
|
-
* Sets the updated selected date using datepicker service which will be shown in datepicker header
|
|
133
|
-
* @param {string} controlName
|
|
134
|
-
* @memberof DatePickerComponent
|
|
135
|
-
*/
|
|
136
|
-
onDatePickerOpen(controlName: string): void;
|
|
137
128
|
static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
|
|
138
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "ieeesa-date-picker", never, { "selectedDates": { "alias": "selectedDates"; "required": false; }; "selectedRange": { "alias": "selectedRange"; "required": false; }; "calendarType": { "alias": "calendarType"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isLabelAlignedLeft": { "alias": "isLabelAlignedLeft"; "required": false; }; "datepickerLabel": { "alias": "datepickerLabel"; "required": false; }; "dateRange": { "alias": "dateRange"; "required": false; };
|
|
129
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "ieeesa-date-picker", never, { "selectedDates": { "alias": "selectedDates"; "required": false; }; "selectedRange": { "alias": "selectedRange"; "required": false; }; "calendarType": { "alias": "calendarType"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isLabelAlignedLeft": { "alias": "isLabelAlignedLeft"; "required": false; }; "datepickerLabel": { "alias": "datepickerLabel"; "required": false; }; "dateRange": { "alias": "dateRange"; "required": false; }; }, { "selectedDate": "selectedDate"; "selectedDateRange": "selectedDateRange"; }, never, never, true, never>;
|
|
139
130
|
}
|
|
@@ -1,19 +1,9 @@
|
|
|
1
|
-
import { AfterContentInit,
|
|
2
|
-
import {
|
|
1
|
+
import { AfterContentInit, EventEmitter, OnInit, QueryList } from '@angular/core';
|
|
2
|
+
import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
|
|
3
3
|
import { FormModel } from '../../models/form.model';
|
|
4
4
|
import { FieldConfig } from '../../models/field-config.model';
|
|
5
5
|
import { FormGrid } from '../../models/form-grid.model';
|
|
6
6
|
import { DynamicFormFieldDirective } from '../../directives/dynamic-form-field/dynamic-form-field.directive';
|
|
7
|
-
import { AlignType, IconButton, CheckboxOption } from '@ieeesa-npm/models';
|
|
8
|
-
import { SelectedDate } from '../../models/selected-date.model';
|
|
9
|
-
import { SelectedTime } from '../../models/selected-time.model';
|
|
10
|
-
import { LinkEventEmitType } from '../../models/event-emit-type.model';
|
|
11
|
-
import { SlideToggleOption } from '../../models/slide-toggle-options.model';
|
|
12
|
-
import { SelectOpenedState } from '../../models/select-opened-state.model';
|
|
13
|
-
import { RadioOption } from '../../models/radio-option.model';
|
|
14
|
-
import { AutoCompleteOption } from '../../models/autocomplete-option.model';
|
|
15
|
-
import { FileUploadStatus } from '../../models/file-upload-status.model';
|
|
16
|
-
import { FileDownloadAndDeleteConfig } from '../../models/file-download-config.model';
|
|
17
7
|
import * as i0 from "@angular/core";
|
|
18
8
|
/**
|
|
19
9
|
* Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
|
|
@@ -22,9 +12,8 @@ import * as i0 from "@angular/core";
|
|
|
22
12
|
* @implements {OnInit}
|
|
23
13
|
* @implements {AfterContentInit}
|
|
24
14
|
*/
|
|
25
|
-
export declare class DynamicFormComponent implements OnInit, AfterContentInit
|
|
15
|
+
export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
26
16
|
private fb;
|
|
27
|
-
private elementRef;
|
|
28
17
|
formFields: QueryList<DynamicFormFieldDirective>;
|
|
29
18
|
private _formGroups;
|
|
30
19
|
/**
|
|
@@ -47,9 +36,6 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit, A
|
|
|
47
36
|
*/
|
|
48
37
|
set searchResponse(value: any);
|
|
49
38
|
get searchResponse(): any;
|
|
50
|
-
private _fileUploadStatus;
|
|
51
|
-
get fileUploadStatus(): FileUploadStatus;
|
|
52
|
-
set fileUploadStatus(value: FileUploadStatus);
|
|
53
39
|
colWidth: FormGrid;
|
|
54
40
|
isLegendVisible: boolean;
|
|
55
41
|
rightButtonLabel: string;
|
|
@@ -57,12 +43,6 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit, A
|
|
|
57
43
|
isSubmitButtonDisabled: boolean;
|
|
58
44
|
isLeftButtonDisabled: boolean;
|
|
59
45
|
isLeftButtonNeeded: boolean;
|
|
60
|
-
isRightButtonNeeded: boolean;
|
|
61
|
-
actionButtonAlign: AlignType;
|
|
62
|
-
private _fileDownloadAndDeleteConfig;
|
|
63
|
-
set fileDownloadAndDeleteConfig(value: FileDownloadAndDeleteConfig);
|
|
64
|
-
get fileDownloadAndDeleteConfig(): FileDownloadAndDeleteConfig;
|
|
65
|
-
alignmentType: typeof AlignType;
|
|
66
46
|
formSubmit: EventEmitter<any>;
|
|
67
47
|
formChange: EventEmitter<any>;
|
|
68
48
|
formInput: EventEmitter<any>;
|
|
@@ -70,39 +50,24 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit, A
|
|
|
70
50
|
formSearchApply: EventEmitter<any>;
|
|
71
51
|
formGroupsReference: EventEmitter<FormGroup<any>[]>;
|
|
72
52
|
dropdownChange: EventEmitter<any>;
|
|
73
|
-
|
|
74
|
-
formDateSelected: EventEmitter<SelectedDate>;
|
|
53
|
+
formDateSelected: EventEmitter<string>;
|
|
75
54
|
formSelectSearch: EventEmitter<{
|
|
76
55
|
searchEvent: Event;
|
|
77
56
|
controlName: string;
|
|
78
57
|
}>;
|
|
79
58
|
formControlChange: EventEmitter<Event>;
|
|
80
|
-
formAutoCompleteSearch: EventEmitter<
|
|
81
|
-
formAutoCompleteClearSearchValue: EventEmitter<string>;
|
|
59
|
+
formAutoCompleteSearch: EventEmitter<Event>;
|
|
82
60
|
autoCompleteOptionSelected: EventEmitter<FormGroup<any>[]>;
|
|
83
61
|
formAfterContentInit: EventEmitter<FormGroup<any>[]>;
|
|
84
62
|
formSelectedDateRange: EventEmitter<{
|
|
85
63
|
startDate: string;
|
|
86
64
|
endDate: string;
|
|
87
65
|
}>;
|
|
88
|
-
addFormGroup: EventEmitter<Event>;
|
|
89
|
-
formTimeSelected: EventEmitter<SelectedTime>;
|
|
90
|
-
supportTextLinkClick: EventEmitter<LinkEventEmitType>;
|
|
91
|
-
formSlideToggleChange: EventEmitter<SlideToggleOption>;
|
|
92
|
-
formFileUpload: EventEmitter<File | FileList>;
|
|
93
|
-
dropdownOpenedChange: EventEmitter<SelectOpenedState>;
|
|
94
|
-
formColorPickerChange: EventEmitter<string>;
|
|
95
|
-
formRadioOptionSelected: EventEmitter<RadioOption>;
|
|
96
|
-
ctaButtonClick: EventEmitter<IconButton>;
|
|
97
|
-
formMultiSelectAutoCompleteSearch: EventEmitter<string>;
|
|
98
|
-
formMultiSelectAutoCompleteClearSearchValue: EventEmitter<string>;
|
|
99
|
-
multiSelectAutoCompleteOptionsSelected: EventEmitter<AutoCompleteOption[]>;
|
|
100
|
-
formRichTextEditorContentChange: EventEmitter<string>;
|
|
101
66
|
form: FormGroup;
|
|
102
67
|
formGroupArray: FormGroup[];
|
|
103
68
|
formControlArray: any[];
|
|
104
69
|
legendsArray: string[];
|
|
105
|
-
constructor(fb: FormBuilder
|
|
70
|
+
constructor(fb: FormBuilder);
|
|
106
71
|
/**
|
|
107
72
|
* Implementation of ngOnInit lifecycle hook method to create form group
|
|
108
73
|
* @memberof DynamicFormComponent
|
|
@@ -113,11 +78,6 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit, A
|
|
|
113
78
|
* @memberof DynamicFormComponent
|
|
114
79
|
*/
|
|
115
80
|
ngAfterContentInit(): void;
|
|
116
|
-
/**
|
|
117
|
-
* Sets the focus to the first field.
|
|
118
|
-
* @memberof DynamicFormComponent
|
|
119
|
-
*/
|
|
120
|
-
ngAfterViewInit(): void;
|
|
121
81
|
/**
|
|
122
82
|
* Creates form group on the basis of formGroups configuration input
|
|
123
83
|
* @return {void}
|
|
@@ -131,20 +91,6 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit, A
|
|
|
131
91
|
* @memberof DynamicFormComponent
|
|
132
92
|
*/
|
|
133
93
|
createGroup(controls: any[]): FormGroup;
|
|
134
|
-
/**
|
|
135
|
-
* Creates form array for Checkbox group and returns.
|
|
136
|
-
* @param {FieldConfig} controls
|
|
137
|
-
* @return {FormArray<any>}
|
|
138
|
-
* @memberof DynamicFormComponent
|
|
139
|
-
*/
|
|
140
|
-
createFormArray(controls: FieldConfig): FormArray<any>;
|
|
141
|
-
/**
|
|
142
|
-
* Custom validator to set required filed validation error for the checkbox field type based on the number of configured minimum checkbox options to be selected whenever the filed configured with required.
|
|
143
|
-
* @param {number} [minSelectionRequired=1]
|
|
144
|
-
* @return {*}
|
|
145
|
-
* @memberof DynamicFormComponent
|
|
146
|
-
*/
|
|
147
|
-
checkboxSelectionRequiredValidator(minSelectionRequired?: number): any;
|
|
148
94
|
/**
|
|
149
95
|
* Creates form control based on form field configuration
|
|
150
96
|
* @param {FieldConfig} control
|
|
@@ -204,16 +150,10 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit, A
|
|
|
204
150
|
};
|
|
205
151
|
/**
|
|
206
152
|
* Handles form date selection event
|
|
207
|
-
* @param {
|
|
208
|
-
* @memberof DynamicFormComponent
|
|
209
|
-
*/
|
|
210
|
-
onDateSelected(selectedDate: SelectedDate): void;
|
|
211
|
-
/**
|
|
212
|
-
* Handles form time selection event
|
|
213
|
-
* @param {SelectedTime} selectedTime
|
|
153
|
+
* @param {string[]} event
|
|
214
154
|
* @memberof DynamicFormComponent
|
|
215
155
|
*/
|
|
216
|
-
|
|
156
|
+
onDateSelected(event: string): void;
|
|
217
157
|
/**
|
|
218
158
|
* Emits selected form date range
|
|
219
159
|
* @param {{startDate: string, endDate: string}} dateRange
|
|
@@ -225,76 +165,15 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit, A
|
|
|
225
165
|
}): void;
|
|
226
166
|
/**
|
|
227
167
|
* Handles form field auto complete search event
|
|
228
|
-
* @param {
|
|
229
|
-
* @memberof DynamicFormComponent
|
|
230
|
-
*/
|
|
231
|
-
onAutoCompleteSearch(event: string): void;
|
|
232
|
-
/**
|
|
233
|
-
* Handles form field auto complete search clear event
|
|
234
|
-
* @param {string} event
|
|
235
|
-
* @memberof DynamicFormComponent
|
|
236
|
-
*/
|
|
237
|
-
onAutoCompleteClearSearchValue(event: string): void;
|
|
238
|
-
/**
|
|
239
|
-
* Handles form field checkbox selection event
|
|
240
|
-
* @param {CheckboxOption} option
|
|
168
|
+
* @param {Event} event
|
|
241
169
|
* @memberof DynamicFormComponent
|
|
242
170
|
*/
|
|
243
|
-
|
|
171
|
+
onAutoCompleteSearch(event: Event): void;
|
|
244
172
|
/**
|
|
245
173
|
* Handles form field auto complete option selection event
|
|
246
174
|
* @memberof DynamicFormComponent
|
|
247
175
|
*/
|
|
248
176
|
onAutoCompleteOptionSelected(): void;
|
|
249
|
-
/**
|
|
250
|
-
*
|
|
251
|
-
* Listens form field multi select auto complete search event and emits formMultiSelectAutoCompleteSearch event.
|
|
252
|
-
* @param {string} event
|
|
253
|
-
* @memberof DynamicFormComponent
|
|
254
|
-
*/
|
|
255
|
-
onMultiSelectAutoCompleteSearch(event: string): void;
|
|
256
|
-
/**
|
|
257
|
-
* Listens form field multi select auto complete search clear event and emits formMultiSelectAutoCompleteClearSearchValue event.
|
|
258
|
-
* @param {string} event
|
|
259
|
-
* @memberof DynamicFormComponent
|
|
260
|
-
*/
|
|
261
|
-
onMultiSelectAutoCompleteClearSearchValue(event: string): void;
|
|
262
|
-
/**
|
|
263
|
-
* Listens form field multi select auto complete option selection event and emits multiSelectAutoCompleteOptionSelected event.
|
|
264
|
-
* @param {AutoCompleteOption[]} event
|
|
265
|
-
* @memberof DynamicFormComponent
|
|
266
|
-
*/
|
|
267
|
-
onMultiSelectAutoCompleteOptionsSelected(event: AutoCompleteOption[]): void;
|
|
268
|
-
/**
|
|
269
|
-
* Handles form slide toggle event and emits formSlideToggleChange event.
|
|
270
|
-
* @param {SlideToggleOption} toggle
|
|
271
|
-
* @memberof DynamicFormComponent
|
|
272
|
-
*/
|
|
273
|
-
onFormSlideToggleChange(toggle: SlideToggleOption): void;
|
|
274
|
-
/**
|
|
275
|
-
* Handles form color picker event and emits formColorPickerChange event.
|
|
276
|
-
* @param {string} colorCode
|
|
277
|
-
* @memberof DynamicFormComponent
|
|
278
|
-
*/
|
|
279
|
-
onFormColorPickerChange(colorCode: string): void;
|
|
280
|
-
/**
|
|
281
|
-
* Handles form rich text editor event and emits formRichTextEditorContentChange event.
|
|
282
|
-
* @param {string} htmlMarkupText
|
|
283
|
-
* @memberof DynamicFormComponent
|
|
284
|
-
*/
|
|
285
|
-
onFormRichTextEditorContentChange(htmlMarkupText: string): void;
|
|
286
|
-
/**
|
|
287
|
-
* Handles file upload event and emits formFileUpload event
|
|
288
|
-
* @param {(File | FileList)} file
|
|
289
|
-
* @memberof DynamicFormComponent
|
|
290
|
-
*/
|
|
291
|
-
onFileUpload(file: File | FileList): void;
|
|
292
|
-
/**
|
|
293
|
-
* Handles form field radio button selection event
|
|
294
|
-
* @param {RadioOption} option
|
|
295
|
-
* @memberof DynamicFormComponent
|
|
296
|
-
*/
|
|
297
|
-
onRadioOptionSelection(option: RadioOption): void;
|
|
298
177
|
/**
|
|
299
178
|
* Converts passed control name in hyphenated css class name
|
|
300
179
|
* @param {string} className
|
|
@@ -302,31 +181,6 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit, A
|
|
|
302
181
|
* @memberof DynamicFormComponent
|
|
303
182
|
*/
|
|
304
183
|
getRowClassName(className: string): string;
|
|
305
|
-
/**
|
|
306
|
-
* Emits the addFormGroup event
|
|
307
|
-
* @param {Event} event
|
|
308
|
-
* @memberof DynamicFormComponent
|
|
309
|
-
*/
|
|
310
|
-
onAddFormGroup(event: Event): void;
|
|
311
|
-
/**
|
|
312
|
-
* Emits supportTextLinkClick event on click of form support text link
|
|
313
|
-
* @param {LinkEventEmitType} event
|
|
314
|
-
* @memberof DynamicFormComponent
|
|
315
|
-
*/
|
|
316
|
-
onSupportTextLinkClick(event: LinkEventEmitType): void;
|
|
317
|
-
/**
|
|
318
|
-
* Listens select form field dropdownOpenedChange event and emits dropdownOpenedChange event.
|
|
319
|
-
* @memberof DynamicFormComponent
|
|
320
|
-
* @param {SelectOpenedState} event
|
|
321
|
-
* @memberof DynamicFormComponent
|
|
322
|
-
*/
|
|
323
|
-
onDropdownOpenedChange(event: SelectOpenedState): void;
|
|
324
|
-
/**
|
|
325
|
-
* Emits ctaButtonClick event along with clicked button information.
|
|
326
|
-
* @param {IconButton} event
|
|
327
|
-
* @memberof DynamicFormComponent
|
|
328
|
-
*/
|
|
329
|
-
onCheckboxCTAButtonClick(event: IconButton): void;
|
|
330
184
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
|
|
331
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "
|
|
185
|
+
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; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; }, never, never, true, never>;
|
|
332
186
|
}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
1
|
import { FormGroup } from '@angular/forms';
|
|
3
2
|
import { FieldConfig } from '../../models/field-config.model';
|
|
4
3
|
import { FormField } from '../../models/form-field.model';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
5
|
/**
|
|
7
|
-
* Provides implementation of input type number
|
|
6
|
+
* Provides implementation of input type number and text
|
|
8
7
|
* @export
|
|
9
8
|
* @class InputComponent
|
|
10
9
|
* @implements {FormField}
|
|
@@ -14,7 +13,6 @@ export declare class InputComponent implements FormField {
|
|
|
14
13
|
group: FormGroup;
|
|
15
14
|
invalidChars: string[];
|
|
16
15
|
buttonActionsInfo: any;
|
|
17
|
-
inputValueChange: EventEmitter<string | number>;
|
|
18
16
|
/**
|
|
19
17
|
* Handles keyboard event of type keydown to restrict invalid characters.
|
|
20
18
|
* @param {KeyboardEvent} event
|
|
@@ -31,11 +29,6 @@ export declare class InputComponent implements FormField {
|
|
|
31
29
|
* @memberof InputComponent
|
|
32
30
|
*/
|
|
33
31
|
onChange(): void;
|
|
34
|
-
/**
|
|
35
|
-
* Returns input field type
|
|
36
|
-
* @memberof InputComponent
|
|
37
|
-
*/
|
|
38
|
-
getInputFieldType(): string;
|
|
39
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "ieeesa-input", never, {}, {
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "ieeesa-input", never, {}, {}, never, never, true, never>;
|
|
41
34
|
}
|
|
@@ -11,14 +11,11 @@ export declare class NotificationComponent {
|
|
|
11
11
|
content: string;
|
|
12
12
|
buttonLabel: string;
|
|
13
13
|
buttonIcon: boolean;
|
|
14
|
-
headingIconURL: string;
|
|
15
|
-
buttonIconURL: string;
|
|
16
14
|
notify: EventEmitter<any>;
|
|
17
|
-
safeType: string;
|
|
18
15
|
/**
|
|
19
16
|
* Emits the notify event on clicking notify button.
|
|
20
17
|
*/
|
|
21
18
|
onClick(): void;
|
|
22
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "ieeesa-notification", never, { "heading": { "alias": "heading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; };
|
|
20
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "ieeesa-notification", never, { "heading": { "alias": "heading"; "required": false; }; "title": { "alias": "title"; "required": false; }; "content": { "alias": "content"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "buttonIcon": { "alias": "buttonIcon"; "required": false; }; }, { "notify": "notify"; }, never, never, true, never>;
|
|
24
21
|
}
|
|
@@ -17,9 +17,7 @@ export declare class RadioComponent implements OnInit, FormField {
|
|
|
17
17
|
config: FieldConfig;
|
|
18
18
|
group: FormGroup;
|
|
19
19
|
formControlName: string;
|
|
20
|
-
|
|
21
|
-
set radioGroup(value: RadioOption[]);
|
|
22
|
-
get radioGroup(): RadioOption[];
|
|
20
|
+
radioGroup: RadioOption[];
|
|
23
21
|
isDisabled: boolean;
|
|
24
22
|
selectedRadioOption: EventEmitter<RadioOption>;
|
|
25
23
|
constructor(formUtilityService: FormUtilityService);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AfterViewInit,
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { Subject } from 'rxjs';
|
|
3
3
|
import { FormGroup } from '@angular/forms';
|
|
4
4
|
import { FieldConfig } from '../../models/field-config.model';
|
|
@@ -16,23 +16,19 @@ import * as i0 from "@angular/core";
|
|
|
16
16
|
* @implements {FormField}
|
|
17
17
|
*/
|
|
18
18
|
export declare class SearchComponent implements OnInit, AfterViewInit, OnDestroy, FormField {
|
|
19
|
-
private cd;
|
|
20
19
|
private formUtilityService;
|
|
21
20
|
config: FieldConfig;
|
|
22
21
|
group: FormGroup;
|
|
23
22
|
formControlName: string;
|
|
24
23
|
placeholderLabel: string;
|
|
25
|
-
searchTerm: string;
|
|
26
|
-
supportMessage: string;
|
|
27
24
|
searchType: SearchType;
|
|
25
|
+
searchTerm: string;
|
|
28
26
|
searchValue: EventEmitter<any>;
|
|
29
27
|
searchControl: ElementRef;
|
|
30
|
-
minCharacterToSearch: number;
|
|
31
28
|
searchResponse: string;
|
|
32
29
|
destroy$: Subject<boolean>;
|
|
33
30
|
searchInfo: any;
|
|
34
|
-
|
|
35
|
-
constructor(cd: ChangeDetectorRef, formUtilityService: FormUtilityService);
|
|
31
|
+
constructor(formUtilityService: FormUtilityService);
|
|
36
32
|
/**
|
|
37
33
|
* Implementation of ngOnInit lifecycle hook method to initialize config and form group if its undefined
|
|
38
34
|
* @memberof SearchComponent
|
|
@@ -60,16 +56,11 @@ export declare class SearchComponent implements OnInit, AfterViewInit, OnDestroy
|
|
|
60
56
|
* @memberof SearchComponent
|
|
61
57
|
*/
|
|
62
58
|
onSearchInputChange(): void;
|
|
63
|
-
/**
|
|
64
|
-
* Emits the searchValue event along with the searched term while clicking on the search icon
|
|
65
|
-
* @memberof SearchComponent
|
|
66
|
-
*/
|
|
67
|
-
onSearchClick(): void;
|
|
68
59
|
/**
|
|
69
60
|
* Implementation of ngOnDestroy lifecycle hook method to unsubscribe the open observable subscriptions.
|
|
70
61
|
* @memberof SearchComponent
|
|
71
62
|
*/
|
|
72
63
|
ngOnDestroy(): void;
|
|
73
64
|
static ɵfac: i0.ɵɵFactoryDeclaration<SearchComponent, never>;
|
|
74
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "ieeesa-search", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "
|
|
65
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "ieeesa-search", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchType": { "alias": "searchType"; "required": false; }; "searchTerm": { "alias": "searchTerm"; "required": false; }; }, { "searchValue": "searchValue"; }, never, never, true, never>;
|
|
75
66
|
}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { EventEmitter, OnInit, AfterViewInit, QueryList } from '@angular/core';
|
|
2
2
|
import { FormGroup } from '@angular/forms';
|
|
3
|
-
import { SelectOption } from '
|
|
3
|
+
import { SelectOption } from '../../models/select-option.model';
|
|
4
4
|
import { FieldConfig } from '../../models/field-config.model';
|
|
5
5
|
import { SearchType } from '../../models/search.model';
|
|
6
6
|
import { SearchComponent } from '../../components/search/search.component';
|
|
7
7
|
import { FormUtilityService } from '../../services/form-utility.service';
|
|
8
|
-
import { SelectOpenedState } from '../../models/select-opened-state.model';
|
|
9
8
|
import * as i0 from "@angular/core";
|
|
10
9
|
/**
|
|
11
10
|
* Component implementation supports select type of form filed and select type is configurable to support single selection or multi-selection with multilevel or single level.
|
|
@@ -27,7 +26,6 @@ export declare class SelectComponent implements OnInit, AfterViewInit {
|
|
|
27
26
|
private _dropdownOptions;
|
|
28
27
|
private _selectedOptions;
|
|
29
28
|
private _isSortNeeded;
|
|
30
|
-
private unsortedDropdownOptions;
|
|
31
29
|
/**
|
|
32
30
|
* Takes isSortNeeded as input to check if the passed options are sorted or not.
|
|
33
31
|
* @memberof SelectComponent
|
|
@@ -56,7 +54,6 @@ export declare class SelectComponent implements OnInit, AfterViewInit {
|
|
|
56
54
|
placeholderText: any;
|
|
57
55
|
optionSelected: EventEmitter<SelectOption>;
|
|
58
56
|
optionSearched: EventEmitter<string>;
|
|
59
|
-
dropdownOpenedChange: EventEmitter<SelectOpenedState>;
|
|
60
57
|
constructor(formUtilityService: FormUtilityService);
|
|
61
58
|
/**
|
|
62
59
|
* Initializes components instance properties from config if its defined otherwise creates form group and config.
|
|
@@ -115,5 +112,5 @@ export declare class SelectComponent implements OnInit, AfterViewInit {
|
|
|
115
112
|
*/
|
|
116
113
|
arraySorting(list: SelectOption[]): SelectOption[];
|
|
117
114
|
static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
|
|
118
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "ieeesa-select", never, { "isSortNeeded": { "alias": "isSortNeeded"; "required": false; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "isMultiLevel": { "alias": "isMultiLevel"; "required": false; }; "isLabelAlignedLeft": { "alias": "isLabelAlignedLeft"; "required": false; }; "selectLabel": { "alias": "selectLabel"; "required": false; }; "isMultiSelect": { "alias": "isMultiSelect"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isSearch": { "alias": "isSearch"; "required": false; }; "placeholderText": { "alias": "placeholderText"; "required": false; }; }, { "optionSelected": "optionSelected"; "optionSearched": "optionSearched";
|
|
115
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "ieeesa-select", never, { "isSortNeeded": { "alias": "isSortNeeded"; "required": false; }; "dropdownOptions": { "alias": "dropdownOptions"; "required": false; }; "selectedOptions": { "alias": "selectedOptions"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "isMultiLevel": { "alias": "isMultiLevel"; "required": false; }; "isLabelAlignedLeft": { "alias": "isLabelAlignedLeft"; "required": false; }; "selectLabel": { "alias": "selectLabel"; "required": false; }; "isMultiSelect": { "alias": "isMultiSelect"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isSearch": { "alias": "isSearch"; "required": false; }; "placeholderText": { "alias": "placeholderText"; "required": false; }; }, { "optionSelected": "optionSelected"; "optionSearched": "optionSearched"; }, never, never, true, never>;
|
|
119
116
|
}
|