@ieeesa-npm/presentation 0.3.7 → 0.3.9

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

@@ -1,4 +1,4 @@
-import { OnDestroy } from '@angular/core';
+import { EventEmitter, OnDestroy } from '@angular/core';
 import { HeaderConfig } from '../../models/header-config.model';
 import { Router } from '@angular/router';
 import { BreakpointObserverService } from '@ieeesa-npm/utility';
@@ -21,17 +21,24 @@ export declare class HeaderComponent implements OnDestroy {
     destroy$: Subject<boolean>;
     screenTexts: any;
     isMobileView: boolean;
+    toggleNavMenuClick: EventEmitter<Event>;
     constructor(router: Router, breakPointObserverService: BreakpointObserverService);
     /**
      * Desktop event to navigate to logout page.
      * @memberof HeaderComponent
      */
     logout(): void;
+    /**
+     * Emits toggleNavMenuClick event once hamburger icon is clicked.
+     * @param {Event} event
+     * @memberof HeaderComponent
+     */
+    toggleNavMenu(event: Event): 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; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "ieeesa-header", never, { "headerConfig": { "alias": "headerConfig"; "required": false; }; }, { "toggleNavMenuClick": "toggleNavMenuClick"; }, never, never, true, never>;
 }

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

@@ -1,4 +1,5 @@
 import { ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { MatSidenav } from '@angular/material/sidenav';
 import { MediaMatcher } from '@angular/cdk/layout';
 import { SideMenuItem } from '../../models/navigation-menu.model';
 import * as i0 from "@angular/core";
@@ -15,6 +16,7 @@ export declare class NavigationMenuComponent implements OnDestroy {
     media: MediaMatcher;
     isMenuOpen: boolean;
     SideMenu: SideMenuItem[];
+    navMenu: MatSidenav;
     mobileQuery: MediaQueryList;
     mobileQueryListener: () => void;
     constructor(changeDetectorRef: ChangeDetectorRef, media: MediaMatcher);
@@ -32,6 +34,11 @@ export declare class NavigationMenuComponent implements OnDestroy {
      * @memberof NavigationMenuComponent
      */
     isMenuOpened(): boolean;
+    /**
+     *  Toggles the navigation menu state.
+     * @memberof NavigationMenuComponent
+     */
+    toggleNavMenu(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavigationMenuComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NavigationMenuComponent, "ieeesa-navigation-menu", never, { "isMenuOpen": { "alias": "isMenuOpen"; "required": false; }; "SideMenu": { "alias": "SideMenu"; "required": false; }; }, {}, never, never, true, never>;

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

@@ -0,0 +1,41 @@
+import { EventEmitter, OnDestroy } from '@angular/core';
+import { AppConfigInfo } from '../../models/app-config-info.model';
+import { Router } from '@angular/router';
+import { LoaderService } from '@ieeesa-npm/utility';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Provides reusable implementation to pre-login page by getting the application config information as an input to the component.
+ * @export
+ * @class WelcomeComponent
+ * @implements {OnInit}
+ * @implements {OnDestroy}
+ */
+export declare class WelcomeComponent implements OnDestroy {
+    private router;
+    private loaderService;
+    /**
+     * AppConfigInfo data can be passed as input while calling this component using selector and it can also be passed as a route data.
+     * @usage <nesc-welcome [appConfigInfo]="appConfigInfo"></nesc-welcome> or routes: Route[]=[{ path: 'landing', component: WelcomeComponent, data:{appConfigInfo:appConfigInfo} }]
+     * @type {AppConfigInfo}
+     * @memberof WelcomeComponent
+     */
+    appConfigInfo: AppConfigInfo;
+    signInClick: EventEmitter<Event>;
+    constants: any;
+    destroy$: Subject<boolean>;
+    constructor(router: Router, loaderService: LoaderService);
+    /**
+     * Navigates to passed sign in route url or emits the click event in case route url is not there.
+     * @param {Event} event
+     * @memberof WelcomeComponent
+     */
+    onSignInClick(event: Event): void;
+    /**
+     * Unsubscribes the open subscriptions while destroying the component.
+     * @memberof ReusableErrorPageComponent
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<WelcomeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WelcomeComponent, "ieeesa-welcome", never, { "appConfigInfo": { "alias": "appConfigInfo"; "required": false; }; }, { "signInClick": "signInClick"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,9 @@
+export interface AppConfigInfo {
+    appTitle: string;
+    appDescription: string;
+    background?: {
+        color?: string;
+        imgURL?: string;
+    };
+    signInRouteUrl?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.3.7",
+  "version": "0.3.9",
   "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.0.6",
-    "@ieeesa-npm/feature": "^0.2.0"
+    "@ieeesa-npm/shared-styles": "^0.0.7",
+    "@ieeesa-npm/feature": "^0.2.1"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -20,10 +20,12 @@ export * from './lib/components/search/search.component';
 export * from './lib/components/select/select.component';
 export * from './lib/components/text-area/text-area.component';
 export * from './lib/components/toggle-button/toggle-button.component';
+export * from './lib/components/welcome/welcome.component';
 export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
 export * from './lib/directives/focus-invalid-form-field/focus-invalid-form-field.directive';
 export * from './lib/directives/set-background/set-background.directive';
 export * from './lib/models/align-type.model';
+export * from './lib/models/app-config-info.model';
 export * from './lib/models/autocomplete-option.model';
 export * from './lib/models/calendar.model';
 export * from './lib/models/checkbox-option.model';

package/src/lib/assets/constants.json

@@ -90,5 +90,19 @@
       "textPart4": "A not-for-profit organization, IEEE is the world's largest technical professional organization dedicated to advancing technology for the benefit of humanity."
     }
   },
+  "welcome": {
+    "buttons": [
+      {
+        "label": "Create Account",
+        "ariaLabel": "Create Account",
+        "url": "https://www.ieee.org/profile/public/createwebaccount/showCreateAccount.html"
+      },
+      {
+        "label": "Sign In",
+        "ariaLabel": "",
+        "url": ""
+      }
+    ]
+  },
   "defaultWelcomeBgColor": "#C0DCED"
 }