@ieeesa-npm/presentation 0.12.2 → 0.12.3

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

@@ -33,6 +33,11 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
             ok: string;
             add: string;
         };
+        modalConfig: {
+            ariaLabel: string;
+            autoFocus: string;
+            width: string;
+        };
         chips: {
             noOfDefaultVisibleChips: number;
             label: {
@@ -94,6 +99,11 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 clearAll: string;
             };
             buttons: {
+                /**
+                 * Onclick the chip, it emits selectedChip event with selected chip.
+                 * @param {ChipOption} chip
+                 * @memberof ChipComponent
+                 */
                 id: number;
                 iconURL: string;
                 toolTip: string;
@@ -139,10 +149,7 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 logo: string;
             };
             links: {
-                label: string; /**
-                 * Sets the isViewMoreNeeded value based on hasViewMore and isMobileView values.
-                 * @memberof ChipsComponent
-                 */
+                label: string;
                 ariaLabel: string;
                 redirectUrl: string;
             }[];

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

@@ -1,27 +1,52 @@
-import { ComponentRef, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { ComponentRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from '@angular/core';
+import { MatTabChangeEvent, MatTabGroup } from '@angular/material/tabs';
 import { Tab } from '../../models/tab.model';
+import { MatDialog } from '@angular/material/dialog';
+import { ConfirmationModalData } from '../../models/confirmation-modal-data.model';
+import { Subject } from 'rxjs';
+import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class TabsComponent implements OnInit, OnDestroy {
+    dialog: MatDialog;
     componentContainer: ViewContainerRef;
     componentRef: ComponentRef<any>;
     isComponentLoaded: boolean;
+    previousTabIndex: number;
+    private isFormValuesChanged;
     selectedTabIndex: number;
     private _tabs;
     set tabs(tab: Tab[]);
     get tabs(): Tab[];
+    set isFormChanged(status: boolean);
+    get isFormChanged(): boolean;
+    confirmationModalConfig: ConfirmationModalData;
+    selectedIndexChange: EventEmitter<MatTabChangeEvent>;
+    destroy$: Subject<boolean>;
+    formCancel: EventEmitter<any>;
+    formSubmit: EventEmitter<FormGroup<any>[]>;
+    constants: any;
+    modalConfigTexts: any;
+    constructor(dialog: MatDialog);
     /**
-     * Verifies tabs count and calls createComponent() to load selected component
+     * Verifies tabs count and calls createComponent() to load selected component.
      * @memberof TabsComponent
      */
     ngOnInit(): void;
+    /**
+     * Opens confirmation modal on tab change event when leaving with unsaved changes.
+     * @param {MatTabGroup} tab
+     * @param event
+     * @memberof TabsComponent
+     */
+    onTabChange(tab: MatTabGroup, event: MatTabChangeEvent): void;
     /**
      * Loads the respective component on tab change event when componentRef is available.
-     * @param {number} index
+     * @param {MatTabChangeEvent} event
      * @memberof TabsComponent
      */
-    onTabChange(index: number): void;
+    loadSelectedTabContent(event: MatTabChangeEvent): 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
+     * 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
      */
@@ -40,5 +65,5 @@ export declare class TabsComponent implements OnInit, OnDestroy {
      */
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ieeesa-tabs", never, { "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "isFormChanged": { "alias": "isFormChanged"; "required": false; }; "confirmationModalConfig": { "alias": "confirmationModalConfig"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.12.2",
+  "version": "0.12.3",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",

package/src/lib/assets/constants.json

@@ -14,6 +14,11 @@
     "ok": "OK",
     "add": "Add"
   },
+  "modalConfig": {
+    "ariaLabel": "Alert",
+    "autoFocus": "dialog",
+    "width": "25%"
+  },
   "chips": {
     "noOfDefaultVisibleChips": 3,
     "label": {