@ieeesa-npm/presentation 0.11.4 → 0.11.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/esm2022/lib/assets/constants.json +5 -11
  2. package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +3 -3
  3. package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +3 -3
  4. package/esm2022/lib/components/checkbox/checkbox.component.mjs +3 -3
  5. package/esm2022/lib/components/chips/chips.component.mjs +3 -3
  6. package/esm2022/lib/components/data-table/data-table.component.mjs +14 -41
  7. package/esm2022/lib/components/date-picker/date-picker.component.mjs +4 -7
  8. package/esm2022/lib/components/date-picker-header/date-picker-header.component.mjs +4 -8
  9. package/esm2022/lib/components/dynamic-form/dynamic-form.component.mjs +16 -38
  10. package/esm2022/lib/components/filter/filter.component.mjs +3 -3
  11. package/esm2022/lib/components/footer/footer.component.mjs +3 -3
  12. package/esm2022/lib/components/form-error/form-error.component.mjs +3 -3
  13. package/esm2022/lib/components/form-support-text/form-support-text.component.mjs +7 -48
  14. package/esm2022/lib/components/header/header.component.mjs +20 -11
  15. package/esm2022/lib/components/input/input.component.mjs +3 -3
  16. package/esm2022/lib/components/loader/loader.component.mjs +3 -3
  17. package/esm2022/lib/components/menu/menu.component.mjs +3 -3
  18. package/esm2022/lib/components/modal/modal.component.mjs +3 -3
  19. package/esm2022/lib/components/modal-confirmation/modal-confirmation.component.mjs +3 -3
  20. package/esm2022/lib/components/navigation-menu/navigation-menu.component.mjs +3 -3
  21. package/esm2022/lib/components/notification/notification.component.mjs +3 -3
  22. package/esm2022/lib/components/radio/radio.component.mjs +4 -10
  23. package/esm2022/lib/components/search/search.component.mjs +3 -3
  24. package/esm2022/lib/components/select/select.component.mjs +13 -5
  25. package/esm2022/lib/components/slide-toggle/slide-toggle.component.mjs +80 -0
  26. package/esm2022/lib/components/text-area/text-area.component.mjs +6 -55
  27. package/esm2022/lib/components/tile/tile.component.mjs +3 -3
  28. package/esm2022/lib/components/toggle-button/toggle-button.component.mjs +7 -7
  29. package/esm2022/lib/components/welcome/welcome.component.mjs +3 -3
  30. package/esm2022/lib/directives/dynamic-form-field/dynamic-form-field.directive.mjs +10 -38
  31. package/esm2022/lib/models/field-config.model.mjs +1 -1
  32. package/esm2022/lib/models/form-control-types.model.mjs +11 -4
  33. package/esm2022/lib/models/slide-toggle-options.model.mjs +2 -0
  34. package/esm2022/lib/models/table-schema.model.mjs +1 -2
  35. package/esm2022/lib/models/toggle-button.model.mjs +1 -1
  36. package/esm2022/public-api.mjs +3 -8
  37. package/fesm2022/ieeesa-npm-presentation.mjs +236 -486
  38. package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
  39. package/lib/components/chips/chips.component.d.ts +11 -11
  40. package/lib/components/data-table/data-table.component.d.ts +6 -21
  41. package/lib/components/date-picker/date-picker.component.d.ts +1 -2
  42. package/lib/components/dynamic-form/dynamic-form.component.d.ts +12 -28
  43. package/lib/components/form-support-text/form-support-text.component.d.ts +2 -24
  44. package/lib/components/header/header.component.d.ts +8 -4
  45. package/lib/components/radio/radio.component.d.ts +1 -3
  46. package/lib/components/select/select.component.d.ts +1 -0
  47. package/lib/components/slide-toggle/slide-toggle.component.d.ts +37 -0
  48. package/lib/components/text-area/text-area.component.d.ts +2 -23
  49. package/lib/components/toggle-button/toggle-button.component.d.ts +2 -2
  50. package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts +4 -8
  51. package/lib/models/field-config.model.d.ts +2 -11
  52. package/lib/models/form-control-types.model.d.ts +1 -2
  53. package/lib/models/slide-toggle-options.model.d.ts +5 -0
  54. package/lib/models/table-schema.model.d.ts +1 -4
  55. package/lib/models/toggle-button.model.d.ts +0 -2
  56. package/package.json +3 -4
  57. package/public-api.d.ts +2 -7
  58. package/src/lib/assets/constants.json +6 -12
  59. package/esm2022/lib/components/add-form-group/add-form-group.component.mjs +0 -34
  60. package/esm2022/lib/components/tabs/tabs.component.mjs +0 -86
  61. package/esm2022/lib/components/time-picker/time-picker.component.mjs +0 -59
  62. package/esm2022/lib/models/event-emit-type.model.mjs +0 -2
  63. package/esm2022/lib/models/link-type.model.mjs +0 -6
  64. package/esm2022/lib/models/selected-date.model.mjs +0 -2
  65. package/esm2022/lib/models/selected-time.model.mjs +0 -2
  66. package/esm2022/lib/models/tab.model.mjs +0 -2
  67. package/lib/components/add-form-group/add-form-group.component.d.ts +0 -19
  68. package/lib/components/tabs/tabs.component.d.ts +0 -44
  69. package/lib/components/time-picker/time-picker.component.d.ts +0 -20
  70. package/lib/models/event-emit-type.model.d.ts +0 -5
  71. package/lib/models/link-type.model.d.ts +0 -3
  72. package/lib/models/selected-date.model.d.ts +0 -4
  73. package/lib/models/selected-time.model.d.ts +0 -4
  74. package/lib/models/tab.model.d.ts +0 -5
