@ieeesa-npm/presentation 0.2.4 → 0.2.6

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

@@ -1,7 +1,7 @@
 import { OnDestroy } from '@angular/core';
 import { HeaderConfig } from '../../models/header-config.model';
 import { Router } from '@angular/router';
-import { BreakpointObserver } from '@angular/cdk/layout';
+import { BreakpointObserverService } from '@ieeesa-npm/utility';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
@@ -10,7 +10,7 @@ import * as i0 from "@angular/core";
  */
 export declare class HeaderComponent implements OnDestroy {
     private router;
-    private breakpointObserver;
+    private breakPointObserverService;
     /**
      * HeaderConfig represents the configurable properties required for header component.
      * Input property of the component to get the configurable values such as logo, app title, signed in user name and logout redirect URL.
@@ -21,7 +21,7 @@ export declare class HeaderComponent implements OnDestroy {
     destroy$: Subject<boolean>;
     screenTexts: any;
     isMobileView: boolean;
-    constructor(router: Router, breakpointObserver: BreakpointObserver);
+    constructor(router: Router, breakPointObserverService: BreakpointObserverService);
     /**
      * Desktop event to navigate to logout page.
      * @memberof HeaderComponent

package/lib/components/icon-button/icon-button.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import { IconButton } from '../../models/icon-button.model';
+import * as i0 from "@angular/core";
+/**
+ * Creates svg icon as button component.
+ * @export
+ * @class IconButtonComponent
+ */
+export declare class IconButtonComponent {
+    iconButton: IconButton;
+    iconButtonClick: EventEmitter<IconButton>;
+    /**
+     * Emits the clicked icon button information.
+     * @param {Event} IconButton
+     * @memberof IconButtonComponent
+     */
+    onClick(event: IconButton): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "ieeesa-icon-button", never, { "iconButton": { "alias": "iconButton"; "required": false; }; }, { "iconButtonClick": "iconButtonClick"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,8 @@
+import { Legend } from '../../models/legend.model';
+import * as i0 from "@angular/core";
+export declare class LegendComponent {
+    legends: Legend[];
+    trackByFn(index: number, item: Legend): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LegendComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LegendComponent, "ieeesa-legend", never, { "legends": { "alias": "legends"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,29 @@
+import { EventEmitter } from '@angular/core';
+import { Menu } from '../../models/menu.model';
+import * as i0 from "@angular/core";
+/**
+ * Creates menu and the menu items are icon based buttons
+ * @export
+ * @class MenuComponent
+ */
+export declare class MenuComponent {
+    constants: any;
+    menuItems: Menu[];
+    menuItemClick: EventEmitter<Menu>;
+    /**
+     * Emits the clicked menu item
+     * @param {Menu} menu
+     * @memberof MenuComponent
+     */
+    onMenuItemClick(menu: Menu): void;
+    /**
+     * Takes the index and the menu item as arguments and needs to return the unique identifier for this item.
+     * @param {number} index
+     * @param {Menu} menu
+     * @return {number}
+     * @memberof 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>;
+}

package/lib/directives/set-background/set-background.directive.d.ts

@@ -0,0 +1,28 @@
+import { OnInit } from '@angular/core';
+import { SafeStyle } from '@angular/platform-browser';
+import { SafePipe } from '@ieeesa-npm/utility';
+import * as i0 from "@angular/core";
+/**
+ * Sets background color and image for the attached element.
+ * @export
+ * @class SetBackgroundDirective
+ * @implements {OnInit}
+ */
+export declare class SetBackgroundDirective implements OnInit {
+    private safePipe;
+    background: {
+        color?: string;
+        imgURL?: string;
+    };
+    bg: SafeStyle;
+    bgSize: string;
+    constants: any;
+    constructor(safePipe: SafePipe);
+    /**
+     * Sets the elements background color and image.
+     * @memberof SetBackgroundDirective
+     */
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SetBackgroundDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SetBackgroundDirective, "[ieeesaSetBackground]", never, { "background": { "alias": "background"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/models/icon-button.model.d.ts

@@ -0,0 +1,7 @@
+export interface IconButton {
+    id: number;
+    iconURL: string;
+    label?: string;
+    ariaLabel: string;
+    toolTip: string;
+}

package/lib/models/legend.model.d.ts

@@ -0,0 +1,4 @@
+export interface Legend {
+    label: string;
+    color: string;
+}

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

@@ -0,0 +1,8 @@
+export interface Menu {
+    id: number;
+    iconURL: string;
+    label: string;
+    ariaLabel: string;
+    toolTip: string;
+    isToolTipNeeded: boolean;
+}

package/package.json

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

package/public-api.d.ts

@@ -5,8 +5,12 @@ export * from './lib/components/date-picker-header/date-picker-header.component'
 export * from './lib/components/dynamic-form/dynamic-form.component';
 export * from './lib/components/footer/footer.component';
 export * from './lib/components/form-error/form-error.component';
+export * from './lib/components/form-support-text/form-support-text.component';
 export * from './lib/components/header/header.component';
+export * from './lib/components/icon-button/icon-button.component';
 export * from './lib/components/input/input.component';
+export * from './lib/components/legend/legend.component';
+export * from './lib/components/menu/menu.component';
 export * from './lib/components/modal/modal.component';
 export * from './lib/components/modal-confirmation/modal-confirmation.component';
 export * from './lib/components/navigation-menu/navigation-menu.component';
@@ -16,9 +20,9 @@ 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/form-support-text/form-support-text.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/autocomplete-option.model';
 export * from './lib/models/calendar.model';
@@ -32,6 +36,9 @@ export * from './lib/models/form-field.model';
 export * from './lib/models/form-grid.model';
 export * from './lib/models/form.model';
 export * from './lib/models/header-config.model';
+export * from './lib/models/icon-button.model';
+export * from './lib/models/legend.model';
+export * from './lib/models/menu.model';
 export * from './lib/models/navigation-menu.model';
 export * from './lib/models/radio-option.model';
 export * from './lib/models/search.model';

package/src/lib/assets/constants.json

@@ -4,6 +4,7 @@
     "warning": "Warning",
     "previousMonth": "Previous month",
     "nextMonth": "Next month",
+    "menuIcon": "Menu",
     "close": "Close"
   },
   "button": {
@@ -88,5 +89,6 @@
       "hyperLinkPart3": " IEEE Terms and Conditions.",
       "textPart4": "A not-for-profit organization, IEEE is the world's largest technical professional organization dedicated to advancing technology for the benefit of humanity."
     }
-  }
+  },
+  "defaultWelcomeBgColor": "#C0DCED"
 }