@ieeesa-npm/presentation 0.8.5 → 0.8.6

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

@@ -117,17 +117,29 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
             };
             ariaLabel: {
                 helpLink: string;
-                userProfile: string;
                 hamburgerMenu: string;
             };
             label: {
                 signOut: string;
             };
-        }; /**
-         * Onclick the chip, it emits selectedChip event with selected chip.
-         * @param {ChipOption} chip
-         * @memberof ChipComponent
-         */
+            buttons: {
+                id: number;
+                iconURL: string;
+                toolTip: string;
+                ariaLabel: string;
+            }[];
+            userProfileMenuOptions: {
+                id: number;
+                iconURL: string;
+                label: string;
+                ariaLabel: string;
+                toolTip: string;
+                isToolTipNeeded: boolean; /**
+                 * Shows list of chips on the basis of view more/less button state.
+                 * @memberof ChipComponent
+                 */
+            }[];
+        };
         footer: {
             alt: {
                 logo: string;

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

@@ -2,6 +2,8 @@ import { EventEmitter, OnDestroy } from '@angular/core';
 import { HeaderConfig } from '../../models/header-config.model';
 import { BreakpointObserverService, AuthService, StorageService } from '@ieeesa-npm/utility';
 import { Subject } from 'rxjs';
+import { Menu } from '../../models/menu.model';
+import { IconButton } from '../../models/icon-button.model';
 import * as i0 from "@angular/core";
 /**
  * Implements & displays application logo, title, signed in user information, sign-out link, and hamburger link for mobile view.
@@ -20,10 +22,15 @@ export declare class HeaderComponent implements OnDestroy {
      */
     set headerConfig(value: HeaderConfig);
     get headerConfig(): HeaderConfig;
+    set menuConfig(value: Menu[]);
+    get menuConfig(): Menu[];
     destroy$: Subject<boolean>;
     screenTexts: any;
     isMobileView: boolean;
     toggleNavMenuClick: EventEmitter<Event>;
+    private profileMenuOptions;
+    userProfileIconButton: IconButton;
+    menuItems: Menu[];
     constructor(breakPointObserverService: BreakpointObserverService, authService: AuthService, storageService: StorageService);
     /**
      * Desktop event to navigate to logout page.
@@ -37,11 +44,18 @@ export declare class HeaderComponent implements OnDestroy {
      * @memberof HeaderComponent
      */
     toggleNavMenu(event: Event): void;
+    /**
+     * Handles the profile menu item click event and calls the logout
+     * method when Sign Out button is clicked..
+     * @param {Menu} menu
+     * @memberof HeaderComponent
+     */
+    onUserProfileMenuClick(menu: Menu): void;
     /**
      * Cleans up resources when the component is destroyed.
      * @memberof HeaderComponent
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "ieeesa-header", never, { "headerConfig": { "alias": "headerConfig"; "required": false; }; }, { "toggleNavMenuClick": "toggleNavMenuClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "ieeesa-header", never, { "headerConfig": { "alias": "headerConfig"; "required": false; }; "menuConfig": { "alias": "menuConfig"; "required": false; }; }, { "toggleNavMenuClick": "toggleNavMenuClick"; }, never, never, true, never>;
 }

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '@angular/core';
 import { Menu } from '../../models/menu.model';
+import { IconButton } from '../../models/icon-button.model';
 import * as i0 from "@angular/core";
 /**
  * Creates menu and the menu items are icon based buttons
@@ -9,6 +10,8 @@ import * as i0 from "@angular/core";
 export declare class MenuComponent {
     constants: any;
     menuItems: Menu[];
+    button: IconButton;
+    isMarginBottomZero: boolean;
     menuItemClick: EventEmitter<Menu>;
     /**
      * Emits the clicked menu item
@@ -25,5 +28,5 @@ export declare class MenuComponent {
      */
     trackByFn(index: number, menu: Menu): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "ieeesa-menu", never, { "menuItems": { "alias": "menuItems"; "required": false; }; }, { "menuItemClick": "menuItemClick"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "ieeesa-menu", never, { "menuItems": { "alias": "menuItems"; "required": false; }; "button": { "alias": "button"; "required": false; }; "isMarginBottomZero": { "alias": "isMarginBottomZero"; "required": false; }; }, { "menuItemClick": "menuItemClick"; }, never, never, true, never>;
 }

package/lib/models/profile-menu.model.d.ts

@@ -0,0 +1,4 @@
+export declare enum UserProfileMenu {
+    USER_PROFILE = 1,
+    SIGN_OUT = 2
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.8.5",
+  "version": "0.8.6",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",
@@ -18,8 +18,8 @@
     "moment": "^2.29.4",
     "rxjs": "~7.8.0",
     "zone.js": "~0.13.0",
-    "@ieeesa-npm/shared-styles": "^0.1.9",
-    "@ieeesa-npm/feature": "^0.6.6"
+    "@ieeesa-npm/shared-styles": "^0.2.0",
+    "@ieeesa-npm/feature": "^0.6.9"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -59,6 +59,7 @@ export * from './lib/models/table-actions.model';
 export * from './lib/models/table-schema.model';
 export * from './lib/models/breadcrumb.model';
 export * from './lib/models/tile.model';
+export * from './lib/models/profile-menu.model';
 export * from './lib/services/datepicker.service';
 export * from './lib/services/form-utility.service';
 export * from './lib/presentation.module';

package/src/lib/assets/constants.json

@@ -119,12 +119,37 @@
     },
     "ariaLabel": {
       "helpLink": "Help Link",
-      "userProfile": "User profile",
       "hamburgerMenu": "Hamburger Menu"
     },
     "label": {
       "signOut": "Sign Out"
-    }
+    },
+    "buttons": [
+      {
+        "id": 5,
+        "iconURL": "assets/images/sprites/sprites.svg#icon-header-user-profile",
+        "toolTip": "User Profile",
+        "ariaLabel": "User Profile"
+      }
+    ],
+    "userProfileMenuOptions": [
+      {
+        "id": 1,
+        "iconURL": "",
+        "label": "My Profile",
+        "ariaLabel": "My Profile",
+        "toolTip": "",
+        "isToolTipNeeded": false
+      },
+      {
+        "id": 2,
+        "iconURL": "",
+        "label": "Sign Out",
+        "ariaLabel": "Sign Out",
+        "toolTip": "",
+        "isToolTipNeeded": false
+      }
+    ]
   },
   "footer": {
     "alt": {