@@ -26,12 +26,10 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
26
26
  menuIcon: string;
27
27
  close: string;
28
28
  search: string;
29
- addFormGroup: string;
30
29
  };
31
30
  button: {
32
31
  cancel: string;
33
32
  ok: string;
34
- add: string;
35
33
  };
36
34
  chips: {
37
35
  noOfDefaultVisibleChips: number;
@@ -46,6 +44,13 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
46
44
  arrow: {
47
45
  id: number;
48
46
  iconURL: string;
47
+ /**
48
+ * Chips component allow users to view information, make selections, filter content.
49
+ * @export
50
+ * @class ChipComponent
51
+ * @implements {OnInit}
52
+ * @implements {OnDestroy}
53
+ */
49
54
  toolTip: string;
50
55
  ariaLabel: string;
51
56
  };
@@ -102,7 +107,6 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
102
107
  };
103
108
  textarea: {
104
109
  maxLengthDefault: number;
105
- leftCharacters: string;
106
110
  };
107
111
  autocomplete: {
108
112
  minCharToSearch: number;
@@ -130,7 +134,10 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
130
134
  iconURL: string;
131
135
  label: string;
132
136
  ariaLabel: string;
133
- toolTip: string;
137
+ toolTip: string; /**
138
+ * Shows list of chips on the basis of view more/less button state.
139
+ * @memberof ChipComponent
140
+ */
134
141
  isToolTipNeeded: boolean;
135
142
  }[];
136
143
  };
@@ -143,10 +150,6 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
143
150
  ariaLabel: string;
144
151
  redirectUrl: string;
145
152
  }[];
146
- /**
147
- * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
148
- * @memberof GroupsComponent
149
- */
150
153
  ieeeLogo: string;
151
154
  copyright: {
152
155
  link: string;
@@ -174,9 +177,6 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
174
177
  };
175
178
  };
176
179
  defaultWelcomeBgColor: string;
177
- timePicker: {
178
- defaultTimeFormat: number;
179
- };
180
180
  };
181
181
  chipsType: typeof ChipsType;
182
182
  orientations: typeof ChipOrientation;
@@ -13,7 +13,6 @@ 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';
17
16
  import * as i0 from "@angular/core";
