@ieeesa-npm/presentation 0.0.8 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/footer/footer.component.mjs +47 -0
- package/esm2022/lib/components/header/header.component.mjs +56 -0
- package/esm2022/lib/components/navigation-menu/navigation-menu.component.mjs +77 -0
- package/esm2022/lib/components/notification/notification.component.mjs +3 -3
- package/esm2022/public-api.mjs +4 -1
- package/fesm2022/ieeesa-npm-presentation.mjs +171 -15
- package/fesm2022/ieeesa-npm-presentation.mjs.map +1 -1
- package/lib/components/footer/footer.component.d.ts +34 -0
- package/lib/components/header/header.component.d.ts +37 -0
- package/lib/components/navigation-menu/navigation-menu.component.d.ts +38 -0
- package/package.json +3 -2
- package/public-api.d.ts +3 -0
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { OnInit } from '@angular/core';
|
|
2
|
+
import { FooterConfig, FooterLink } from '../../models/footer-config.model';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
/**
|
|
5
|
+
* Implements & displays copyright information and IEEE quick access links.
|
|
6
|
+
* @class FooterComponent
|
|
7
|
+
* @implements {OnInit}
|
|
8
|
+
*/
|
|
9
|
+
export declare class FooterComponent implements OnInit {
|
|
10
|
+
/**
|
|
11
|
+
* Input property to get the configuration information of footer copyright text and quick access links.
|
|
12
|
+
* @type {FooterConfig}
|
|
13
|
+
* @memberof FooterComponent
|
|
14
|
+
*/
|
|
15
|
+
footerConfig: FooterConfig;
|
|
16
|
+
screenTexts: any;
|
|
17
|
+
currentYear: number;
|
|
18
|
+
/**
|
|
19
|
+
* Initializes the component with default values if not provided.
|
|
20
|
+
* @return -returns nothing
|
|
21
|
+
* @memberof FooterComponent
|
|
22
|
+
*/
|
|
23
|
+
ngOnInit(): void;
|
|
24
|
+
/**
|
|
25
|
+
* TrackByFunction is called for each item in the collection and return a unique identifier for that item.
|
|
26
|
+
* @param {number} index -The index of the current item in the collection.
|
|
27
|
+
* @param {FooterLink} link -Link object with required properties.
|
|
28
|
+
* @return {string} -returns link label as an unique identifier.
|
|
29
|
+
* @memberof FooterComponent
|
|
30
|
+
*/
|
|
31
|
+
trackByFunc(index: number, link: FooterLink): string;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<FooterComponent, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FooterComponent, "ieeesa-footer", never, { "footerConfig": { "alias": "footerConfig"; "required": false; }; }, {}, never, never, true, never>;
|
|
34
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { OnDestroy } from '@angular/core';
|
|
2
|
+
import { HeaderConfig } from '../../models/header-config.model';
|
|
3
|
+
import { Router } from '@angular/router';
|
|
4
|
+
import { BreakpointObserver } from '@angular/cdk/layout';
|
|
5
|
+
import { Subject } from 'rxjs';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
/**
|
|
8
|
+
* Implements & displays application logo, title, signed in user information, sign-out link, and hamburger link for mobile view.
|
|
9
|
+
* @class HeaderComponent
|
|
10
|
+
*/
|
|
11
|
+
export declare class HeaderComponent implements OnDestroy {
|
|
12
|
+
private router;
|
|
13
|
+
private breakpointObserver;
|
|
14
|
+
/**
|
|
15
|
+
* HeaderConfig represents the configurable properties required for header component.
|
|
16
|
+
* Input property of the component to get the configurable values such as logo, app title, signed in user name and logout redirect URL.
|
|
17
|
+
* @type {HeaderConfig}
|
|
18
|
+
* @memberof HeaderComponent
|
|
19
|
+
*/
|
|
20
|
+
headerConfig: HeaderConfig;
|
|
21
|
+
destroy$: Subject<boolean>;
|
|
22
|
+
screenTexts: any;
|
|
23
|
+
isMobileView: boolean;
|
|
24
|
+
constructor(router: Router, breakpointObserver: BreakpointObserver);
|
|
25
|
+
/**
|
|
26
|
+
* Desktop event to navigate to logout page.
|
|
27
|
+
* @memberof HeaderComponent
|
|
28
|
+
*/
|
|
29
|
+
logout(): void;
|
|
30
|
+
/**
|
|
31
|
+
* Cleans up resources when the component is destroyed.
|
|
32
|
+
* @memberof HeaderComponent
|
|
33
|
+
*/
|
|
34
|
+
ngOnDestroy(): void;
|
|
35
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
|
|
36
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "ieeesa-header", never, { "headerConfig": { "alias": "headerConfig"; "required": false; }; }, {}, never, never, true, never>;
|
|
37
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { ChangeDetectorRef, OnDestroy } from '@angular/core';
|
|
2
|
+
import { MediaMatcher } from '@angular/cdk/layout';
|
|
3
|
+
import { SideMenuItem } from '../../models/navigation-menu.model';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* The component accepts menu items data as configurable input parameter and the menus are populated based on it.
|
|
7
|
+
* The component checks the defined mobile device resolution and accordingly updates the side navigation menu view.
|
|
8
|
+
* The component accepts menu opened/closed state as an input parameter. By default, the side menu is configured to open state.
|
|
9
|
+
* @export
|
|
10
|
+
* @class NavigationMenuComponent
|
|
11
|
+
* @implements {OnDestroy}
|
|
12
|
+
*/
|
|
13
|
+
export declare class NavigationMenuComponent implements OnDestroy {
|
|
14
|
+
changeDetectorRef: ChangeDetectorRef;
|
|
15
|
+
media: MediaMatcher;
|
|
16
|
+
isMenuOpen: boolean;
|
|
17
|
+
SideMenu: SideMenuItem[];
|
|
18
|
+
mobileQuery: MediaQueryList;
|
|
19
|
+
mobileQueryListener: () => void;
|
|
20
|
+
constructor(changeDetectorRef: ChangeDetectorRef, media: MediaMatcher);
|
|
21
|
+
/**
|
|
22
|
+
* Takes the index and the current item as arguments and needs to return the unique identifier for this item.
|
|
23
|
+
* @param {number} index
|
|
24
|
+
* @param {array} menuItems
|
|
25
|
+
* @return {number}
|
|
26
|
+
* @memberof NavigationMenuComponent
|
|
27
|
+
*/
|
|
28
|
+
trackByFn(index: number, menuItems: any): number;
|
|
29
|
+
/**
|
|
30
|
+
* This method returns the status for menu to be opened or closed by default, basis on device resolution
|
|
31
|
+
* @return {boolean}
|
|
32
|
+
* @memberof NavigationMenuComponent
|
|
33
|
+
*/
|
|
34
|
+
isMenuOpened(): boolean;
|
|
35
|
+
ngOnDestroy(): void;
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NavigationMenuComponent, never>;
|
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NavigationMenuComponent, "ieeesa-navigation-menu", never, { "isMenuOpen": { "alias": "isMenuOpen"; "required": false; }; "SideMenu": { "alias": "SideMenu"; "required": false; }; }, {}, never, never, true, never>;
|
|
38
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ieeesa-npm/presentation",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^16.1.0",
|
|
6
6
|
"@angular/core": "^16.1.0",
|
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
"bootstrap": "^5.3.0",
|
|
18
18
|
"moment": "^2.29.4",
|
|
19
19
|
"rxjs": "~7.8.0",
|
|
20
|
-
"zone.js": "~0.13.0"
|
|
20
|
+
"zone.js": "~0.13.0",
|
|
21
|
+
"@ieeesa-npm/shared-styles": "^0.0.2"
|
|
21
22
|
},
|
|
22
23
|
"dependencies": {
|
|
23
24
|
"tslib": "^2.3.0"
|
package/public-api.d.ts
CHANGED
|
@@ -11,6 +11,9 @@ export * from './lib/components/search/search.component';
|
|
|
11
11
|
export * from './lib/components/date-picker/date-picker.component';
|
|
12
12
|
export * from './lib/components/date-picker-header/date-picker-header.component';
|
|
13
13
|
export * from './lib/components/select/select.component';
|
|
14
|
+
export * from './lib/components/header/header.component';
|
|
15
|
+
export * from './lib/components/footer/footer.component';
|
|
16
|
+
export * from './lib/components/navigation-menu/navigation-menu.component';
|
|
14
17
|
export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
|
|
15
18
|
export * from './lib/models/field-config.model';
|
|
16
19
|
export * from './lib/models/form-field.model';
|