@ieeesa-npm/presentation 0.11.2 → 0.11.4

package/lib/components/add-form-group/add-form-group.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FormField } from '../../models/form-field.model';
+import { FieldConfig } from '../../models/field-config.model';
+import * as i0 from "@angular/core";
+export declare class AddFormGroupComponent implements FormField {
+    config: FieldConfig;
+    group: FormGroup;
+    addFormGroup: EventEmitter<Event>;
+    buttonActionsInfo: any;
+    /**
+     * Emits the addFormGroup event on click of add form group button.
+     * @param {Event} event
+     * @memberof AddFormGroupComponent
+     */
+    onAddFormGroup(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AddFormGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AddFormGroupComponent, "ieeesa-add-form-group", never, {}, { "addFormGroup": "addFormGroup"; }, never, never, true, never>;
+}

package/lib/components/chips/chips.component.d.ts

@@ -26,10 +26,12 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
             menuIcon: string;
             close: string;
             search: string;
+            addFormGroup: string;
         };
         button: {
             cancel: string;
             ok: string;
+            add: string;
         };
         chips: {
             noOfDefaultVisibleChips: number;
@@ -44,13 +46,6 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 arrow: {
                     id: number;
                     iconURL: string;
-                    /**
-                     * Chips component allow users to view information, make selections, filter content.
-                     * @export
-                     * @class ChipComponent
-                     * @implements {OnInit}
-                     * @implements {OnDestroy}
-                     */
                     toolTip: string;
                     ariaLabel: string;
                 };
@@ -107,6 +102,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
         };
         textarea: {
             maxLengthDefault: number;
+            leftCharacters: string;
         };
         autocomplete: {
             minCharToSearch: number;
@@ -147,6 +143,10 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 ariaLabel: string;
                 redirectUrl: string;
             }[];
+            /**
+             * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+             * @memberof GroupsComponent
+             */
             ieeeLogo: string;
             copyright: {
                 link: string;
@@ -174,6 +174,9 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
             };
         };
         defaultWelcomeBgColor: string;
+        timePicker: {
+            defaultTimeFormat: number;
+        };
     };
     chipsType: typeof ChipsType;
     orientations: typeof ChipOrientation;

package/lib/components/data-table/data-table.component.d.ts

@@ -13,6 +13,7 @@ import { TableActions } from '../../models/table-actions.model';
 import { ChipOption } from '../../models/chip-option.model';
 import { SearchType } from '../../models/search.model';
 import { FiltersAndOptions } from '../../models/filters-options.model';
+import { Menu } from '../../models/menu.model';
 import * as i0 from "@angular/core";
 /**
  * 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
     get columnSchemaInfo(): TableColumnSchema[];
     constants: any;
     tableActions: TableActions;
+    tableRowActions: Menu[];
     caption: string;
-    paginatorConfig: PaginatorConfig;
+    private paginatorConfiguration;
+    set paginatorConfig(value: PaginatorConfig);
+    get paginatorConfig(): PaginatorConfig;
     searchPlaceHolderText: string;
     rowEditButton: IconButton;
     rowDeleteButton: IconButton;
@@ -57,10 +61,9 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     rowLink: EventEmitter<any>;
     addRow: EventEmitter<any>;
     columnDataOnRowLinkClick: EventEmitter<any>;
-    paginationChange: EventEmitter<{
-        pageOffset: number;
-        pageLimit: number;
-    }>;
+    menuActionClick: EventEmitter<any>;
+    selectActionMenu: EventEmitter<any>;
+    paginationChange: EventEmitter<PageEvent>;
     selectedFilter: EventEmitter<ChipOption>;
     removeFilteredOption: EventEmitter<any>;
     filteredOptions: EventEmitter<FiltersAndOptions[]>;
@@ -101,6 +104,18 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
      * @memberof DataTableComponent
      */
     sortTableData(sort: Sort): void;