18
17
  /**
19
18
  * 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.
@@ -33,11 +32,8 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
33
32
  get columnSchemaInfo(): TableColumnSchema[];
34
33
  constants: any;
35
34
  tableActions: TableActions;
36
- tableRowActions: Menu[];
37
35
  caption: string;
38
- private paginatorConfiguration;
39
- set paginatorConfig(value: PaginatorConfig);
40
- get paginatorConfig(): PaginatorConfig;
36
+ paginatorConfig: PaginatorConfig;
41
37
  searchPlaceHolderText: string;
42
38
  rowEditButton: IconButton;
43
39
  rowDeleteButton: IconButton;
@@ -61,9 +57,10 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
61
57
  rowLink: EventEmitter<any>;
62
58
  addRow: EventEmitter<any>;
63
59
  columnDataOnRowLinkClick: EventEmitter<any>;
64
- menuActionClick: EventEmitter<any>;
65
- selectActionMenu: EventEmitter<any>;
66
- paginationChange: EventEmitter<PageEvent>;
60
+ paginationChange: EventEmitter<{
61
+ pageOffset: number;
62
+ pageLimit: number;
63
+ }>;
67
64
  selectedFilter: EventEmitter<ChipOption>;
68
65
  removeFilteredOption: EventEmitter<any>;
69
66
  filteredOptions: EventEmitter<FiltersAndOptions[]>;
@@ -104,18 +101,6 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
104
101
  * @memberof DataTableComponent
105
102
  */
106
103
  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;
119
104
  /**
120
105
  * OnSelectClick method emits the rowSelected event with selected row data.
121
106
  * @param {*} row
@@ -218,5 +203,5 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
218
203
  */
219
204
  ngOnDestroy(): void;
220
205
  static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, 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>;
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>;
222
207
  }
@@ -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
  /**
@@ -74,7 +73,7 @@ export declare class DatePickerComponent implements FormField, OnInit {
74
73
  };
75
74
  minDate: Date | moment.Moment;
76
75
  maxDate: Date | moment.Moment;
77
- selectedDate: EventEmitter<SelectedDate>;
76
+ selectedDate: EventEmitter<string>;
78
77
  selectedDateRange: EventEmitter<{
79
78
  startDate: string;
80
79
  endDate: string;
@@ -6,9 +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 { SelectedDate } from '../../models/selected-date.model';
10
- import { SelectedTime } from '../../models/selected-time.model';
11
- import { LinkEventEmitType } from '../../models/event-emit-type.model';
9
+ import { SlideToggleOption } from '../../models/slide-toggle-options.model';
12
10
  import * as i0 from "@angular/core";
13
11
  /**
14
12
  * Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
@@ -58,7 +56,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
58
56
  formGroupsReference: EventEmitter<FormGroup<any>[]>;
59
57
  dropdownChange: EventEmitter<any>;
60
58
  formCheckboxSelection: EventEmitter<CheckboxOption>;
61
- formDateSelected: EventEmitter<SelectedDate>;
59
+ formDateSelected: EventEmitter<string>;
62
60
  formSelectSearch: EventEmitter<{
63
61
  searchEvent: Event;
64
62
  controlName: string;
@@ -72,9 +70,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
72
70
  startDate: string;
73
71
  endDate: string;
74
72
  }>;
75
- addFormGroup: EventEmitter<Event>;
76
- formTimeSelected: EventEmitter<SelectedTime>;
77
- supportTextLinkClick: EventEmitter<LinkEventEmitType>;
73
+ formSlideToggleChange: EventEmitter<SlideToggleOption>;
78
74
  form: FormGroup;
79
75
  formGroupArray: FormGroup[];
80
76
  formControlArray: any[];
@@ -176,16 +172,10 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
176
172
  };
177
173
  /**
178
174
  * Handles form date selection event
179
- * @param {SelectedDate} selectedDate
175
+ * @param {string[]} event
180
176
  * @memberof DynamicFormComponent
181
177
  */
