@ieeesa-npm/presentation 0.11.6 → 0.11.8

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/card/card.component.d.ts

@@ -0,0 +1,39 @@
+import { EventEmitter, OnDestroy } from '@angular/core';
+import { BreakpointObserverService } from '@ieeesa-npm/utility';
+import { ButtonType } from '../../models/button-type.model';
+import { CardButton } from '../../models/card-button.model';
+import { CardInfo } from '../../models/card-info.model';
+import { Subject } from 'rxjs';
+import { AlignType } from '../../models/align-type.model';
+import * as i0 from "@angular/core";
+export declare class CardComponent implements OnDestroy {
+    private breakPointObserverService;
+    isMobileView: boolean;
+    destroy$: Subject<boolean>;
+    alignmentType: typeof AlignType;
+    buttonType: typeof ButtonType;
+    buttonAlignmentInfo: AlignType;
+    actionButtonClicked: EventEmitter<CardButton>;
+    private cardDetails;
+    set cardInfo(value: CardInfo);
+    get cardInfo(): CardInfo;
+    constructor(breakPointObserverService: BreakpointObserverService);
+    /**
+     * Emits the action button click event.
+     * @type {Button}
+     * @memberof CardComponent
+     */
+    onActionButtonClicked(button: CardButton): void;
+    /**
+     * Keep tracks the button based on the ID in the DOM tree.
+     * @memberof CardComponent
+     */
+    trackByButtonFn(index: number, item: CardButton): number;
+    /**
+     * Performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof CardComponent
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ieeesa-card", never, { "buttonAlignmentInfo": { "alias": "buttonAlignmentInfo"; "required": false; }; "cardInfo": { "alias": "cardInfo"; "required": false; }; }, { "actionButtonClicked": "actionButtonClicked"; }, never, ["[component]", "[description]"], 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;
@@ -134,10 +130,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 iconURL: string;
                 label: string;
                 ariaLabel: string;
-                toolTip: string; /**
-                 * Shows list of chips on the basis of view more/less button state.
-                 * @memberof ChipComponent
-                 */
+                toolTip: string;
                 isToolTipNeeded: boolean;
             }[];
         };
@@ -177,6 +170,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;
@@ -50,6 +54,7 @@ export declare class DataTableComponent implements OnInit, AfterViewInit, OnDest
     className: string;
     inbuiltSortingNeeded: boolean;
     isCellTextOverflowEllipsis: boolean;
+    isTableHeaderNeeded: boolean;
     rowSelected: EventEmitter<any>;
     selectedRowToEdit: EventEmitter<any>;
     selectedRowToDelete: EventEmitter<any>;
@@ -57,15 +62,15 @@ 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[]>;
     searchedValue: EventEmitter<string>;
     sortChange: EventEmitter<Sort>;
+    selectedRowsInfo: EventEmitter<TableColumnSchema[]>;
     displayedColumns: string[];
     isMobileView: boolean;
     dataSource: MatTableDataSource<any>;
@@ -101,6 +106,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 +220,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; }; "isTableHeaderNeeded": { "alias": "isTableHeaderNeeded"; "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"; "selectedRowsInfo": "selectedRowsInfo"; }, 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,6 +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 { SelectedDate } from '../../models/selected-date.model';
+import { SelectedTime } from '../../models/selected-time.model';
+import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import { SlideToggleOption } from '../../models/slide-toggle-options.model';
 import * as i0 from "@angular/core";
 /**
@@ -56,7 +59,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,6 +73,9 @@ export declare class DynamicFormComponent implements OnInit, AfterContentInit {
         startDate: string;
         endDate: string;
     }>;
+    addFormGroup: EventEmitter<Event>;
+    formTimeSelected: EventEmitter<SelectedTime>;
+    supportTextLinkClick: EventEmitter<LinkEventEmitType>;
     formSlideToggleChange: EventEmitter<SlideToggleOption>;
     form: FormGroup;
     formGroupArray: FormGroup[];
@@ -172,10 +178,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
@@ -221,6 +233,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"; "formSlideToggleChange": "formSlideToggleChange"; }, 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/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/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,6 +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 { SelectedDate } from '../../models/selected-date.model';
+import { SelectedTime } from '../../models/selected-time.model';
+import { LinkEventEmitType } from '../../models/event-emit-type.model';
 import { SlideToggleOption } from '../../models/slide-toggle-options.model';
 import * as i0 from "@angular/core";
 /**
@@ -47,7 +50,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,6 +65,8 @@ export declare class DynamicFormFieldDirective implements FormField, OnInit, OnD
     autoCompleteOptionSelected: EventEmitter<Event>;
     formCheckboxSelection: EventEmitter<CheckboxOption>;
     formInputValue: EventEmitter<string | number>;
+    addFormGroup: EventEmitter<Event>;
+    supportTextLinkClick: EventEmitter<LinkEventEmitType>;
     formSlideToggleChange: EventEmitter<SlideToggleOption>;
     component: ComponentRef<any>;
     constructor(container: ViewContainerRef);
@@ -80,5 +86,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"; "formSlideToggleChange": "formSlideToggleChange"; }, never, never, true, never>;
 }

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

@@ -0,0 +1,4 @@
+export declare enum ButtonType {
+    NORMAL = "NORMAL",
+    ICON = "ICON"
+}

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

@@ -0,0 +1,6 @@
+import { ButtonType } from './button-type.model';
+import { IconButton } from './icon-button.model';
+export interface CardButton extends IconButton {
+    isVisible?: boolean;
+    buttonType: ButtonType;
+}

package/lib/models/card-info.model.d.ts

@@ -0,0 +1,8 @@
+import { CardButton } from "./card-button.model";
+export interface CardInfo {
+    title: string;
+    subTitle?: string;
+    description: string;
+    headerActions?: CardButton[];
+    footerActions?: CardButton[];
+}

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,6 +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 { LinkType } from './link-type.model';
 import { SlideToggleOption } from './slide-toggle-options.model';
 export interface FieldConfig {
     isSortNeeded?: boolean;
@@ -47,5 +48,15 @@ export interface FieldConfig {
     ariaDescribedById?: string;
     ariaMultiline?: boolean;
     minSelectionRequired?: number;
+    maxCharCount?: number;
+    remainingCharsLeftMessage?: string;
+    name?: string;
+    maxRangeLimit?: number;
+    hour24?: number;
+    hour12?: number;
+    isSearch?: boolean;
+    invalidDateTimeErrorMessage?: string;
+    is24HoursTimeFormat?: boolean;
+    linkType?: LinkType;
     slideToggleOption?: SlideToggleOption;
 }

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

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

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.6",
+  "version": "0.11.8",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",
@@ -17,9 +17,7 @@
     "bootstrap": "^5.3.0",
     "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.5"
+    "zone.js": "~0.13.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"