@ieeesa-npm/presentation 0.8.5 → 0.8.7

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

@@ -23,6 +23,7 @@ export declare class SearchComponent implements OnInit, AfterViewInit, OnDestroy
     formControlName: string;
     placeholderLabel: string;
     searchTerm: string;
+    supportMessage: string;
     searchType: SearchType;
     searchValue: EventEmitter<any>;
     searchControl: ElementRef;
@@ -69,5 +70,5 @@ export declare class SearchComponent implements OnInit, AfterViewInit, OnDestroy
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "ieeesa-search", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchTerm": { "alias": "searchTerm"; "required": false; }; "searchType": { "alias": "searchType"; "required": false; }; "minCharacterToSearch": { "alias": "minCharacterToSearch"; "required": false; }; }, { "searchValue": "searchValue"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchComponent, "ieeesa-search", never, { "formControlName": { "alias": "formControlName"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "searchTerm": { "alias": "searchTerm"; "required": false; }; "supportMessage": { "alias": "supportMessage"; "required": false; }; "searchType": { "alias": "searchType"; "required": false; }; "minCharacterToSearch": { "alias": "minCharacterToSearch"; "required": false; }; }, { "searchValue": "searchValue"; }, never, never, true, never>;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { AppConfigInfo } from '../../models/app-config-info.model';
 import { Router } from '@angular/router';
 import * as i0 from "@angular/core";
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  * @implements {OnInit}
  * @implements {OnDestroy}
  */
-export declare class WelcomeComponent {
+export declare class WelcomeComponent implements OnInit {
     private router;
     /**
      * AppConfigInfo data can be passed as input while calling this component using selector and it can also be passed as a route data.
@@ -23,6 +23,7 @@ export declare class WelcomeComponent {
     constants: any;
     url: string;
     constructor(router: Router);
+    ngOnInit(): void;
     /**
      * Navigates to passed sign up route url or emits the click event in case route url is not there.
      * @param {Event} event

package/lib/models/app-config-info.model.d.ts

@@ -12,4 +12,5 @@ export interface AppConfigInfo {
     redirectUrlPostSignOut: string;
     signOutRedirectionCookie: string;
     createAccountRouteUrl?: string;
+    createAccountUrl?: string;
 }

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.7",
   "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.1",
+    "@ieeesa-npm/feature": "^0.7.0"
   },
   "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": {