182
- onDateSelected(selectedDate: SelectedDate): void;
183
- /**
184
- * Handles form time selection event
185
- * @param {SelectedTime} selectedTime
186
- * @memberof DynamicFormComponent
187
- */
188
- onTimeSelected(selectedTime: SelectedTime): void;
178
+ onDateSelected(event: string): void;
189
179
  /**
190
180
  * Emits selected form date range
191
181
  * @param {{startDate: string, endDate: string}} dateRange
@@ -218,6 +208,12 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
218
208
  * @memberof DynamicFormComponent
219
209
  */
220
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;
221
217
  /**
222
218
  * Converts passed control name in hyphenated css class name
223
219
  * @param {string} className
@@ -225,18 +221,6 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
225
221
  * @memberof DynamicFormComponent
226
222
  */
227
223
  getRowClassName(className: string): string;
228
- /**
229
- * Emits the addFormGroup event
230
- * @param {Event} event
231
- * @memberof DynamicFormComponent
232
- */
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;
240
224
  static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, 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>;
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>;
242
226
  }
@@ -1,32 +1,10 @@
1
- import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
2
1
  import { FormGroup } from '@angular/forms';
3
2
  import { FieldConfig } from '../../models/field-config.model';
4
- import { LinkEventEmitType } from '../../models/event-emit-type.model';
5
3
  import * as i0 from "@angular/core";