+    /**
+     * Handle edit actions method emits the clicked row data
+     * @param {*} row
+     * @memberof DataTableComponent
+     */
+    onRowActionClick(row: any): void;
+    /**
+     * Menu item action method emits the clicked menu options
+     * @param {*} row
+     * @memberof DataTableComponent
+     */
+    menuItemAction(row: any): void;
     /**
      * OnSelectClick method emits the rowSelected event with selected row data.
      * @param {*} row
@@ -203,5 +218,5 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableComponent, never>;
-    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>;
+    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>;
 }

package/lib/components/date-picker/date-picker.component.d.ts

@@ -7,6 +7,7 @@ import { CalendarType } from '../../models/calendar.model';
 import { DatepickerService } from '../../services/datepicker.service';
 import { FormField } from '../../models/form-field.model';
 import { FormUtilityService } from '../../services/form-utility.service';
+import { SelectedDate } from '../../models/selected-date.model';
 import * as i0 from "@angular/core";
 export declare class CustomDateAdapter extends MomentDateAdapter {
     /**
@@ -73,7 +74,7 @@ export declare class DatePickerComponent implements FormField, OnInit {
     };
     minDate: Date | moment.Moment;
     maxDate: Date | moment.Moment;
-    selectedDate: EventEmitter<string>;
+    selectedDate: EventEmitter<SelectedDate>;
     selectedDateRange: EventEmitter<{
         startDate: string;
         endDate: string;

package/lib/components/dynamic-form/dynamic-form.component.d.ts

@@ -6,7 +6,9 @@ import { FormGrid } from '../../models/form-grid.model';
 import { DynamicFormFieldDirective } from '../../directives/dynamic-form-field/dynamic-form-field.directive';
 import { AlignType } from '../../models/align-type.model';
 import { CheckboxOption } from '../../models/checkbox-option.model';
-import { SlideToggleOption } from '../../models/slide-toggle-options.model';
+import { SelectedDate } from '../../models/selected-date.model';
+import { SelectedTime } from '../../models/selected-time.model';
+import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import * as i0 from "@angular/core";
 /**
  * Creates a reactive form dynamically based on the passed form field configuration and handles the form events.
@@ -56,7 +58,7 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     formGroupsReference: EventEmitter<FormGroup<any>[]>;
     dropdownChange: EventEmitter<any>;
     formCheckboxSelection: EventEmitter<CheckboxOption>;
-    formDateSelected: EventEmitter<string>;
+    formDateSelected: EventEmitter<SelectedDate>;
     formSelectSearch: EventEmitter<{
         searchEvent: Event;
         controlName: string;
@@ -70,7 +72,9 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
         startDate: string;
         endDate: string;
     }>;
-    formSlideToggleChange: EventEmitter<SlideToggleOption>;
+    addFormGroup: EventEmitter<Event>;
+    formTimeSelected: EventEmitter<SelectedTime>;
+    supportTextLinkClick: EventEmitter<LinkEventEmitType>;
     form: FormGroup;
     formGroupArray: FormGroup[];
     formControlArray: any[];
@@ -172,10 +176,16 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
     };
     /**
      * Handles form date selection event
-     * @param {string[]} event
+     * @param {SelectedDate} selectedDate
      * @memberof DynamicFormComponent
      */
-    onDateSelected(event: string): void;
+    onDateSelected(selectedDate: SelectedDate): void;
+    /**
+     * Handles form time selection event
+     * @param {SelectedTime} selectedTime
+     * @memberof DynamicFormComponent
+     */
+    onTimeSelected(selectedTime: SelectedTime): void;
     /**
      * Emits selected form date range
      * @param {{startDate: string, endDate: string}} dateRange
@@ -208,12 +218,6 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      * @memberof DynamicFormComponent
      */
     onAutoCompleteOptionSelected(): void;
-    /**
-     * Handles form slide toggle event and emits formSlideToggleChange event.
-     * @param {SlideToggleOption} toggle
-     * @memberof DynamicFormComponent
-     */
-    onFormSlideToggleChange(toggle: SlideToggleOption): void;
     /**
      * Converts passed control name in hyphenated css class name
      * @param {string} className
@@ -221,6 +225,18 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
      * @memberof DynamicFormComponent
      */
     getRowClassName(className: string): string;
+    /**
+     * Emits the addFormGroup event
+     * @param {Event} event
+     * @memberof DynamicFormComponent
+     */
+    onAddFormGroup(event: Event): void;
+    /**
+     * Emits supportTextLinkClick event on click of form support text link
+     * @param {LinkEventEmitType} event
+     * @memberof DynamicFormComponent
+     */
+    onSupportTextLinkClick(event: LinkEventEmitType): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormComponent, never>;
-    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>;
+    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>;
 }

package/lib/components/form-support-text/form-support-text.component.d.ts

