@ieeesa-npm/presentation 0.11.1 → 0.11.3
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/autocomplete/autocomplete.component.mjs +2 -2
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +1 -1
- package/esm2022/lib/components/data-table/data-table.component.mjs +41 -9
- package/esm2022/lib/components/date-picker/date-picker.component.mjs +2 -2
- package/esm2022/lib/components/dynamic-form/dynamic-form.component.mjs +14 -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 +47 -6
- package/esm2022/lib/components/input/input.component.mjs +1 -1
- package/esm2022/lib/components/search/search.component.mjs +1 -1
- package/esm2022/lib/components/select/select.component.mjs +3 -3
- package/esm2022/lib/components/tabs/tabs.component.mjs +86 -0
- package/esm2022/lib/components/text-area/text-area.component.mjs +17 -5
- package/esm2022/lib/components/time-picker/time-picker.component.mjs +5 -4
- package/esm2022/lib/components/toggle-button/toggle-button.component.mjs +7 -7
- package/esm2022/lib/directives/dynamic-form-field/dynamic-form-field.directive.mjs +20 -4
- package/esm2022/lib/models/event-emit-type.model.mjs +2 -0
- package/esm2022/lib/models/field-config.model.mjs +1 -1
- package/esm2022/lib/models/form-control-types.model.mjs +1 -1
- package/esm2022/lib/models/link-type.model.mjs +6 -0
- package/esm2022/lib/models/tab.model.mjs +2 -0
- package/esm2022/lib/models/table-schema.model.mjs +2 -1
- package/esm2022/lib/models/toggle-button.model.mjs +1 -1
- package/esm2022/public-api.mjs +5 -1
- package/fesm2022/ieeesa-npm-presentation.mjs +238 -37
- package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
- package/lib/components/data-table/data-table.component.d.ts +21 -6
- package/lib/components/dynamic-form/dynamic-form.component.d.ts +9 -1
- package/lib/components/form-support-text/form-support-text.component.d.ts +24 -2
- package/lib/components/tabs/tabs.component.d.ts +44 -0
- package/lib/components/text-area/text-area.component.d.ts +10 -2
- package/lib/components/toggle-button/toggle-button.component.d.ts +2 -2
- package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts +3 -1
- package/lib/models/event-emit-type.model.d.ts +5 -0
- package/lib/models/field-config.model.d.ts +2 -0
- package/lib/models/link-type.model.d.ts +3 -0
- package/lib/models/tab.model.d.ts +5 -0
- package/lib/models/table-schema.model.d.ts +4 -1
- package/lib/models/toggle-button.model.d.ts +2 -0
- package/package.json +3 -3
- package/public-api.d.ts +4 -0
- package/src/lib/assets/constants.json +1 -1
|
@@ -13,6 +13,7 @@ import { TableActions } from '../../models/table-actions.model';
|
|
|
13
13
|
import { ChipOption } from '../../models/chip-option.model';
|
|
14
14
|
import { SearchType } from '../../models/search.model';
|
|
15
15
|
import { FiltersAndOptions } from '../../models/filters-options.model';
|
|
16
|
+
import { Menu } from '../../models/menu.model';
|
|
16
17
|
import * as i0 from "@angular/core";
|
|
17
18
|
/**
|
|
18
19
|
* Provides a Material Design styled data-table that can be used to display rows of data with sortBy, filterBy, add/edit/delete table row data, pagination, search table data.
|
|
@@ -32,8 +33,11 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
32
33
|
get columnSchemaInfo(): TableColumnSchema[];
|
|
33
34
|
constants: any;
|
|
34
35
|
tableActions: TableActions;
|
|
36
|
+
tableRowActions: Menu[];
|
|
35
37
|
caption: string;
|
|
36
|
-
|
|
38
|
+
private paginatorConfiguration;
|
|
39
|
+
set paginatorConfig(value: PaginatorConfig);
|
|
40
|
+
get paginatorConfig(): PaginatorConfig;
|
|
37
41
|
searchPlaceHolderText: string;
|
|
38
42
|
rowEditButton: IconButton;
|
|
39
43
|
rowDeleteButton: IconButton;
|
|
@@ -57,10 +61,9 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
57
61
|
rowLink: EventEmitter<any>;
|
|
58
62
|
addRow: EventEmitter<any>;
|
|
59
63
|
columnDataOnRowLinkClick: EventEmitter<any>;
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
}>;
|
|
64
|
+
menuActionClick: EventEmitter<any>;
|
|
65
|
+
selectActionMenu: EventEmitter<any>;
|
|
66
|
+
paginationChange: EventEmitter<PageEvent>;
|
|
64
67
|
selectedFilter: EventEmitter<ChipOption>;
|
|
65
68
|
removeFilteredOption: EventEmitter<any>;
|
|
66
69
|
filteredOptions: EventEmitter<FiltersAndOptions[]>;
|
|
@@ -101,6 +104,18 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
101
104
|
* @memberof DataTableComponent
|
|
102
105
|
*/
|
|
103
106
|
sortTableData(sort: Sort): void;
|
|
107
|
+
/**
|
|
108
|
+
* Handle edit actions method emits the clicked row data
|
|
109
|
+
* @param {*} row
|
|
110
|
+
* @memberof DataTableComponent
|
|
111
|
+
*/
|
|
112
|
+
onRowActionClick(row: any): void;
|
|
113
|
+
/**
|
|
114
|
+
* Menu item action method emits the clicked menu options
|
|
115
|
+
* @param {*} row
|
|
116
|
+
* @memberof DataTableComponent
|
|
117
|
+
*/
|
|
118
|
+
menuItemAction(row: any): void;
|
|
104
119
|
/**
|
|
105
120
|
* OnSelectClick method emits the rowSelected event with selected row data.
|
|
106
121
|
* @param {*} row
|
|
@@ -203,5 +218,5 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
|
|
|
203
218
|
*/
|
|
204
219
|
ngOnDestroy(): void;
|
|
205
220
|
static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
|
|
206
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "ieeesa-data-table", never, { "tableDataInfo": { "alias": "tableDataInfo"; "required": false; }; "columnSchemaInfo": { "alias": "columnSchemaInfo"; "required": false; }; "tableActions": { "alias": "tableActions"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "paginatorConfig": { "alias": "paginatorConfig"; "required": false; }; "searchPlaceHolderText": { "alias": "searchPlaceHolderText"; "required": false; }; "rowEditButton": { "alias": "rowEditButton"; "required": false; }; "rowDeleteButton": { "alias": "rowDeleteButton"; "required": false; }; "tableEditButton": { "alias": "tableEditButton"; "required": false; }; "tableDeleteButton": { "alias": "tableDeleteButton"; "required": false; }; "addButton": { "alias": "addButton"; "required": false; }; "defaultColumnSortDirection": { "alias": "defaultColumnSortDirection"; "required": false; }; "defaultSortedColumn": { "alias": "defaultSortedColumn"; "required": false; }; "isClearSortNeeded": { "alias": "isClearSortNeeded"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "selectedFilterOptions": { "alias": "selectedFilterOptions"; "required": false; }; "appliedFilterOptions": { "alias": "appliedFilterOptions"; "required": false; }; "searchType": { "alias": "searchType"; "required": false; }; "className": { "alias": "className"; "required": false; }; "inbuiltSortingNeeded": { "alias": "inbuiltSortingNeeded"; "required": false; }; "isCellTextOverflowEllipsis": { "alias": "isCellTextOverflowEllipsis"; "required": false; }; }, { "rowSelected": "rowSelected"; "selectedRowToEdit": "selectedRowToEdit"; "selectedRowToDelete": "selectedRowToDelete"; "selectedRowsToDelete": "selectedRowsToDelete"; "rowLink": "rowLink"; "addRow": "addRow"; "columnDataOnRowLinkClick": "columnDataOnRowLinkClick"; "paginationChange": "paginationChange"; "selectedFilter": "selectedFilter"; "removeFilteredOption": "removeFilteredOption"; "filteredOptions": "filteredOptions"; "searchedValue": "searchedValue"; "sortChange": "sortChange"; }, never, never, true, never>;
|
|
221
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<DataTableComponent, "ieeesa-data-table", never, { "tableDataInfo": { "alias": "tableDataInfo"; "required": false; }; "columnSchemaInfo": { "alias": "columnSchemaInfo"; "required": false; }; "tableActions": { "alias": "tableActions"; "required": false; }; "tableRowActions": { "alias": "tableRowActions"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "paginatorConfig": { "alias": "paginatorConfig"; "required": false; }; "searchPlaceHolderText": { "alias": "searchPlaceHolderText"; "required": false; }; "rowEditButton": { "alias": "rowEditButton"; "required": false; }; "rowDeleteButton": { "alias": "rowDeleteButton"; "required": false; }; "tableEditButton": { "alias": "tableEditButton"; "required": false; }; "tableDeleteButton": { "alias": "tableDeleteButton"; "required": false; }; "addButton": { "alias": "addButton"; "required": false; }; "defaultColumnSortDirection": { "alias": "defaultColumnSortDirection"; "required": false; }; "defaultSortedColumn": { "alias": "defaultSortedColumn"; "required": false; }; "isClearSortNeeded": { "alias": "isClearSortNeeded"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "selectedFilterOptions": { "alias": "selectedFilterOptions"; "required": false; }; "appliedFilterOptions": { "alias": "appliedFilterOptions"; "required": false; }; "searchType": { "alias": "searchType"; "required": false; }; "className": { "alias": "className"; "required": false; }; "inbuiltSortingNeeded": { "alias": "inbuiltSortingNeeded"; "required": false; }; "isCellTextOverflowEllipsis": { "alias": "isCellTextOverflowEllipsis"; "required": false; }; }, { "rowSelected": "rowSelected"; "selectedRowToEdit": "selectedRowToEdit"; "selectedRowToDelete": "selectedRowToDelete"; "selectedRowsToDelete": "selectedRowsToDelete"; "rowLink": "rowLink"; "addRow": "addRow"; "columnDataOnRowLinkClick": "columnDataOnRowLinkClick"; "menuActionClick": "menuActionClick"; "selectActionMenu": "selectActionMenu"; "paginationChange": "paginationChange"; "selectedFilter": "selectedFilter"; "removeFilteredOption": "removeFilteredOption"; "filteredOptions": "filteredOptions"; "searchedValue": "searchedValue"; "sortChange": "sortChange"; }, never, never, true, never>;
|
|
207
222
|
}
|
|
@@ -8,6 +8,7 @@ import { AlignType } from '../../models/align-type.model';
|
|
|
8
8
|
import { CheckboxOption } from '../../models/checkbox-option.model';
|
|
9
9
|
import { SelectedDate } from '../../models/selected-date.model';
|
|
10
10
|
import { SelectedTime } from '../../models/selected-time.model';
|
|
11
|
+
import { LinkEventEmitType } from '../../models/event-emit-type.model';
|
|
11
12
|
import * as i0 from "@angular/core";
|
|
12
13
|
/**
|
|
13
14
|
* Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
|
|
@@ -73,6 +74,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
|
73
74
|
}>;
|
|
74
75
|
addFormGroup: EventEmitter<Event>;
|
|
75
76
|
formTimeSelected: EventEmitter<SelectedTime>;
|
|
77
|
+
supportTextLinkClick: EventEmitter<LinkEventEmitType>;
|
|
76
78
|
form: FormGroup;
|
|
77
79
|
formGroupArray: FormGroup[];
|
|
78
80
|
formControlArray: any[];
|
|
@@ -229,6 +231,12 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
|
|
|
229
231
|
* @memberof DynamicFormComponent
|
|
230
232
|
*/
|
|
231
233
|
onAddFormGroup(event: Event): void;
|
|
234
|
+
/**
|
|
235
|
+
* Emits supportTextLinkClick event on click of form support text link
|
|
236
|
+
* @param {LinkEventEmitType} event
|
|
237
|
+
* @memberof DynamicFormComponent
|
|
238
|
+
*/
|
|
239
|
+
onSupportTextLinkClick(event: LinkEventEmitType): void;
|
|
232
240
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
|
|
233
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DynamicFormComponent, "ieeesa-dynamic-form", ["dynamicForm"], { "formGroups": { "alias": "formGroups"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; "colWidth": { "alias": "colWidth"; "required": false; }; "isLegendVisible": { "alias": "isLegendVisible"; "required": false; }; "rightButtonLabel": { "alias": "rightButtonLabel"; "required": false; }; "leftButtonLabel": { "alias": "leftButtonLabel"; "required": false; }; "isSubmitButtonDisabled": { "alias": "isSubmitButtonDisabled"; "required": false; }; "isLeftButtonDisabled": { "alias": "isLeftButtonDisabled"; "required": false; }; "isLeftButtonNeeded": { "alias": "isLeftButtonNeeded"; "required": false; }; "actionButtonAlign": { "alias": "actionButtonAlign"; "required": false; }; }, { "formSubmit": "formSubmit"; "formChange": "formChange"; "formInput": "formInput"; "formLeftButtonClicked": "formLeftButtonClicked"; "formSearchApply": "formSearchApply"; "formGroupsReference": "formGroupsReference"; "dropdownChange": "dropdownChange"; "formCheckboxSelection": "formCheckboxSelection"; "formDateSelected": "formDateSelected"; "formSelectSearch": "formSelectSearch"; "formControlChange": "formControlChange"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "formAutoCompleteClearSearchValue": "formAutoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formAfterContentInit": "formAfterContentInit"; "formSelectedDateRange": "formSelectedDateRange"; "addFormGroup": "addFormGroup"; "formTimeSelected": "formTimeSelected"; }, never, never, true, never>;
|
|
241
|
+
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"; "supportTextLinkClick": "supportTextLinkClick"; }, never, never, true, never>;
|
|
234
242
|
}
|
|
@@ -1,10 +1,32 @@
|
|
|
1
|
+
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
|
|
1
2
|
import { FormGroup } from '@angular/forms';
|
|
2
3
|
import { FieldConfig } from '../../models/field-config.model';
|
|
4
|
+
import { LinkEventEmitType } from '../../models/event-emit-type.model';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class FormSupportTextComponent {
|
|
6
|
+
export declare class FormSupportTextComponent implements OnDestroy, AfterViewInit {
|
|
7
|
+
elementRef: ElementRef;
|
|
5
8
|
formGroup: FormGroup;
|
|
6
9
|
config: FieldConfig;
|
|
7
10
|
safeType: string;
|
|
11
|
+
supportTextLinkClick: EventEmitter<LinkEventEmitType>;
|
|
12
|
+
constructor(elementRef: ElementRef);
|
|
13
|
+
/**
|
|
14
|
+
* Emits supportTextLinkClick event on click of form support text link
|
|
15
|
+
* Passes linkType if available
|
|
16
|
+
* @param {Event} event
|
|
17
|
+
* @memberof FormSupportTextComponent
|
|
18
|
+
*/
|
|
19
|
+
onAnchorElementClick(event: Event): void;
|
|
20
|
+
/**
|
|
21
|
+
* Adds click event to the anchor tags using querySelectorAll
|
|
22
|
+
* @memberof FormSupportTextComponent
|
|
23
|
+
*/
|
|
24
|
+
ngAfterViewInit(): void;
|
|
25
|
+
/**
|
|
26
|
+
* Removing the event listeners on destroy
|
|
27
|
+
* @memberof FormSupportTextComponent
|
|
28
|
+
*/
|
|
29
|
+
ngOnDestroy(): void;
|
|
8
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<FormSupportTextComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FormSupportTextComponent, "ieeesa-form-support-text", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FormSupportTextComponent, "ieeesa-form-support-text", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "supportTextLinkClick": "supportTextLinkClick"; }, never, never, true, never>;
|
|
10
32
|
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { ComponentRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
|
|
2
|
+
import { Tab } from '../../models/tab.model';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TabsComponent implements OnInit, OnDestroy {
|
|
5
|
+
componentContainer: ViewContainerRef;
|
|
6
|
+
componentRef: ComponentRef<any>;
|
|
7
|
+
isComponentLoaded: boolean;
|
|
8
|
+
selectedTabIndex: number;
|
|
9
|
+
private _tabs;
|
|
10
|
+
set tabs(tab: Tab[]);
|
|
11
|
+
get tabs(): Tab[];
|
|
12
|
+
/**
|
|
13
|
+
* Verifies tabs count and calls createComponent() to load selected component
|
|
14
|
+
* @memberof TabsComponent
|
|
15
|
+
*/
|
|
16
|
+
ngOnInit(): void;
|
|
17
|
+
/**
|
|
18
|
+
* Loads the respective component on tab change event when componentRef is available.
|
|
19
|
+
* @param {number} index
|
|
20
|
+
* @memberof TabsComponent
|
|
21
|
+
*/
|
|
22
|
+
onTabChange(index: number): void;
|
|
23
|
+
/**
|
|
24
|
+
* Dynamically loads the component in the DOM container based on the passed tab and clears the previously loaded component before loading the new one
|
|
25
|
+
* @param {Tab} tab
|
|
26
|
+
* @memberof TabsComponent
|
|
27
|
+
*/
|
|
28
|
+
createComponent(tab: Tab): void;
|
|
29
|
+
/**
|
|
30
|
+
* Returns unique identifier for the tab.
|
|
31
|
+
* @param {number} index
|
|
32
|
+
* @param {Tab} option
|
|
33
|
+
* @return {*} {(number | string)}
|
|
34
|
+
* @memberof TabsComponent
|
|
35
|
+
*/
|
|
36
|
+
trackByFn(index: number, option: Tab): number | string;
|
|
37
|
+
/**
|
|
38
|
+
* Cleans up resources when the component is destroyed
|
|
39
|
+
* @memberof TabsComponent
|
|
40
|
+
*/
|
|
41
|
+
ngOnDestroy(): void;
|
|
42
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
|
|
43
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ieeesa-tabs", never, { "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; }, {}, never, never, true, never>;
|
|
44
|
+
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
2
|
import { FormGroup } from '@angular/forms';
|
|
3
3
|
import { FieldConfig } from '../../models/field-config.model';
|
|
4
4
|
import { FormField } from '../../models/form-field.model';
|
|
5
|
+
import { LinkEventEmitType } from '../../models/event-emit-type.model';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export declare class TextAreaComponent implements OnInit, FormField {
|
|
7
8
|
config: FieldConfig;
|
|
@@ -9,6 +10,7 @@ export declare class TextAreaComponent implements OnInit, FormField {
|
|
|
9
10
|
remainingCharsLeftMessage: string;
|
|
10
11
|
constants: any;
|
|
11
12
|
leftCharCount: number;
|
|
13
|
+
supportTextLinkClick: EventEmitter<LinkEventEmitType>;
|
|
12
14
|
/**
|
|
13
15
|
* Initializes the leftCharCount and remainingCharsLeftMessage
|
|
14
16
|
* @memberof TextAreaComponent
|
|
@@ -19,6 +21,12 @@ export declare class TextAreaComponent implements OnInit, FormField {
|
|
|
19
21
|
* @memberof TextAreaComponent
|
|
20
22
|
*/
|
|
21
23
|
onChange(event: Event): void;
|
|
24
|
+
/**
|
|
25
|
+
* Emits supportTextLinkClick event on click of form support text link
|
|
26
|
+
* @param {LinkEventEmitType} event
|
|
27
|
+
* @memberof TextAreaComponent
|
|
28
|
+
*/
|
|
29
|
+
onSupportTextLinkClick(event: LinkEventEmitType): void;
|
|
22
30
|
static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
|
|
23
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ieeesa-text-area", never, { "remainingCharsLeftMessage": { "alias": "remainingCharsLeftMessage"; "required": false; }; }, {}, never, never, true, never>;
|
|
31
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ieeesa-text-area", never, { "remainingCharsLeftMessage": { "alias": "remainingCharsLeftMessage"; "required": false; }; }, { "supportTextLinkClick": "supportTextLinkClick"; }, never, never, true, never>;
|
|
24
32
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { EventEmitter, OnInit } from
|
|
2
|
-
import { ToggleButton } from
|
|
1
|
+
import { EventEmitter, OnInit } from '@angular/core';
|
|
2
|
+
import { ToggleButton } from '../../models/toggle-button.model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
/**
|
|
5
5
|
* ToggleButtonComponent allows users to select toggle between group of buttons.
|
|
@@ -6,6 +6,7 @@ import { FormField } from '../../models/form-field.model';
|
|
|
6
6
|
import { CheckboxOption } from '../../models/checkbox-option.model';
|
|
7
7
|
import { SelectedDate } from '../../models/selected-date.model';
|
|
8
8
|
import { SelectedTime } from '../../models/selected-time.model';
|
|
9
|
+
import { LinkEventEmitType } from '../../models/event-emit-type.model';
|
|
9
10
|
import * as i0 from "@angular/core";
|
|
10
11
|
/**
|
|
11
12
|
* Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
|
|
@@ -64,6 +65,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
|
|
|
64
65
|
formCheckboxSelection: EventEmitter<CheckboxOption>;
|
|
65
66
|
formInputValue: EventEmitter<string | number>;
|
|
66
67
|
addFormGroup: EventEmitter<Event>;
|
|
68
|
+
supportTextLinkClick: EventEmitter<LinkEventEmitType>;
|
|
67
69
|
component: ComponentRef<any>;
|
|
68
70
|
constructor(container: ViewContainerRef);
|
|
69
71
|
/**
|
|
@@ -82,5 +84,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
|
|
|
82
84
|
*/
|
|
83
85
|
ngOnDestroy(): void;
|
|
84
86
|
static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, never>;
|
|
85
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicFormFieldDirective, "[ieeesaDynamicFormField]", never, { "config": { "alias": "config"; "required": false; }; "group": { "alias": "group"; "required": false; }; "submitResponse": { "alias": "submitResponse"; "required": false; }; "searchResponse": { "alias": "searchResponse"; "required": false; }; }, { "formSearchApply": "formSearchApply"; "formDropdownSelected": "formDropdownSelected"; "formDateSelected": "formDateSelected"; "formTimeSelected": "formTimeSelected"; "formSelectedDateRange": "formSelectedDateRange"; "formSelectSearch": "formSelectSearch"; "formAutoCompleteSearch": "formAutoCompleteSearch"; "autoCompleteClearSearchValue": "autoCompleteClearSearchValue"; "autoCompleteOptionSelected": "autoCompleteOptionSelected"; "formCheckboxSelection": "formCheckboxSelection"; "formInputValue": "formInputValue"; "addFormGroup": "addFormGroup"; }, never, never, true, never>;
|
|
87
|
+
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"; "supportTextLinkClick": "supportTextLinkClick"; }, never, never, true, never>;
|
|
86
88
|
}
|
|
@@ -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 { LinkType } from './link-type.model';
|
|
8
9
|
export interface FieldConfig {
|
|
9
10
|
isSortNeeded?: boolean;
|
|
10
11
|
disabled?: boolean;
|
|
@@ -55,4 +56,5 @@ export interface FieldConfig {
|
|
|
55
56
|
isSearch?: boolean;
|
|
56
57
|
invalidDateTimeErrorMessage?: string;
|
|
57
58
|
is24HoursTimeFormat?: boolean;
|
|
59
|
+
linkType?: LinkType;
|
|
58
60
|
}
|
|
@@ -4,7 +4,8 @@ export declare enum TableColumnType {
|
|
|
4
4
|
SELECT = "SELECT",
|
|
5
5
|
ADD = "ADD",
|
|
6
6
|
EDIT = "EDIT",
|
|
7
|
-
DELETE = "DELETE"
|
|
7
|
+
DELETE = "DELETE",
|
|
8
|
+
ACTIONS = "ACTIONS"
|
|
8
9
|
}
|
|
9
10
|
export declare enum TableColumnSortDirection {
|
|
10
11
|
ASCENDING = "asc",
|
|
@@ -19,5 +20,7 @@ export interface TableColumnSchema {
|
|
|
19
20
|
cellData: any;
|
|
20
21
|
isDateColumn?: boolean;
|
|
21
22
|
isStickyColumn?: boolean;
|
|
23
|
+
isStickyEndColumn?: boolean;
|
|
22
24
|
isSortableColumn?: boolean;
|
|
25
|
+
isHTMLCellData?: boolean;
|
|
23
26
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ieeesa-npm/presentation",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.3",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^16.1.0",
|
|
6
6
|
"@angular/core": "^16.1.0",
|
|
@@ -18,9 +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.
|
|
21
|
+
"@ieeesa-npm/shared-styles": "^0.2.8",
|
|
22
22
|
"ngx-material-timepicker": "^13.1.1",
|
|
23
|
-
"@ieeesa-npm/feature": "^0.9.
|
|
23
|
+
"@ieeesa-npm/feature": "^0.9.3"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"tslib": "^2.3.0"
|
package/public-api.d.ts
CHANGED
|
@@ -28,6 +28,7 @@ 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
30
|
export * from './lib/components/time-picker/time-picker.component';
|
|
31
|
+
export * from './lib/components/tabs/tabs.component';
|
|
31
32
|
export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
|
|
32
33
|
export * from './lib/directives/focus-invalid-form-field/focus-invalid-form-field.directive';
|
|
33
34
|
export * from './lib/directives/set-background/set-background.directive';
|
|
@@ -39,6 +40,7 @@ export * from './lib/models/calendar.model';
|
|
|
39
40
|
export * from './lib/models/checkbox-option.model';
|
|
40
41
|
export * from './lib/models/confirmation-modal-data.model';
|
|
41
42
|
export * from './lib/models/date-picker.model';
|
|
43
|
+
export * from './lib/models/event-emit-type.model';
|
|
42
44
|
export * from './lib/models/field-config.model';
|
|
43
45
|
export * from './lib/models/footer-config.model';
|
|
44
46
|
export * from './lib/models/form-control-types.model';
|
|
@@ -48,6 +50,7 @@ export * from './lib/models/form.model';
|
|
|
48
50
|
export * from './lib/models/header-config.model';
|
|
49
51
|
export * from './lib/models/icon-button.model';
|
|
50
52
|
export * from './lib/models/legend.model';
|
|
53
|
+
export * from './lib/models/link-type.model';
|
|
51
54
|
export * from './lib/models/menu.model';
|
|
52
55
|
export * from './lib/models/navigation-menu.model';
|
|
53
56
|
export * from './lib/models/radio-option.model';
|
|
@@ -55,6 +58,7 @@ export * from './lib/models/search.model';
|
|
|
55
58
|
export * from './lib/models/select-option.model';
|
|
56
59
|
export * from './lib/models/selected-date.model';
|
|
57
60
|
export * from './lib/models/selected-time.model';
|
|
61
|
+
export * from './lib/models/tab.model';
|
|
58
62
|
export * from './lib/models/toggle-button.model';
|
|
59
63
|
export * from './lib/models/chip-option.model';
|
|
60
64
|
export * from './lib/models/paginator-config.model';
|