6
- export declare class FormSupportTextComponent implements OnDestroy, AfterViewInit {
7
- elementRef: ElementRef;
4
+ export declare class FormSupportTextComponent {
8
5
  formGroup: FormGroup;
9
6
  config: FieldConfig;
10
7
  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;
30
8
  static ɵfac: i0.ɵɵFactoryDeclaration<FormSupportTextComponent, 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>;
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>;
32
10
  }
@@ -14,6 +14,10 @@ export declare class HeaderComponent implements OnDestroy {
14
14
  private authService;
15
15
  private storageService;
16
16
  private headerConfigInfo;
17
+ screenTexts: any;
18
+ private profileMenuOptions;
19
+ menuItems: Menu[];
20
+ isMobileView: boolean;
17
21
  /**
18
22
  * HeaderConfig represents the configurable properties required for header component.
19
23
  * Input property of the component to get the configurable values such as logo, app title, signed in user name and logout redirect URL.
@@ -25,13 +29,9 @@ export declare class HeaderComponent implements OnDestroy {
25
29
  set menuConfig(value: Menu[]);
26
30
  get menuConfig(): Menu[];
27
31
  destroy$: Subject<boolean>;
28
- screenTexts: any;
29
- isMobileView: boolean;
30
32
  toggleNavMenuClick: EventEmitter<Event>;
31
33
  profileMenuClick: EventEmitter<Menu>;
32
- private profileMenuOptions;
33
34
  userProfileIconButton: IconButton;
34
- menuItems: Menu[];
35
35
  constructor(breakPointObserverService: BreakpointObserverService, authService: AuthService, storageService: StorageService);
36
36
  /**
37
37
  * Desktop event to navigate to logout page.
@@ -52,6 +52,10 @@ export declare class HeaderComponent implements OnDestroy {
52
52
  * @memberof HeaderComponent
53
53
  */
54
54
  onUserProfileMenuClick(menu: Menu): void;
55
+ /**
56
+ * Modifies the menu items based on mobile or desktop.
57
+ */
58
+ getMenuItems(): void;
55
59
  /**
56
60
  * Cleans up resources when the component is destroyed.
57
61
  * @memberof HeaderComponent
@@ -17,9 +17,7 @@ export declare class RadioComponent implements OnInit, FormField {
17
17
  config: FieldConfig;
18
18
  group: FormGroup;
19
19
  formControlName: string;
20
- private radioGroups;
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);
@@ -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
@@ -0,0 +1,37 @@
1
+ import { EventEmitter, OnInit } from '@angular/core';
2
+ import { MatSlideToggleChange } from '@angular/material/slide-toggle';
3
+ import { FormGroup } from '@angular/forms';
4
+ import { FieldConfig } from '../../models/field-config.model';
5
+ import { FormUtilityService } from '../../services/form-utility.service';
6
+ import { SlideToggleOption } from '../../models/slide-toggle-options.model';
7
+ import * as i0 from "@angular/core";
8
+ export declare class SlideToggleComponent implements OnInit {
9
+ private formUtilityService;
10
+ config: FieldConfig;
11
+ group: FormGroup;
12
+ formControlName: string;
13
+ slideToggleOption: SlideToggleOption;
14
+ /**
15
+ * Input property to get slide toggle options
16
+ * @memberof SlideToggleComponent
17
+ * @usageNotes const slideToggleOption = [{ id: 1, label: 'Change toggle', checked: true, disabled: false}]
18
+ */
19
+ set slideToggle(value: SlideToggleOption);
20
+ get slideToggle(): SlideToggleOption;
21
+ isDisabled: boolean;
22
+ slideToggleChange: EventEmitter<SlideToggleOption>;
23
+ constructor(formUtilityService: FormUtilityService);
24
+ /**
25
+ * On slide toggle sets slideToggleOption checked and emit slideToggleChange event emitter.
26
+ * @param {MatSlideToggleChange} toggle
27
+ * @memberof SlideToggleComponent
28
+ */
29
+ onSlideToggleChange(toggle: MatSlideToggleChange): void;
30
+ /**
31
+ * Initiates component and set slideToggleOption.
32
+ * @memberof SlideToggleComponent
33
+ */
34
+ ngOnInit(): void;
35
+ static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleComponent, never>;
36
+ static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleComponent, "ieeesa-slide-toggle", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "slideToggle": { "alias": "slideToggle"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, { "slideToggleChange": "slideToggleChange"; }, never, never, true, never>;
37
+ }
@@ -1,32 +1,11 @@
1
- import { EventEmitter, OnInit } 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
- import { LinkEventEmitType } from '../../models/event-emit-type.model';
6
4
  import * as i0 from "@angular/core";
7
- export declare class TextAreaComponent implements OnInit, FormField {
5
+ export declare class TextAreaComponent implements FormField {
8
6
  config: FieldConfig;
9
7
  group: FormGroup;
10
- remainingCharsLeftMessage: string;
11
8
  constants: any;
12
- leftCharCount: number;
13
- supportTextLinkClick: EventEmitter<LinkEventEmitType>;
14
- /**
15
- * Initializes the leftCharCount and remainingCharsLeftMessage
16
- * @memberof TextAreaComponent
17
- */
18
- ngOnInit(): void;
19
- /**
20
- * Calculates the remaining characters count on change of form control value and sets the remaining count.
21
- * @memberof TextAreaComponent
22
- */
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;
30
9
  static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
31
- static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ieeesa-text-area", never, { "remainingCharsLeftMessage": { "alias": "remainingCharsLeftMessage"; "required": false; }; }, { "supportTextLinkClick": "supportTextLinkClick"; }, never, never, true, never>;
10
+ static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ieeesa-text-area", never, {}, {}, never, never, true, never>;
32
11
  }
@@ -1,5 +1,5 @@
1
- import { EventEmitter, OnInit } from '@angular/core';
2
- import { ToggleButton } from '../../models/toggle-button.model';
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.
@@ -4,9 +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 { SelectedDate } from '../../models/selected-date.model';
8
- import { SelectedTime } from '../../models/selected-time.model';
9
- import { LinkEventEmitType } from '../../models/event-emit-type.model';
7
+ import { SlideToggleOption } from '../../models/slide-toggle-options.model';
10
8
  import * as i0 from "@angular/core";
11
9
  /**
12
10
  * Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
@@ -49,8 +47,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
49
47
  get searchResponse(): any;
50
48
  formSearchApply: EventEmitter<Event>;
51
49
  formDropdownSelected: EventEmitter<Event>;
52
- formDateSelected: EventEmitter<SelectedDate>;
53
- formTimeSelected: EventEmitter<SelectedTime>;
50
+ formDateSelected: EventEmitter<string>;
54
51
  formSelectedDateRange: EventEmitter<{
55
52
  startDate: string;
56
53
  endDate: string;
@@ -64,8 +61,7 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
64
61
  autoCompleteOptionSelected: EventEmitter<Event>;
65
62
  formCheckboxSelection: EventEmitter<CheckboxOption>;
66
63
  formInputValue: EventEmitter<string | number>;
67
- addFormGroup: EventEmitter<Event>;
68
- supportTextLinkClick: EventEmitter<LinkEventEmitType>;
64
+ formSlideToggleChange: EventEmitter<SlideToggleOption>;
69
65
  component: ComponentRef<any>;
70
66
  constructor(container: ViewContainerRef);
71
67
  /**
@@ -84,5 +80,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
84
80
  */
85
81
  ngOnDestroy(): void;
86
82
  static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, 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>;
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>;
88
84
  }
@@ -5,7 +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
+ import { SlideToggleOption } from './slide-toggle-options.model';
9
9
  export interface FieldConfig {
10
10
  isSortNeeded?: boolean;
11
11
  disabled?: boolean;
@@ -47,14 +47,5 @@ export interface FieldConfig {
47
47
  ariaDescribedById?: string;
48
48
  ariaMultiline?: boolean;
49
49
  minSelectionRequired?: number;
50
- maxCharCount?: number;
51
- remainingCharsLeftMessage?: string;
52
- name?: string;
53
- maxRangeLimit?: number;
54
- hour24?: number;
55
- hour12?: number;
56
- isSearch?: boolean;
57
- invalidDateTimeErrorMessage?: string;
58
- is24HoursTimeFormat?: boolean;
59
- linkType?: LinkType;
50
+ slideToggleOption?: SlideToggleOption;
60
51
  }
@@ -7,6 +7,5 @@ export declare enum FormControlType {
7
7
  CHECKBOX = "CHECKBOX",
8
8
  RADIO = "RADIO",
9
9
  AUTO_COMPLETE = "AUTO_COMPLETE",
10
- ADD_FORM_GROUP = "ADD_FORM_GROUP",
11
- TIME_PICKER = "TIME_PICKER"
10
+ SLIDE_TOGGLE = "SLIDE_TOGGLE"
12
11
  }
@@ -0,0 +1,5 @@
1
+ export interface SlideToggleOption {
2
+ id: number | string;
3
+ label: string;
4
+ checked: boolean;
5
+ }
@@ -4,8 +4,7 @@ export declare enum TableColumnType {
4
4
  SELECT = "SELECT",
5
5
  ADD = "ADD",
6
6
  EDIT = "EDIT",
7
- DELETE = "DELETE",
8
- ACTIONS = "ACTIONS"
7
+ DELETE = "DELETE"
9
8
  }
10
9
  export declare enum TableColumnSortDirection {
11
10
  ASCENDING = "asc",
@@ -20,7 +19,5 @@ export interface TableColumnSchema {
20
19
  cellData: any;
21
20
  isDateColumn?: boolean;
22
21
  isStickyColumn?: boolean;
23
- isStickyEndColumn?: boolean;
24
22
  isSortableColumn?: boolean;
25
- isHTMLCellData?: boolean;
26
23
  }
@@ -2,6 +2,4 @@ export interface ToggleButton {
2
2
  id: number;
3
3
  label: string;
4
4
  isDisabled?: boolean;
5
- isIconNeeded?: boolean;
6
- iconURL?: string;
7
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ieeesa-npm/presentation",
3
- "version": "0.11.4",
3
+ "version": "0.11.6",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^16.1.0",
6
6
  "@angular/core": "^16.1.0",
@@ -18,9 +18,8 @@
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.8",
22
- "ngx-material-timepicker": "^13.1.1",
23
- "@ieeesa-npm/feature": "^0.9.4"
21
+ "@ieeesa-npm/shared-styles": "^0.2.6",
22
+ "@ieeesa-npm/feature": "^0.9.5"
24
23
  },
25
24
  "dependencies": {
26
25
  "tslib": "^2.3.0"
package/public-api.d.ts CHANGED
@@ -27,8 +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/time-picker/time-picker.component';
31
- export * from './lib/components/tabs/tabs.component';
30
+ export * from './lib/components/slide-toggle/slide-toggle.component';
32
31
  export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
33
32
  export * from './lib/directives/focus-invalid-form-field/focus-invalid-form-field.directive';
34
33
  export * from './lib/directives/set-background/set-background.directive';
@@ -40,7 +39,6 @@ export * from './lib/models/calendar.model';
40
39
  export * from './lib/models/checkbox-option.model';
41
40
  export * from './lib/models/confirmation-modal-data.model';
42
41
  export * from './lib/models/date-picker.model';
43
- export * from './lib/models/event-emit-type.model';
44
42
  export * from './lib/models/field-config.model';
45
43
  export * from './lib/models/footer-config.model';
46
44
  export * from './lib/models/form-control-types.model';
@@ -50,15 +48,11 @@ export * from './lib/models/form.model';
50
48
  export * from './lib/models/header-config.model';
51
49
  export * from './lib/models/icon-button.model';
52
50
  export * from './lib/models/legend.model';
53
- export * from './lib/models/link-type.model';
54
51
  export * from './lib/models/menu.model';
55
52
  export * from './lib/models/navigation-menu.model';
56
53
  export * from './lib/models/radio-option.model';
57
54
  export * from './lib/models/search.model';
58
55
  export * from './lib/models/select-option.model';
59
- export * from './lib/models/selected-date.model';
60
- export * from './lib/models/selected-time.model';
61
- export * from './lib/models/tab.model';
62
56
  export * from './lib/models/toggle-button.model';
63
57
  export * from './lib/models/chip-option.model';
64
58
  export * from './lib/models/paginator-config.model';
@@ -68,6 +62,7 @@ export * from './lib/models/breadcrumb.model';
68
62
  export * from './lib/models/tile.model';
69
63
  export * from './lib/models/filters-options.model';
70
64
  export * from './lib/models/profile-menu.model';
65
+ export * from './lib/models/slide-toggle-options.model';
71
66
  export * from './lib/services/datepicker.service';
72
67
  export * from './lib/services/form-utility.service';
73
68
  export * from './lib/presentation.module';
@@ -6,13 +6,11 @@
6
6
  "nextMonth": "Next month",
7
7
  "menuIcon": "Menu",
8
8
  "close": "Close",
9
- "search": "Search",
10
- "addFormGroup": "Add Form Group"
9
+ "search": "Search"
11
10
  },
12
11
  "button": {
13
12
  "cancel": "Cancel",
14
- "ok": "OK",
15
- "add": "Add"
13
+ "ok": "OK"
16
14
  },
17
15
  "chips": {
18
16
  "noOfDefaultVisibleChips": 3,
@@ -86,7 +84,7 @@
86
84
  ]
87
85
  },
88
86
  "datePicker": {
89
- "selectDateLabel": "Select Date",
87
+ "selectDateLabel": "Selected Date",
90
88
  "dateFormatLabel": "dd mmm yyyy",
91
89
  "startDateLabel": "Start Date",
92
90
  "endDateLabel": "End Date"
@@ -110,8 +108,7 @@
110
108
  ]
111
109
  },
112
110
  "textarea": {
113
- "maxLengthDefault": 3000,
114
- "leftCharacters": " characters left"
111
+ "maxLengthDefault": 1000
115
112
  },
116
113
  "autocomplete": {
117
114
  "minCharToSearch": 3,
@@ -224,8 +221,5 @@
224
221
  "spinner": "Spinner"
225
222
  }
226
223
  },
227
- "defaultWelcomeBgColor": "#C0DCED",
228
- "timePicker": {
229
- "defaultTimeFormat": 12
230
- }
231
- }
224
+ "defaultWelcomeBgColor": "#C0DCED"
225
+ }