@@ -1,10 +1,32 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnDestroy } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { FieldConfig } from '../../models/field-config.model';
+import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import * as i0 from "@angular/core";
-export declare class FormSupportTextComponent {
+export declare class FormSupportTextComponent implements OnDestroy, AfterViewInit {
+    elementRef: ElementRef;
     formGroup: FormGroup;
     config: FieldConfig;
     safeType: string;
+    supportTextLinkClick: EventEmitter<LinkEventEmitType>;
+    constructor(elementRef: ElementRef);
+    /**
+     * Emits supportTextLinkClick event on click of form support text link
+     * Passes linkType if available
+     * @param {Event} event
+     * @memberof FormSupportTextComponent
+     */
+    onAnchorElementClick(event: Event): void;
+    /**
+     * Adds click event to the anchor tags using querySelectorAll
+     * @memberof FormSupportTextComponent
+     */
+    ngAfterViewInit(): void;
+    /**
+     * Removing the event listeners on destroy
+     * @memberof FormSupportTextComponent
+     */
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormSupportTextComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormSupportTextComponent, "ieeesa-form-support-text", never, { "formGroup": { "alias": "formGroup"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, {}, never, never, true, never>;
+    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>;
 }

package/lib/components/header/header.component.d.ts

@@ -14,10 +14,6 @@ export declare class HeaderComponent implements OnDestroy {
     private authService;
     private storageService;
     private headerConfigInfo;
-    screenTexts: any;
-    private profileMenuOptions;
-    menuItems: Menu[];
-    isMobileView: boolean;
     /**
      * HeaderConfig represents the configurable properties required for header component.
      * Input property of the component to get the configurable values such as logo, app title, signed in user name and logout redirect URL.
@@ -29,9 +25,13 @@ export declare class HeaderComponent implements OnDestroy {
     set menuConfig(value: Menu[]);
     get menuConfig(): Menu[];
     destroy$: Subject<boolean>;
+    screenTexts: any;
+    isMobileView: boolean;
     toggleNavMenuClick: EventEmitter<Event>;
     profileMenuClick: EventEmitter<Menu>;
+    private profileMenuOptions;
     userProfileIconButton: IconButton;
+    menuItems: Menu[];
     constructor(breakPointObserverService: BreakpointObserverService, authService: AuthService, storageService: StorageService);
     /**
      * Desktop event to navigate to logout page.
@@ -52,10 +52,6 @@ export declare class HeaderComponent implements OnDestroy {
      * @memberof HeaderComponent
      */
     onUserProfileMenuClick(menu: Menu): void;
-    /**
-     * Modifies the menu items based on mobile or desktop.
-     */
-    getMenuItems(): void;
     /**
      * Cleans up resources when the component is destroyed.
      * @memberof HeaderComponent

package/lib/components/radio/radio.component.d.ts

@@ -17,7 +17,9 @@ export declare class RadioComponent implements OnInit, FormField {
     config: FieldConfig;
     group: FormGroup;
     formControlName: string;
-    radioGroup: RadioOption[];
+    private radioGroups;
+    set radioGroup(value: RadioOption[]);
+    get radioGroup(): RadioOption[];
     isDisabled: boolean;
     selectedRadioOption: EventEmitter<RadioOption>;
     constructor(formUtilityService: FormUtilityService);

package/lib/components/select/select.component.d.ts

@@ -26,7 +26,6 @@ export declare class SelectComponent implements OnInit, AfterViewInit {
     private _dropdownOptions;
     private _selectedOptions;
     private _isSortNeeded;
-    private unsortedDropdownOptions;
     /**
      * Takes isSortNeeded as input to check if the passed options are sorted or not.
      * @memberof SelectComponent

package/lib/components/tabs/tabs.component.d.ts

@@ -0,0 +1,44 @@
+import { ComponentRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { Tab } from '../../models/tab.model';
+import * as i0 from "@angular/core";
+export declare class TabsComponent implements OnInit, OnDestroy {
+    componentContainer: ViewContainerRef;
+    componentRef: ComponentRef<any>;
+    isComponentLoaded: boolean;
+    selectedTabIndex: number;
+    private _tabs;
+    set tabs(tab: Tab[]);
+    get tabs(): Tab[];
+    /**
+     * Verifies tabs count and calls createComponent() to load selected component
+     * @memberof TabsComponent
+     */
+    ngOnInit(): void;
+    /**
+     * Loads the respective component on tab change event when componentRef is available.
+     * @param {number} index
+     * @memberof TabsComponent
+     */
+    onTabChange(index: number): void;
+    /**
+     * Dynamically loads the component in the DOM container based on the passed tab and clears the previously loaded component before loading the new one
+     * @param {Tab} tab
+     * @memberof TabsComponent
+     */
+    createComponent(tab: Tab): void;
+    /**
+     * Returns unique identifier for the tab.
+     * @param {number} index
+     * @param {Tab} option
+     * @return {*}  {(number | string)}
+     * @memberof TabsComponent
+     */
+    trackByFn(index: number, option: Tab): number | string;
+    /**
+     * Cleans up resources when the component is destroyed
+     * @memberof TabsComponent
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ieeesa-tabs", never, { "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/text-area/text-area.component.d.ts

@@ -1,11 +1,32 @@
+import { EventEmitter, OnInit } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { FieldConfig } from '../../models/field-config.model';
 import { FormField } from '../../models/form-field.model';
+import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import * as i0 from "@angular/core";
-export declare class TextAreaComponent implements FormField {
+export declare class TextAreaComponent implements OnInit, FormField {
     config: FieldConfig;
     group: FormGroup;
+    remainingCharsLeftMessage: string;
     constants: any;
+    leftCharCount: number;
+    supportTextLinkClick: EventEmitter<LinkEventEmitType>;
+    /**
+     * Initializes the leftCharCount and remainingCharsLeftMessage
+     * @memberof TextAreaComponent
+     */
+    ngOnInit(): void;
+    /**
+     * Calculates the remaining characters count on change of form control value and sets the remaining count.
+     * @memberof TextAreaComponent
+     */
+    onChange(event: Event): void;
+    /**
+     * Emits supportTextLinkClick event on click of form support text link
+     * @param {LinkEventEmitType} event
+     * @memberof TextAreaComponent
+     */
+    onSupportTextLinkClick(event: LinkEventEmitType): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ieeesa-text-area", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextAreaComponent, "ieeesa-text-area", never, { "remainingCharsLeftMessage": { "alias": "remainingCharsLeftMessage"; "required": false; }; }, { "supportTextLinkClick": "supportTextLinkClick"; }, never, never, true, never>;
 }

package/lib/components/time-picker/time-picker.component.d.ts

@@ -0,0 +1,20 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import { FormGroup } from '@angular/forms';
+import { FieldConfig } from '../../models/field-config.model';
+import { SelectedTime } from '../../models/selected-time.model';
+import * as i0 from "@angular/core";
+export declare class TimePickerComponent {
+    config: FieldConfig;
+    group: FormGroup;
+    formTimeSelected: EventEmitter<SelectedTime>;
+    constants: any;
+    picker: ElementRef;
+    /**
+     * Handles form time selection event
+     * @type {void}
+     * @memberof TimePickerComponent
+     */
+    onTimeSelection(time: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "ieeesa-time-picker", never, {}, { "formTimeSelected": "formTimeSelected"; }, never, never, true, never>;
+}

package/lib/components/toggle-button/toggle-button.component.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter, OnInit } from "@angular/core";
-import { ToggleButton } from "../../models/toggle-button.model";
+import { EventEmitter, OnInit } from '@angular/core';
+import { ToggleButton } from '../../models/toggle-button.model';
 import * as i0 from "@angular/core";
 /**
  * ToggleButtonComponent allows users to select toggle between group of buttons.

package/lib/directives/dynamic-form-field/dynamic-form-field.directive.d.ts

@@ -4,7 +4,9 @@ import { Subject } from 'rxjs';
 import { FieldConfig } from '../../models/field-config.model';
 import { FormField } from '../../models/form-field.model';
 import { CheckboxOption } from '../../models/checkbox-option.model';
-import { SlideToggleOption } from '../../models/slide-toggle-options.model';
+import { SelectedDate } from '../../models/selected-date.model';
+import { SelectedTime } from '../../models/selected-time.model';
+import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import * as i0 from "@angular/core";
 /**
  * Provides the implementation of DynamicFormFieldDirective which hosts and creates the form fields components dynamically.
@@ -47,7 +49,8 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
     get searchResponse(): any;
     formSearchApply: EventEmitter<Event>;
     formDropdownSelected: EventEmitter<Event>;
-    formDateSelected: EventEmitter<string>;
+    formDateSelected: EventEmitter<SelectedDate>;
+    formTimeSelected: EventEmitter<SelectedTime>;
     formSelectedDateRange: EventEmitter<{
         startDate: string;
         endDate: string;
@@ -61,7 +64,8 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
     autoCompleteOptionSelected: EventEmitter<Event>;
     formCheckboxSelection: EventEmitter<CheckboxOption>;
     formInputValue: EventEmitter<string | number>;
-    formSlideToggleChange: EventEmitter<SlideToggleOption>;
+    addFormGroup: EventEmitter<Event>;
+    supportTextLinkClick: EventEmitter<LinkEventEmitType>;
     component: ComponentRef<any>;
     constructor(container: ViewContainerRef);
     /**
@@ -80,5 +84,5 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DynamicFormFieldDirective, never>;
-    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>;
+    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>;
 }

package/lib/models/event-emit-type.model.d.ts

@@ -0,0 +1,5 @@
+import { LinkType } from "./link-type.model";
+export interface LinkEventEmitType {
+    event: Event;
+    linkType?: LinkType;
+}

package/lib/models/field-config.model.d.ts

@@ -5,7 +5,7 @@ import { RadioOption } from '../models/radio-option.model';
 import { SearchType } from '../models/search.model';
 import { SelectOption } from '../models/select-option.model';
 import { AutoCompleteOption } from '../models/autocomplete-option.model';
-import { SlideToggleOption } from './slide-toggle-options.model';
+import { LinkType } from './link-type.model';
 export interface FieldConfig {
     isSortNeeded?: boolean;
     disabled?: boolean;
@@ -47,5 +47,14 @@ export interface FieldConfig {
     ariaDescribedById?: string;
     ariaMultiline?: boolean;
     minSelectionRequired?: number;
-    slideToggleOption?: SlideToggleOption;
+    maxCharCount?: number;
+    remainingCharsLeftMessage?: string;
+    name?: string;
+    maxRangeLimit?: number;
+    hour24?: number;
+    hour12?: number;
+    isSearch?: boolean;
+    invalidDateTimeErrorMessage?: string;
+    is24HoursTimeFormat?: boolean;
+    linkType?: LinkType;
 }

package/lib/models/form-control-types.model.d.ts

@@ -7,5 +7,6 @@ export declare enum FormControlType {
     CHECKBOX = "CHECKBOX",
     RADIO = "RADIO",
     AUTO_COMPLETE = "AUTO_COMPLETE",
-    SLIDE_TOGGLE = "SLIDE_TOGGLE"
+    ADD_FORM_GROUP = "ADD_FORM_GROUP",
+    TIME_PICKER = "TIME_PICKER"
 }

package/lib/models/link-type.model.d.ts

@@ -0,0 +1,3 @@
+export declare enum LinkType {
+    ADD_MEETING = "ADD_MEETING"
+}

package/lib/models/selected-date.model.d.ts

@@ -0,0 +1,4 @@
+export interface SelectedDate {
+    date: string;
+    controlName?: string;
+}

package/lib/models/selected-time.model.d.ts

@@ -0,0 +1,4 @@
+export interface SelectedTime {
+    time: string;
+    controlName?: string;
+}

package/lib/models/tab.model.d.ts

@@ -0,0 +1,5 @@
+export interface Tab {
+    id: number | string;
+    label: string;
+    componentRef: any;
+}

package/lib/models/table-schema.model.d.ts

@@ -4,7 +4,8 @@ export declare enum TableColumnType {
     SELECT = "SELECT",
     ADD = "ADD",
     EDIT = "EDIT",
-    DELETE = "DELETE"
+    DELETE = "DELETE",
+    ACTIONS = "ACTIONS"
 }
 export declare enum TableColumnSortDirection {
     ASCENDING = "asc",
@@ -19,5 +20,7 @@ export interface TableColumnSchema {
     cellData: any;
     isDateColumn?: boolean;
     isStickyColumn?: boolean;
+    isStickyEndColumn?: boolean;
     isSortableColumn?: boolean;
+    isHTMLCellData?: boolean;
 }

package/lib/models/toggle-button.model.d.ts

@@ -2,4 +2,6 @@ export interface ToggleButton {
     id: number;
     label: string;
     isDisabled?: boolean;
+    isIconNeeded?: boolean;
+    iconURL?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.11.2",
+  "version": "0.11.4",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",
@@ -18,8 +18,9 @@
     "moment": "^2.29.4",
     "rxjs": "~7.8.0",
     "zone.js": "~0.13.0",
-    "@ieeesa-npm/shared-styles": "^0.2.6",
-    "@ieeesa-npm/feature": "^0.9.2"
+    "@ieeesa-npm/shared-styles": "^0.2.8",
+    "ngx-material-timepicker": "^13.1.1",
+    "@ieeesa-npm/feature": "^0.9.4"
   },
   "dependencies": {
     "tslib": "^2.3.0"