sgh-navbar 0.0.5 → 0.0.6

package/esm2020/lib/sgh-navbar.module.mjs

@@ -15,6 +15,7 @@ import { MatToolbarModule } from "@angular/material/toolbar";
 import { MatButtonModule } from "@angular/material/button";
 import { MatInputModule } from "@angular/material/input";
 import { SghNavbarService } from "./sgh-navbar.service";
+import { NoftificationListComponent } from "./toolbar/noftification-list/noftification-list.component";
 import * as i0 from "@angular/core";
 export class SghNavbarModule {
 }
@@ -23,7 +24,8 @@ SghNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         SublevelMenuComponent,
         SidenavComponent,
         ToolbarComponent,
-        MenuListItemComponent], imports: [BrowserAnimationsModule,
+        MenuListItemComponent,
+        NoftificationListComponent], imports: [BrowserAnimationsModule,
         CommonModule,
         HttpClientModule,
         RouterModule,
@@ -54,7 +56,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         SublevelMenuComponent,
                         SidenavComponent,
                         ToolbarComponent,
-                        MenuListItemComponent
+                        MenuListItemComponent,
+                        NoftificationListComponent
                     ],
                     imports: [
                         BrowserAnimationsModule,
@@ -77,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     providers: [SghNavbarService],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2doLW5hdmJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2doLW5hdmJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUU3QyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sbURBQW1ELENBQUM7QUFDeEYsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7O0FBK0J0RCxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQTFCeEIsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQixnQkFBZ0I7UUFDaEIsZ0JBQWdCO1FBQ2hCLHFCQUFxQixhQUdyQix1QkFBdUI7UUFDdkIsWUFBWTtRQUNaLGdCQUFnQjtRQUNoQixZQUFZO1FBQ1osV0FBVztRQUNYLGFBQWE7UUFDYixhQUFhO1FBQ2IsZ0JBQWdCO1FBQ2hCLGVBQWU7UUFDZixjQUFjLGFBR2Qsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQixnQkFBZ0I7UUFDaEIsZ0JBQWdCOzZHQUlQLGVBQWUsYUFGaEIsQ0FBQyxnQkFBZ0IsQ0FBQyxZQWpCMUIsdUJBQXVCO1FBQ3ZCLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsWUFBWTtRQUNaLFdBQVc7UUFDWCxhQUFhO1FBQ2IsYUFBYTtRQUNiLGdCQUFnQjtRQUNoQixlQUFlO1FBQ2YsY0FBYzsyRkFVTCxlQUFlO2tCQTVCM0IsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osa0JBQWtCO3dCQUNsQixxQkFBcUI7d0JBQ3JCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3dCQUNoQixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCx1QkFBdUI7d0JBQ3ZCLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7d0JBQ2xCLHFCQUFxQjt3QkFDckIsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7cUJBQ2pCO29CQUNELFNBQVMsRUFBQyxDQUFDLGdCQUFnQixDQUFDO2lCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNnaE5hdmJhckNvbXBvbmVudCB9IGZyb20gJy4vc2doLW5hdmJhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTdWJsZXZlbE1lbnVDb21wb25lbnQgfSBmcm9tICcuL3NpZGVuYXYvc3VibGV2ZWwtbWVudS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTaWRlbmF2Q29tcG9uZW50IH0gZnJvbSAnLi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVG9vbGJhckNvbXBvbmVudCB9IGZyb20gJy4vdG9vbGJhci90b29sYmFyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJyb3dzZXJBbmltYXRpb25zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgSHR0cENsaWVudE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcclxuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7TWF0TGVnYWN5TGlzdE1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2xlZ2FjeS1saXN0XCI7XHJcbmltcG9ydCB7TWF0TGlzdE1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2xpc3RcIjtcclxuaW1wb3J0IHtNZW51TGlzdEl0ZW1Db21wb25lbnR9IGZyb20gXCIuL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50XCI7XHJcbmltcG9ydCB7TWF0SWNvbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcclxuaW1wb3J0IHtNYXRUb29sYmFyTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbGJhclwiO1xyXG5pbXBvcnQge01hdEJ1dHRvbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2J1dHRvblwiO1xyXG5pbXBvcnQge01hdElucHV0TW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXRcIjtcclxuaW1wb3J0IHtTZ2hOYXZiYXJTZXJ2aWNlfSBmcm9tIFwiLi9zZ2gtbmF2YmFyLnNlcnZpY2VcIjtcclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW1xyXG4gICAgU2doTmF2YmFyQ29tcG9uZW50LFxyXG4gICAgU3VibGV2ZWxNZW51Q29tcG9uZW50LFxyXG4gICAgU2lkZW5hdkNvbXBvbmVudCxcclxuICAgIFRvb2xiYXJDb21wb25lbnQsXHJcbiAgICBNZW51TGlzdEl0ZW1Db21wb25lbnRcclxuICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIEJyb3dzZXJBbmltYXRpb25zTW9kdWxlLFxyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgSHR0cENsaWVudE1vZHVsZSxcclxuICAgIFJvdXRlck1vZHVsZSxcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgTWF0TGlzdE1vZHVsZSxcclxuICAgIE1hdEljb25Nb2R1bGUsXHJcbiAgICBNYXRUb29sYmFyTW9kdWxlLFxyXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxyXG4gICAgTWF0SW5wdXRNb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFNnaE5hdmJhckNvbXBvbmVudCxcclxuICAgIFN1YmxldmVsTWVudUNvbXBvbmVudCxcclxuICAgIFNpZGVuYXZDb21wb25lbnQsXHJcbiAgICBUb29sYmFyQ29tcG9uZW50XHJcbiAgXSxcclxuICBwcm92aWRlcnM6W1NnaE5hdmJhclNlcnZpY2VdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2doTmF2YmFyTW9kdWxlIHsgfVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2doLW5hdmJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2doLW5hdmJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUU3QyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sbURBQW1ELENBQUM7QUFDeEYsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDdEQsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0sMkRBQTJELENBQUM7O0FBZ0NyRyxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQTNCcEIsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQixnQkFBZ0I7UUFDaEIsZ0JBQWdCO1FBQ2hCLHFCQUFxQjtRQUNyQiwwQkFBMEIsYUFHOUIsdUJBQXVCO1FBQ3ZCLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsWUFBWTtRQUNaLFdBQVc7UUFDWCxhQUFhO1FBQ2IsYUFBYTtRQUNiLGdCQUFnQjtRQUNoQixlQUFlO1FBQ2YsY0FBYyxhQUdkLGtCQUFrQjtRQUNsQixxQkFBcUI7UUFDckIsZ0JBQWdCO1FBQ2hCLGdCQUFnQjs2R0FJUCxlQUFlLGFBRmhCLENBQUMsZ0JBQWdCLENBQUMsWUFqQjFCLHVCQUF1QjtRQUN2QixZQUFZO1FBQ1osZ0JBQWdCO1FBQ2hCLFlBQVk7UUFDWixXQUFXO1FBQ1gsYUFBYTtRQUNiLGFBQWE7UUFDYixnQkFBZ0I7UUFDaEIsZUFBZTtRQUNmLGNBQWM7MkZBVUwsZUFBZTtrQkE3QjNCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNWLGtCQUFrQjt3QkFDbEIscUJBQXFCO3dCQUNyQixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIscUJBQXFCO3dCQUNyQiwwQkFBMEI7cUJBQzdCO29CQUNILE9BQU8sRUFBRTt3QkFDUCx1QkFBdUI7d0JBQ3ZCLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7d0JBQ2xCLHFCQUFxQjt3QkFDckIsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7cUJBQ2pCO29CQUNELFNBQVMsRUFBQyxDQUFDLGdCQUFnQixDQUFDO2lCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNnaE5hdmJhckNvbXBvbmVudCB9IGZyb20gJy4vc2doLW5hdmJhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTdWJsZXZlbE1lbnVDb21wb25lbnQgfSBmcm9tICcuL3NpZGVuYXYvc3VibGV2ZWwtbWVudS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTaWRlbmF2Q29tcG9uZW50IH0gZnJvbSAnLi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVG9vbGJhckNvbXBvbmVudCB9IGZyb20gJy4vdG9vbGJhci90b29sYmFyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJyb3dzZXJBbmltYXRpb25zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgSHR0cENsaWVudE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcclxuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7TWF0TGVnYWN5TGlzdE1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2xlZ2FjeS1saXN0XCI7XHJcbmltcG9ydCB7TWF0TGlzdE1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2xpc3RcIjtcclxuaW1wb3J0IHtNZW51TGlzdEl0ZW1Db21wb25lbnR9IGZyb20gXCIuL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50XCI7XHJcbmltcG9ydCB7TWF0SWNvbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcclxuaW1wb3J0IHtNYXRUb29sYmFyTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbGJhclwiO1xyXG5pbXBvcnQge01hdEJ1dHRvbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2J1dHRvblwiO1xyXG5pbXBvcnQge01hdElucHV0TW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXRcIjtcclxuaW1wb3J0IHtTZ2hOYXZiYXJTZXJ2aWNlfSBmcm9tIFwiLi9zZ2gtbmF2YmFyLnNlcnZpY2VcIjtcclxuaW1wb3J0IHtOb2Z0aWZpY2F0aW9uTGlzdENvbXBvbmVudH0gZnJvbSBcIi4vdG9vbGJhci9ub2Z0aWZpY2F0aW9uLWxpc3Qvbm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudFwiO1xyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBkZWNsYXJhdGlvbnM6IFtcclxuICAgICAgICBTZ2hOYXZiYXJDb21wb25lbnQsXHJcbiAgICAgICAgU3VibGV2ZWxNZW51Q29tcG9uZW50LFxyXG4gICAgICAgIFNpZGVuYXZDb21wb25lbnQsXHJcbiAgICAgICAgVG9vbGJhckNvbXBvbmVudCxcclxuICAgICAgICBNZW51TGlzdEl0ZW1Db21wb25lbnQsXHJcbiAgICAgICAgTm9mdGlmaWNhdGlvbkxpc3RDb21wb25lbnRcclxuICAgIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQnJvd3NlckFuaW1hdGlvbnNNb2R1bGUsXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBIdHRwQ2xpZW50TW9kdWxlLFxyXG4gICAgUm91dGVyTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBNYXRMaXN0TW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIE1hdFRvb2xiYXJNb2R1bGUsXHJcbiAgICBNYXRCdXR0b25Nb2R1bGUsXHJcbiAgICBNYXRJbnB1dE1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgU2doTmF2YmFyQ29tcG9uZW50LFxyXG4gICAgU3VibGV2ZWxNZW51Q29tcG9uZW50LFxyXG4gICAgU2lkZW5hdkNvbXBvbmVudCxcclxuICAgIFRvb2xiYXJDb21wb25lbnRcclxuICBdLFxyXG4gIHByb3ZpZGVyczpbU2doTmF2YmFyU2VydmljZV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZ2hOYXZiYXJNb2R1bGUgeyB9XHJcbiJdfQ==

package/esm2020/lib/sidenav/toolbar-data.mjs

@@ -1,3 +1,3 @@
 export class ToolbarData {
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NpZGVuYXYvdG9vbGJhci1kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxXQUFXO0NBR3ZCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIFRvb2xiYXJEYXRhIHtcclxuICBiZ0NvbG9yOnN0cmluZztcclxuICBpbWc6c3RyaW5nO1xyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NpZGVuYXYvdG9vbGJhci1kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxXQUFXO0NBT3ZCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIFRvb2xiYXJEYXRhIHtcclxuICB0aGVtZU9wdGlvbnM6IHsgIG5hbWU6c3RyaW5nOyB2YWx1ZTpzdHJpbmc7IGNoZWNrZWQ6Ym9vbGVhbjsgfVtdXHJcbiAgYmdDb2xvcjpzdHJpbmc7XHJcbiAgaW1nOnN0cmluZztcclxuICBwcm9maWxlQ29udGVudDogc3RyaW5nO1xyXG4gIGlzVGhlbWVDb2xsYXBzZWQ6IGJvb2xlYW47XHJcbiAgcHJvZmlsZVZpZXc6IGJvb2xlYW47XHJcbn1cclxuIl19

package/esm2020/lib/toolbar/noftification-list/noftification-list.component.mjs

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class NoftificationListComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+NoftificationListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NoftificationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NoftificationListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NoftificationListComponent, selector: "app-noftification-list", ngImport: i0, template: "<div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n  <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n    <div class=\"notifications-title\" fxFlex=\"100\">\r\n      <span class=\"title mat-h3\">Notifications</span>\r\n    </div>\r\n    <div class=\"notifications-list-item\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <span class=\"item-title mat-h4\" fxFlex=\"100\">David James</span>\r\n      <span class=\"item-description mat-h5\" fxFlex=\"100\">A notification box show message</span>\r\n    </div>\r\n    <div class=\"notifications-list-item\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <span class=\"item-title mat-h4\" fxFlex=\"100\">David James</span>\r\n      <span class=\"item-description mat-h5\" fxFlex=\"100\">A notification box show message</span>\r\n    </div>\r\n    <div class=\"notifications-title\" fxFlex=\"100\">\r\n      <span class=\"see-all mat-h4\">See all</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:450px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:center;padding:20px 10px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NoftificationListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-noftification-list', template: "<div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n  <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n    <div class=\"notifications-title\" fxFlex=\"100\">\r\n      <span class=\"title mat-h3\">Notifications</span>\r\n    </div>\r\n    <div class=\"notifications-list-item\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <span class=\"item-title mat-h4\" fxFlex=\"100\">David James</span>\r\n      <span class=\"item-description mat-h5\" fxFlex=\"100\">A notification box show message</span>\r\n    </div>\r\n    <div class=\"notifications-list-item\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <span class=\"item-title mat-h4\" fxFlex=\"100\">David James</span>\r\n      <span class=\"item-description mat-h5\" fxFlex=\"100\">A notification box show message</span>\r\n    </div>\r\n    <div class=\"notifications-title\" fxFlex=\"100\">\r\n      <span class=\"see-all mat-h4\">See all</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:450px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:center;padding:20px 10px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}\n"] }]
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi90b29sYmFyL25vZnRpZmljYXRpb24tbGlzdC9ub2Z0aWZpY2F0aW9uLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3Rvb2xiYXIvbm9mdGlmaWNhdGlvbi1saXN0L25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU9sRCxNQUFNLE9BQU8sMEJBQTBCO0lBRXJDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzt1SEFMVSwwQkFBMEI7MkdBQTFCLDBCQUEwQiw4RENQdkMsdTlCQWtCQTsyRkRYYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0Usd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW5vZnRpZmljYXRpb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5vZnRpZmljYXRpb25MaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3Qtd3JhcHBlclwiIGZ4TGF5b3V0PVwicm93IHdyYXBcIj5cclxuICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9ucy1saXN0XCIgZnhMYXlvdXQ9XCJyb3cgd3JhcFwiIGZ4RmxleD1cIjEwMFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtdGl0bGVcIiBmeEZsZXg9XCIxMDBcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZSBtYXQtaDNcIj5Ob3RpZmljYXRpb25zPC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9ucy1saXN0LWl0ZW1cIiBmeExheW91dD1cInJvdyB3cmFwXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS10aXRsZSBtYXQtaDRcIiBmeEZsZXg9XCIxMDBcIj5EYXZpZCBKYW1lczwvc3Bhbj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLWRlc2NyaXB0aW9uIG1hdC1oNVwiIGZ4RmxleD1cIjEwMFwiPkEgbm90aWZpY2F0aW9uIGJveCBzaG93IG1lc3NhZ2U8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3QtaXRlbVwiIGZ4TGF5b3V0PVwicm93IHdyYXBcIiBmeEZsZXg9XCIxMDBcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLXRpdGxlIG1hdC1oNFwiIGZ4RmxleD1cIjEwMFwiPkRhdmlkIEphbWVzPC9zcGFuPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cIml0ZW0tZGVzY3JpcHRpb24gbWF0LWg1XCIgZnhGbGV4PVwiMTAwXCI+QSBub3RpZmljYXRpb24gYm94IHNob3cgbWVzc2FnZTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtdGl0bGVcIiBmeEZsZXg9XCIxMDBcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJzZWUtYWxsIG1hdC1oNFwiPlNlZSBhbGw8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/toolbar/toolbar.component.mjs

@@ -3,12 +3,13 @@ import { fadeInOut } from '../sidenav/helper';
 import * as i0 from "@angular/core";
 import * as i1 from "../sgh-navbar.service";
 import * as i2 from "@angular/common";
-import * as i3 from "@angular/router";
+import * as i3 from "@angular/material/list";
 import * as i4 from "@angular/material/icon";
 import * as i5 from "@angular/material/toolbar";
 import * as i6 from "@angular/material/button";
 import * as i7 from "@angular/material/input";
 import * as i8 from "@angular/material/form-field";
+import * as i9 from "./noftification-list/noftification-list.component";
 export class ToolbarComponent {
     constructor(navService) {
         this.navService = navService;
@@ -16,6 +17,36 @@ export class ToolbarComponent {
     }
     ngOnInit() {
         this.navService.appDrawer = this.sidenav;
+        this.toolbarData.themeOptions = [{
+                name: 'Sgh-default-theme',
+                value: 'sgh-default-theme',
+                checked: true
+            }, {
+                name: 'Sgh-light-theme',
+                value: 'sgh-light-theme',
+                checked: false
+            }, {
+                name: 'Sgh-blue-theme',
+                value: 'sgh-blue-theme',
+                checked: false
+            }];
+        this.toolbarData.profileContent = '<div>\n' +
+            '<mat-list class="profile-view-wrapper">\n' +
+            '    <mat-list-item  >\n' +
+            '    <button  mat-button >\n' +
+            '    <mat-icon matListItemIcon>person_outline</mat-icon>\n' +
+            '<div>Profile View</div>\n' +
+            '</button>\n' +
+            '</mat-list-item>\n' +
+            '<mat-divider></mat-divider>\n' +
+            '<mat-list-item >\n' +
+            '<button  mat-button [routerLink]="logOutUrl">\n' +
+            '    <mat-icon matListItemIcon>power_settings_new</mat-icon>\n' +
+            '<div>Log Out</div>\n' +
+            '</button>\n' +
+            '</mat-list-item>\n' +
+            '</mat-list>\n' +
+            '</div>';
     }
     toggleNotificationList() {
         this.showNotificationList = !this.showNotificationList;
@@ -23,16 +54,27 @@ export class ToolbarComponent {
     closeNotificationList() {
         this.showNotificationList = false;
     }
+    setClass(selected) {
+        window.document.body.classList.remove(this.prev);
+        window.document.body.classList.add(selected);
+        this.prev = selected;
+    }
+    clickTheme() {
+        this.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;
+    }
+    clickProfile() {
+        this.profileView = !this.toolbarData.profileView;
+    }
 }
 ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.SghNavbarService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToolbarComponent, selector: "app-toolbar", inputs: { toolbarData: "toolbarData" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["drawer"], descendants: true }, { propertyName: "topbar", first: true, predicate: ToolbarComponent, descendants: true }], ngImport: i0, template: "<mat-toolbar [style.background-color]=\"toolbarData.bgColor\" class=\"mat-elevation-z1\">\r\n  <div class=\"first-wrapper\">\r\n    <div class=\"tool-bar-lft\">\r\n      <div class=\"image-wrapper\">\r\n        <img  class=\"logo\" src=\"{{toolbarData.img}}\" />\r\n      </div>\r\n      <div>\r\n        <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n          <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label>Search</mat-label>\r\n        <input matInput>\r\n      </mat-form-field>\r\n      <button mat-icon-button class=\"main-search-btn\">\r\n        <mat-icon>search</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <span fxFlex></span>\r\n  <div class=\"icon-tray\">\r\n\r\n    <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n      <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n    </button>\r\n    <button mat-icon-button>\r\n      <mat-icon>person</mat-icon>\r\n    </button>\r\n    <button mat-icon-button [routerLink]=\"'/user-login/login'\">\r\n      <mat-icon>power_settings_new</mat-icon>\r\n    </button>\r\n  </div>\r\n  <div *ngIf=\"isNotifNavCollapsed\" class=\"notifications\" id=\"box\">\r\n    <h2>Notifications <i class=\"fas fa-search\"></i> - <span>2</span></h2>\r\n    <div class=\"notifications-item\"> <img src=\"https://i.imgur.com/uIgDDDd.jpg\" alt=\"img\">\r\n      <div class=\"text\">\r\n        <h4>Samso aliao</h4>\r\n        <p>Samso Nagaro Like your home work</p>\r\n      </div>\r\n    </div>\r\n    <div class=\"notifications-item\"> <img src=\"https://img.icons8.com/flat_round/64/000000/vote-badge.png\" alt=\"img\">\r\n      <div class=\"text\">\r\n        <h4>John Silvester</h4>\r\n        <p>+20 vista badge earned</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</mat-toolbar>\r\n\r\n\r\n", styles: [".mat-toolbar{display:flex;justify-content:space-between;background-size:730px;background-position:0 -85px;position:relative;color:#006068;background-image:url(lib/assets/images/Synergen_Logo-Large2.png)!important;background-repeat:repeat-x!important;box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;z-index:2}.mat-toolbar .mat-mdc-form-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field{background:transparent!important;padding:0!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-floating-label{color:#006068!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field--filled .mdc-line-ripple:after{border-bottom-color:var(--mdc-theme-primary, #006068)!important}.mat-toolbar .first-wrapper{display:flex}.mat-toolbar .first-wrapper .tool-bar-lft{display:flex;align-items:center;width:35%!important;justify-content:space-between}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper{display:contents!important}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper img{width:50%!important}.mat-toolbar .icon-tray .show-dropdown{position:relative}.mat-toolbar .icon-tray .show-dropdown:after{content:\"\";position:absolute;left:11px;top:45px;border-bottom:8px solid white;border-right:8px solid transparent;border-left:8px solid transparent;z-index:3}.mat-toolbar .notification-btn:hover{animation:tada 1.5s ease infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }], animations: [
+ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToolbarComponent, selector: "app-toolbar", inputs: { toolbarData: "toolbarData" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["drawer"], descendants: true }, { propertyName: "topbar", first: true, predicate: ToolbarComponent, descendants: true }], ngImport: i0, template: "<mat-toolbar [style.background-color]=\"toolbarData.bgColor\" class=\"mat-elevation-z1\">\r\n  <div class=\"first-wrapper\">\r\n    <div class=\"tool-bar-lft\">\r\n      <div class=\"image-wrapper\">\r\n        <img  class=\"logo\" src=\"{{toolbarData.img}}\" />\r\n      </div>\r\n      <div>\r\n        <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n          <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label>Search</mat-label>\r\n        <input matInput>\r\n      </mat-form-field>\r\n      <button mat-icon-button class=\"main-search-btn\">\r\n        <mat-icon>search</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <span fxFlex></span>\r\n  <div class=\"icon-tray\">\r\n\r\n    <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n      <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n    </button>\r\n    <button mat-icon-button (click)=\"clickProfile()\">\r\n      <mat-icon>person</mat-icon>\r\n    </button>\r\n\r\n    <button class=\"settings_icons\" mat-icon-button (click)=\"clickTheme()\">\r\n      <mat-icon>settings</mat-icon>\r\n    </button>\r\n  </div>\r\n</mat-toolbar>\r\n\r\n<div *ngIf=\"profileView\" class=\"notifications\">\r\n  <div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n    <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <div class=\"notifications-title\" fxFlex=\"100\">\r\n        {{toolbarData.profileContent}}\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<div *ngIf=\"isThemeCollapsed\" class=\"notifications\" id=\"box\">\r\n  <div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n    <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <div class=\"notifications-title\" fxFlex=\"100\">\r\n        <mat-selection-list color=\"primary\" #shoes [multiple]=\"false\" (click)=\"setClass(shoes.selectedOptions.selected[0]?.value)\">\r\n          <mat-list-option [selected]=\"shoe.checked\"  value=\"{{shoe.value}}\" *ngFor=\"let shoe of toolbarData.themeOptions\">\r\n            {{shoe.name}}\r\n          </mat-list-option>\r\n        </mat-selection-list>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<app-noftification-list *ngIf=\"showNotificationList\"></app-noftification-list>\r\n", styles: [".mat-toolbar{display:flex;justify-content:space-between;background-size:730px;background-position:0 -85px;position:relative;color:#006068;background-image:url(lib/assets/images/Synergen_Logo-Large2.png)!important;background-repeat:repeat-x!important;box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;z-index:2}.mat-toolbar .mat-mdc-form-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field{background:transparent!important;padding:0!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-floating-label{color:#006068!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field--filled .mdc-line-ripple:after{border-bottom-color:var(--mdc-theme-primary, #006068)!important}.mat-toolbar .first-wrapper{display:flex}.mat-toolbar .first-wrapper .tool-bar-lft{display:flex;align-items:center;width:35%!important;justify-content:space-between}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper{display:contents!important}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper img{width:50%!important}.mat-toolbar .icon-tray .show-dropdown{position:relative}.mat-toolbar .icon-tray .show-dropdown:after{content:\"\";position:absolute;left:11px;top:45px;border-bottom:8px solid white;border-right:8px solid transparent;border-left:8px solid transparent;z-index:3}.mat-toolbar .notification-btn:hover{animation:tada 1.5s ease infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:230px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:left;padding:0 3px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}.profile-view-wrapper .mdc-list-item{padding-left:0!important;padding-right:0!important}.profile-view-wrapper .mat-mdc-button{width:-webkit-fill-available!important;justify-content:flex-start!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i3.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "component", type: i9.NoftificationListComponent, selector: "app-noftification-list" }], animations: [
         fadeInOut
     ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-toolbar', animations: [
                         fadeInOut
-                    ], template: "<mat-toolbar [style.background-color]=\"toolbarData.bgColor\" class=\"mat-elevation-z1\">\r\n  <div class=\"first-wrapper\">\r\n    <div class=\"tool-bar-lft\">\r\n      <div class=\"image-wrapper\">\r\n        <img  class=\"logo\" src=\"{{toolbarData.img}}\" />\r\n      </div>\r\n      <div>\r\n        <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n          <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label>Search</mat-label>\r\n        <input matInput>\r\n      </mat-form-field>\r\n      <button mat-icon-button class=\"main-search-btn\">\r\n        <mat-icon>search</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <span fxFlex></span>\r\n  <div class=\"icon-tray\">\r\n\r\n    <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n      <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n    </button>\r\n    <button mat-icon-button>\r\n      <mat-icon>person</mat-icon>\r\n    </button>\r\n    <button mat-icon-button [routerLink]=\"'/user-login/login'\">\r\n      <mat-icon>power_settings_new</mat-icon>\r\n    </button>\r\n  </div>\r\n  <div *ngIf=\"isNotifNavCollapsed\" class=\"notifications\" id=\"box\">\r\n    <h2>Notifications <i class=\"fas fa-search\"></i> - <span>2</span></h2>\r\n    <div class=\"notifications-item\"> <img src=\"https://i.imgur.com/uIgDDDd.jpg\" alt=\"img\">\r\n      <div class=\"text\">\r\n        <h4>Samso aliao</h4>\r\n        <p>Samso Nagaro Like your home work</p>\r\n      </div>\r\n    </div>\r\n    <div class=\"notifications-item\"> <img src=\"https://img.icons8.com/flat_round/64/000000/vote-badge.png\" alt=\"img\">\r\n      <div class=\"text\">\r\n        <h4>John Silvester</h4>\r\n        <p>+20 vista badge earned</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</mat-toolbar>\r\n\r\n\r\n", styles: [".mat-toolbar{display:flex;justify-content:space-between;background-size:730px;background-position:0 -85px;position:relative;color:#006068;background-image:url(lib/assets/images/Synergen_Logo-Large2.png)!important;background-repeat:repeat-x!important;box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;z-index:2}.mat-toolbar .mat-mdc-form-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field{background:transparent!important;padding:0!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-floating-label{color:#006068!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field--filled .mdc-line-ripple:after{border-bottom-color:var(--mdc-theme-primary, #006068)!important}.mat-toolbar .first-wrapper{display:flex}.mat-toolbar .first-wrapper .tool-bar-lft{display:flex;align-items:center;width:35%!important;justify-content:space-between}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper{display:contents!important}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper img{width:50%!important}.mat-toolbar .icon-tray .show-dropdown{position:relative}.mat-toolbar .icon-tray .show-dropdown:after{content:\"\";position:absolute;left:11px;top:45px;border-bottom:8px solid white;border-right:8px solid transparent;border-left:8px solid transparent;z-index:3}.mat-toolbar .notification-btn:hover{animation:tada 1.5s ease infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}\n"] }]
+                    ], template: "<mat-toolbar [style.background-color]=\"toolbarData.bgColor\" class=\"mat-elevation-z1\">\r\n  <div class=\"first-wrapper\">\r\n    <div class=\"tool-bar-lft\">\r\n      <div class=\"image-wrapper\">\r\n        <img  class=\"logo\" src=\"{{toolbarData.img}}\" />\r\n      </div>\r\n      <div>\r\n        <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n          <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label>Search</mat-label>\r\n        <input matInput>\r\n      </mat-form-field>\r\n      <button mat-icon-button class=\"main-search-btn\">\r\n        <mat-icon>search</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <span fxFlex></span>\r\n  <div class=\"icon-tray\">\r\n\r\n    <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n      <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n    </button>\r\n    <button mat-icon-button (click)=\"clickProfile()\">\r\n      <mat-icon>person</mat-icon>\r\n    </button>\r\n\r\n    <button class=\"settings_icons\" mat-icon-button (click)=\"clickTheme()\">\r\n      <mat-icon>settings</mat-icon>\r\n    </button>\r\n  </div>\r\n</mat-toolbar>\r\n\r\n<div *ngIf=\"profileView\" class=\"notifications\">\r\n  <div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n    <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <div class=\"notifications-title\" fxFlex=\"100\">\r\n        {{toolbarData.profileContent}}\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<div *ngIf=\"isThemeCollapsed\" class=\"notifications\" id=\"box\">\r\n  <div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n    <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <div class=\"notifications-title\" fxFlex=\"100\">\r\n        <mat-selection-list color=\"primary\" #shoes [multiple]=\"false\" (click)=\"setClass(shoes.selectedOptions.selected[0]?.value)\">\r\n          <mat-list-option [selected]=\"shoe.checked\"  value=\"{{shoe.value}}\" *ngFor=\"let shoe of toolbarData.themeOptions\">\r\n            {{shoe.name}}\r\n          </mat-list-option>\r\n        </mat-selection-list>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<app-noftification-list *ngIf=\"showNotificationList\"></app-noftification-list>\r\n", styles: [".mat-toolbar{display:flex;justify-content:space-between;background-size:730px;background-position:0 -85px;position:relative;color:#006068;background-image:url(lib/assets/images/Synergen_Logo-Large2.png)!important;background-repeat:repeat-x!important;box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;z-index:2}.mat-toolbar .mat-mdc-form-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field{background:transparent!important;padding:0!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-floating-label{color:#006068!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field--filled .mdc-line-ripple:after{border-bottom-color:var(--mdc-theme-primary, #006068)!important}.mat-toolbar .first-wrapper{display:flex}.mat-toolbar .first-wrapper .tool-bar-lft{display:flex;align-items:center;width:35%!important;justify-content:space-between}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper{display:contents!important}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper img{width:50%!important}.mat-toolbar .icon-tray .show-dropdown{position:relative}.mat-toolbar .icon-tray .show-dropdown:after{content:\"\";position:absolute;left:11px;top:45px;border-bottom:8px solid white;border-right:8px solid transparent;border-left:8px solid transparent;z-index:3}.mat-toolbar .notification-btn:hover{animation:tada 1.5s ease infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:230px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:left;padding:0 3px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}.profile-view-wrapper .mdc-list-item{padding-left:0!important;padding-right:0!important}.profile-view-wrapper .mat-mdc-button{width:-webkit-fill-available!important;justify-content:flex-start!important}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SghNavbarService }]; }, propDecorators: { toolbarData: [{
                 type: Input
             }], sidenav: [{
@@ -42,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: ViewChild,
                 args: [ToolbarComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7Ozs7OztBQWE5QyxNQUFNLE9BQU8sZ0JBQWdCO0lBTzNCLFlBQW1CLFVBQTRCO1FBQTVCLGVBQVUsR0FBVixVQUFVLENBQWtCO1FBTi9DLHlCQUFvQixHQUFHLEtBQUssQ0FBQztJQU1zQixDQUFDO0lBRXBELFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQzNDLENBQUM7SUFFRCxzQkFBc0I7UUFDcEIsSUFBSSxDQUFDLG9CQUFvQixHQUFHLENBQUMsSUFBSSxDQUFDLG9CQUFvQixDQUFDO0lBQ3pELENBQUM7SUFDRCxxQkFBcUI7UUFDbkIsSUFBSSxDQUFDLG9CQUFvQixHQUFHLEtBQUssQ0FBQztJQUNwQyxDQUFDOzs2R0FsQlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0IsdU5BTWhCLGdCQUFnQixnRENwQjdCLDRuRUF1REEsb3dHRDdDYztRQUNWLFNBQVM7S0FDVjsyRkFFVSxnQkFBZ0I7a0JBUjVCLFNBQVM7K0JBQ0UsYUFBYSxjQUdYO3dCQUNWLFNBQVM7cUJBQ1Y7dUdBS1EsV0FBVztzQkFBbkIsS0FBSztnQkFDZSxPQUFPO3NCQUEzQixTQUFTO3VCQUFDLFFBQVE7Z0JBRVUsTUFBTTtzQkFBbEMsU0FBUzt1QkFBQyxnQkFBZ0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGZhZGVJbk91dCB9IGZyb20gJy4uL3NpZGVuYXYvaGVscGVyJztcclxuaW1wb3J0IHtNYXREcmF3ZXIsIE1hdFNpZGVuYXZ9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9zaWRlbmF2XCI7XHJcbmltcG9ydCB7U2doTmF2YmFyU2VydmljZX0gZnJvbSBcIi4uL3NnaC1uYXZiYXIuc2VydmljZVwiO1xyXG5pbXBvcnQge1Rvb2xiYXJEYXRhfSBmcm9tIFwiLi4vc2lkZW5hdi90b29sYmFyLWRhdGFcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXRvb2xiYXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sYmFyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90b29sYmFyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgZmFkZUluT3V0XHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVG9vbGJhckNvbXBvbmVudCB7XHJcbiAgc2hvd05vdGlmaWNhdGlvbkxpc3QgPSBmYWxzZTtcclxuICBpc05vdGlmTmF2Q29sbGFwc2VkOiBhbnk7XHJcbiAgQElucHV0KCkgdG9vbGJhckRhdGE6IFRvb2xiYXJEYXRhO1xyXG4gIEBWaWV3Q2hpbGQoJ2RyYXdlcicpIHNpZGVuYXY6IE1hdERyYXdlcjtcclxuICAvLyBAVmlld0NoaWxkKCdzaWRlbmF2Jykgc2lkZW5hdjogTWF0U2lkZW5hdjtcclxuICBAVmlld0NoaWxkKFRvb2xiYXJDb21wb25lbnQpIHRvcGJhcjogVG9vbGJhckNvbXBvbmVudDtcclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgbmF2U2VydmljZTogU2doTmF2YmFyU2VydmljZSkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5uYXZTZXJ2aWNlLmFwcERyYXdlciA9IHRoaXMuc2lkZW5hdjtcclxuICB9XHJcblxyXG4gIHRvZ2dsZU5vdGlmaWNhdGlvbkxpc3QoKSB7XHJcbiAgICB0aGlzLnNob3dOb3RpZmljYXRpb25MaXN0ID0gIXRoaXMuc2hvd05vdGlmaWNhdGlvbkxpc3Q7XHJcbiAgfVxyXG4gIGNsb3NlTm90aWZpY2F0aW9uTGlzdCgpIHtcclxuICAgIHRoaXMuc2hvd05vdGlmaWNhdGlvbkxpc3QgPSBmYWxzZTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxtYXQtdG9vbGJhciBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJ0b29sYmFyRGF0YS5iZ0NvbG9yXCIgY2xhc3M9XCJtYXQtZWxldmF0aW9uLXoxXCI+XHJcbiAgPGRpdiBjbGFzcz1cImZpcnN0LXdyYXBwZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0b29sLWJhci1sZnRcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImltYWdlLXdyYXBwZXJcIj5cclxuICAgICAgICA8aW1nICBjbGFzcz1cImxvZ29cIiBzcmM9XCJ7e3Rvb2xiYXJEYXRhLmltZ319XCIgLz5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXY+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gaWQ9XCJtZW51XCIgKGNsaWNrKT1cIm5hdlNlcnZpY2UudG9nZ2xlTmF2KCk7Y2xvc2VOb3RpZmljYXRpb25MaXN0KClcIj5cclxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkXCI+bWVudV9vcGVuPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJzZWFyY2gtd3JwXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cImZpbGxcIj5cclxuICAgICAgICA8bWF0LWxhYmVsPlNlYXJjaDwvbWF0LWxhYmVsPlxyXG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dD5cclxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY2xhc3M9XCJtYWluLXNlYXJjaC1idG5cIj5cclxuICAgICAgICA8bWF0LWljb24+c2VhcmNoPC9tYXQtaWNvbj5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPHNwYW4gZnhGbGV4Pjwvc3Bhbj5cclxuICA8ZGl2IGNsYXNzPVwiaWNvbi10cmF5XCI+XHJcblxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1idG5cIiBbbmdDbGFzc109XCJ7J3Nob3ctZHJvcGRvd24nOnNob3dOb3RpZmljYXRpb25MaXN0fVwiIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwidG9nZ2xlTm90aWZpY2F0aW9uTGlzdCgpXCI+XHJcbiAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtYWxlcnRcIj5ub3RpZmljYXRpb25zPHNwYW4gY2xhc3M9XCJkb3RcIj48L3NwYW4+PC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24+XHJcbiAgICAgIDxtYXQtaWNvbj5wZXJzb248L21hdC1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBbcm91dGVyTGlua109XCInL3VzZXItbG9naW4vbG9naW4nXCI+XHJcbiAgICAgIDxtYXQtaWNvbj5wb3dlcl9zZXR0aW5nc19uZXc8L21hdC1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiAqbmdJZj1cImlzTm90aWZOYXZDb2xsYXBzZWRcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbnNcIiBpZD1cImJveFwiPlxyXG4gICAgPGgyPk5vdGlmaWNhdGlvbnMgPGkgY2xhc3M9XCJmYXMgZmEtc2VhcmNoXCI+PC9pPiAtIDxzcGFuPjI8L3NwYW4+PC9oMj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWl0ZW1cIj4gPGltZyBzcmM9XCJodHRwczovL2kuaW1ndXIuY29tL3VJZ0RERGQuanBnXCIgYWx0PVwiaW1nXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCI+XHJcbiAgICAgICAgPGg0PlNhbXNvIGFsaWFvPC9oND5cclxuICAgICAgICA8cD5TYW1zbyBOYWdhcm8gTGlrZSB5b3VyIGhvbWUgd29yazwvcD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWl0ZW1cIj4gPGltZyBzcmM9XCJodHRwczovL2ltZy5pY29uczguY29tL2ZsYXRfcm91bmQvNjQvMDAwMDAwL3ZvdGUtYmFkZ2UucG5nXCIgYWx0PVwiaW1nXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ0ZXh0XCI+XHJcbiAgICAgICAgPGg0PkpvaG4gU2lsdmVzdGVyPC9oND5cclxuICAgICAgICA8cD4rMjAgdmlzdGEgYmFkZ2UgZWFybmVkPC9wPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG5cclxuPC9tYXQtdG9vbGJhcj5cclxuXHJcblxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7Ozs7Ozs7QUFhOUMsTUFBTSxPQUFPLGdCQUFnQjtJQVMzQixZQUFtQixVQUE0QjtRQUE1QixlQUFVLEdBQVYsVUFBVSxDQUFrQjtRQUovQyx5QkFBb0IsR0FBRyxLQUFLLENBQUM7SUFJc0IsQ0FBQztJQUVwRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUN6QyxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksR0FBRyxDQUFDO2dCQUMvQixJQUFJLEVBQUUsbUJBQW1CO2dCQUN6QixLQUFLLEVBQUUsbUJBQW1CO2dCQUMxQixPQUFPLEVBQUUsSUFBSTthQUNkLEVBQUU7Z0JBQ0QsSUFBSSxFQUFFLGlCQUFpQjtnQkFDdkIsS0FBSyxFQUFFLGlCQUFpQjtnQkFDeEIsT0FBTyxFQUFFLEtBQUs7YUFDZixFQUFFO2dCQUNELElBQUksRUFBRSxnQkFBZ0I7Z0JBQ3RCLEtBQUssRUFBRSxnQkFBZ0I7Z0JBQ3ZCLE9BQU8sRUFBRSxLQUFLO2FBQ2YsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxjQUFjLEdBQUcsU0FBUztZQUN6QywyQ0FBMkM7WUFDM0MseUJBQXlCO1lBQ3pCLDZCQUE2QjtZQUM3QiwyREFBMkQ7WUFDM0QsMkJBQTJCO1lBQzNCLGFBQWE7WUFDYixvQkFBb0I7WUFDcEIsK0JBQStCO1lBQy9CLG9CQUFvQjtZQUNwQixpREFBaUQ7WUFDakQsK0RBQStEO1lBQy9ELHNCQUFzQjtZQUN0QixhQUFhO1lBQ2Isb0JBQW9CO1lBQ3BCLGVBQWU7WUFDZixRQUFRLENBQUM7SUFDYixDQUFDO0lBRUQsc0JBQXNCO1FBQ3BCLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztJQUN6RCxDQUFDO0lBQ0QscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxLQUFLLENBQUM7SUFDcEMsQ0FBQztJQUNELFFBQVEsQ0FBQyxRQUFhO1FBQ3BCLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pELE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDN0MsSUFBSSxDQUFDLElBQUksR0FBRyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixDQUFDO0lBQzdELENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDO0lBQ25ELENBQUM7OzZHQS9EVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQix1TkFJaEIsZ0JBQWdCLGdEQ2xCN0IsdW5GQWlFQSwyMEpEdkRjO1FBQ1YsU0FBUztLQUNWOzJGQUVVLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxhQUFhLGNBR1g7d0JBQ1YsU0FBUztxQkFDVjt1R0FJUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNlLE9BQU87c0JBQTNCLFNBQVM7dUJBQUMsUUFBUTtnQkFDVSxNQUFNO3NCQUFsQyxTQUFTO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZmFkZUluT3V0IH0gZnJvbSAnLi4vc2lkZW5hdi9oZWxwZXInO1xyXG5pbXBvcnQge01hdERyYXdlcn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NpZGVuYXZcIjtcclxuaW1wb3J0IHtTZ2hOYXZiYXJTZXJ2aWNlfSBmcm9tIFwiLi4vc2doLW5hdmJhci5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7VG9vbGJhckRhdGF9IGZyb20gXCIuLi9zaWRlbmF2L3Rvb2xiYXItZGF0YVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtdG9vbGJhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3Rvb2xiYXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICBmYWRlSW5PdXRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb29sYmFyQ29tcG9uZW50IHtcclxuICBwcmV2OmFueTtcclxuICBASW5wdXQoKSB0b29sYmFyRGF0YTogVG9vbGJhckRhdGE7XHJcbiAgQFZpZXdDaGlsZCgnZHJhd2VyJykgc2lkZW5hdjogTWF0RHJhd2VyO1xyXG4gIEBWaWV3Q2hpbGQoVG9vbGJhckNvbXBvbmVudCkgdG9wYmFyOiBUb29sYmFyQ29tcG9uZW50O1xyXG4gIHNob3dOb3RpZmljYXRpb25MaXN0ID0gZmFsc2U7XHJcbiAgcHJvZmlsZVZpZXc6IGJvb2xlYW47XHJcbiAgaXNUaGVtZUNvbGxhcHNlZDogYm9vbGVhbjtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIG5hdlNlcnZpY2U6IFNnaE5hdmJhclNlcnZpY2UpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubmF2U2VydmljZS5hcHBEcmF3ZXIgPSB0aGlzLnNpZGVuYXY7XHJcbiAgICB0aGlzLnRvb2xiYXJEYXRhLnRoZW1lT3B0aW9ucyA9IFt7XHJcbiAgICAgIG5hbWU6ICdTZ2gtZGVmYXVsdC10aGVtZScsXHJcbiAgICAgIHZhbHVlOiAnc2doLWRlZmF1bHQtdGhlbWUnLFxyXG4gICAgICBjaGVja2VkOiB0cnVlXHJcbiAgICB9LCB7XHJcbiAgICAgIG5hbWU6ICdTZ2gtbGlnaHQtdGhlbWUnLFxyXG4gICAgICB2YWx1ZTogJ3NnaC1saWdodC10aGVtZScsXHJcbiAgICAgIGNoZWNrZWQ6IGZhbHNlXHJcbiAgICB9LCB7XHJcbiAgICAgIG5hbWU6ICdTZ2gtYmx1ZS10aGVtZScsXHJcbiAgICAgIHZhbHVlOiAnc2doLWJsdWUtdGhlbWUnLFxyXG4gICAgICBjaGVja2VkOiBmYWxzZVxyXG4gICAgfV07XHJcbiAgICB0aGlzLnRvb2xiYXJEYXRhLnByb2ZpbGVDb250ZW50ID0gJzxkaXY+XFxuJyArXHJcbiAgICAgICc8bWF0LWxpc3QgY2xhc3M9XCJwcm9maWxlLXZpZXctd3JhcHBlclwiPlxcbicgK1xyXG4gICAgICAnICAgIDxtYXQtbGlzdC1pdGVtICA+XFxuJyArXHJcbiAgICAgICcgICAgPGJ1dHRvbiAgbWF0LWJ1dHRvbiA+XFxuJyArXHJcbiAgICAgICcgICAgPG1hdC1pY29uIG1hdExpc3RJdGVtSWNvbj5wZXJzb25fb3V0bGluZTwvbWF0LWljb24+XFxuJyArXHJcbiAgICAgICc8ZGl2PlByb2ZpbGUgVmlldzwvZGl2PlxcbicgK1xyXG4gICAgICAnPC9idXR0b24+XFxuJyArXHJcbiAgICAgICc8L21hdC1saXN0LWl0ZW0+XFxuJyArXHJcbiAgICAgICc8bWF0LWRpdmlkZXI+PC9tYXQtZGl2aWRlcj5cXG4nICtcclxuICAgICAgJzxtYXQtbGlzdC1pdGVtID5cXG4nICtcclxuICAgICAgJzxidXR0b24gIG1hdC1idXR0b24gW3JvdXRlckxpbmtdPVwibG9nT3V0VXJsXCI+XFxuJyArXHJcbiAgICAgICcgICAgPG1hdC1pY29uIG1hdExpc3RJdGVtSWNvbj5wb3dlcl9zZXR0aW5nc19uZXc8L21hdC1pY29uPlxcbicgK1xyXG4gICAgICAnPGRpdj5Mb2cgT3V0PC9kaXY+XFxuJyArXHJcbiAgICAgICc8L2J1dHRvbj5cXG4nICtcclxuICAgICAgJzwvbWF0LWxpc3QtaXRlbT5cXG4nICtcclxuICAgICAgJzwvbWF0LWxpc3Q+XFxuJyArXHJcbiAgICAgICc8L2Rpdj4nO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlTm90aWZpY2F0aW9uTGlzdCgpIHtcclxuICAgIHRoaXMuc2hvd05vdGlmaWNhdGlvbkxpc3QgPSAhdGhpcy5zaG93Tm90aWZpY2F0aW9uTGlzdDtcclxuICB9XHJcbiAgY2xvc2VOb3RpZmljYXRpb25MaXN0KCkge1xyXG4gICAgdGhpcy5zaG93Tm90aWZpY2F0aW9uTGlzdCA9IGZhbHNlO1xyXG4gIH1cclxuICBzZXRDbGFzcyhzZWxlY3RlZDogYW55KSB7XHJcbiAgICB3aW5kb3cuZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKHRoaXMucHJldik7XHJcbiAgICB3aW5kb3cuZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QuYWRkKHNlbGVjdGVkKTtcclxuICAgIHRoaXMucHJldiA9IHNlbGVjdGVkO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tUaGVtZSgpe1xyXG4gICAgdGhpcy5pc1RoZW1lQ29sbGFwc2VkID0gIXRoaXMudG9vbGJhckRhdGEuaXNUaGVtZUNvbGxhcHNlZDtcclxuICB9XHJcblxyXG4gIGNsaWNrUHJvZmlsZSgpe1xyXG4gICAgdGhpcy5wcm9maWxlVmlldyA9ICF0aGlzLnRvb2xiYXJEYXRhLnByb2ZpbGVWaWV3O1xyXG4gIH1cclxufVxyXG4iLCI8bWF0LXRvb2xiYXIgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwidG9vbGJhckRhdGEuYmdDb2xvclwiIGNsYXNzPVwibWF0LWVsZXZhdGlvbi16MVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJmaXJzdC13cmFwcGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwidG9vbC1iYXItbGZ0XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS13cmFwcGVyXCI+XHJcbiAgICAgICAgPGltZyAgY2xhc3M9XCJsb2dvXCIgc3JjPVwie3t0b29sYmFyRGF0YS5pbWd9fVwiIC8+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2PlxyXG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGlkPVwibWVudVwiIChjbGljayk9XCJuYXZTZXJ2aWNlLnRvZ2dsZU5hdigpO2Nsb3NlTm90aWZpY2F0aW9uTGlzdCgpXCI+XHJcbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1vdXRsaW5lZFwiPm1lbnVfb3BlbjwvbWF0LWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLXdycFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiID5cclxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCI+XHJcbiAgICAgICAgPG1hdC1sYWJlbD5TZWFyY2g8L21hdC1sYWJlbD5cclxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQ+XHJcbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwibWFpbi1zZWFyY2gtYnRuXCI+XHJcbiAgICAgICAgPG1hdC1pY29uPnNlYXJjaDwvbWF0LWljb24+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxzcGFuIGZ4RmxleD48L3NwYW4+XHJcbiAgPGRpdiBjbGFzcz1cImljb24tdHJheVwiPlxyXG5cclxuICAgIDxidXR0b24gY2xhc3M9XCJub3RpZmljYXRpb24tYnRuXCIgW25nQ2xhc3NdPVwieydzaG93LWRyb3Bkb3duJzpzaG93Tm90aWZpY2F0aW9uTGlzdH1cIiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cInRvZ2dsZU5vdGlmaWNhdGlvbkxpc3QoKVwiPlxyXG4gICAgICA8bWF0LWljb24gY2xhc3M9XCJub3RpZmljYXRpb25zLWFsZXJ0XCI+bm90aWZpY2F0aW9uczxzcGFuIGNsYXNzPVwiZG90XCI+PC9zcGFuPjwvbWF0LWljb24+XHJcbiAgICA8L2J1dHRvbj5cclxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJjbGlja1Byb2ZpbGUoKVwiPlxyXG4gICAgICA8bWF0LWljb24+cGVyc29uPC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG5cclxuICAgIDxidXR0b24gY2xhc3M9XCJzZXR0aW5nc19pY29uc1wiIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiY2xpY2tUaGVtZSgpXCI+XHJcbiAgICAgIDxtYXQtaWNvbj5zZXR0aW5nczwvbWF0LWljb24+XHJcbiAgICA8L2J1dHRvbj5cclxuICA8L2Rpdj5cclxuPC9tYXQtdG9vbGJhcj5cclxuXHJcbjxkaXYgKm5nSWY9XCJwcm9maWxlVmlld1wiIGNsYXNzPVwibm90aWZpY2F0aW9uc1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3Qtd3JhcHBlclwiIGZ4TGF5b3V0PVwicm93IHdyYXBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3RcIiBmeExheW91dD1cInJvdyB3cmFwXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLXRpdGxlXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgICAge3t0b29sYmFyRGF0YS5wcm9maWxlQ29udGVudH19XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG48L2Rpdj5cclxuPGRpdiAqbmdJZj1cImlzVGhlbWVDb2xsYXBzZWRcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbnNcIiBpZD1cImJveFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3Qtd3JhcHBlclwiIGZ4TGF5b3V0PVwicm93IHdyYXBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3RcIiBmeExheW91dD1cInJvdyB3cmFwXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLXRpdGxlXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgICAgPG1hdC1zZWxlY3Rpb24tbGlzdCBjb2xvcj1cInByaW1hcnlcIiAjc2hvZXMgW211bHRpcGxlXT1cImZhbHNlXCIgKGNsaWNrKT1cInNldENsYXNzKHNob2VzLnNlbGVjdGVkT3B0aW9ucy5zZWxlY3RlZFswXT8udmFsdWUpXCI+XHJcbiAgICAgICAgICA8bWF0LWxpc3Qtb3B0aW9uIFtzZWxlY3RlZF09XCJzaG9lLmNoZWNrZWRcIiAgdmFsdWU9XCJ7e3Nob2UudmFsdWV9fVwiICpuZ0Zvcj1cImxldCBzaG9lIG9mIHRvb2xiYXJEYXRhLnRoZW1lT3B0aW9uc1wiPlxyXG4gICAgICAgICAgICB7e3Nob2UubmFtZX19XHJcbiAgICAgICAgICA8L21hdC1saXN0LW9wdGlvbj5cclxuICAgICAgICA8L21hdC1zZWxlY3Rpb24tbGlzdD5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG48L2Rpdj5cclxuPGFwcC1ub2Z0aWZpY2F0aW9uLWxpc3QgKm5nSWY9XCJzaG93Tm90aWZpY2F0aW9uTGlzdFwiPjwvYXBwLW5vZnRpZmljYXRpb24tbGlzdD5cclxuIl19

package/fesm2015/sgh-navbar.mjs

@@ -6,7 +6,7 @@ import { NavigationEnd, RouterModule } from '@angular/router';
 import { trigger, transition, style, animate, state, keyframes } from '@angular/animations';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4 from '@angular/material/list';
+import * as i3 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import * as i5 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
@@ -353,7 +353,7 @@ class MenuListItemComponent {
     }
 }
 MenuListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuListItemComponent, deps: [{ token: i1.Router }, { token: SghNavbarService }], target: i0.ɵɵFactoryTarget.Component });
-MenuListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: { item: "item" }, host: { properties: { "attr.aria-expanded": "this.ariaExpanded" } }, ngImport: i0, template: "<a mat-list-item [ngClass]=\"{'item-expanded':expanded && !(item.items == undefined)}\"\r\n   (click)=\"onItemSelected(item)\" [routerLink]=\"[item.routeLink]\" routerLinkActive=\"item-active\">\r\n  <div class=\"text-wrapper\">\r\n    <div class=\"main-text\">\r\n      <mat-icon class=\"material-icons-outlined\">{{item.icon}}</mat-icon>\r\n      {{item.label}}\r\n      <span fxFlex></span>\r\n    </div>\r\n    <mat-icon class=\"material-icons-outlined\" *ngIf=\"!(item.items == undefined)\"\r\n              [@indicatorRotate]=\"expanded ? 'expanded': 'collapsed'\">expand_more\r\n    </mat-icon>\r\n  </div>\r\n</a>\r\n<div class=\"sub-link-wrapper\" [ngClass]=\"{'hide-sublink-icon':hideSublinkIcon}\" *ngIf=\"expanded\">\r\n  <app-menu-list-item *ngFor=\"let child of item.items\" [item]=\"child\">\r\n  </app-menu-list-item>\r\n</div>\r\n", styles: ["::ng-deep .sub-link-wrapper span.mdc-list-item__content{padding-left:1.3rem!important}::ng-deep .sub-link-wrapper span.mdc-list-item__content span.mat-mdc-list-item-unscoped-content{white-space:normal!important}a.mdc-list-item.item-active{background:#26787f!important;border-radius:10px}a.mdc-list-item.item-active .mdc-list-item__primary-text{color:#fff!important;white-space:pre-line}a.mdc-list-item .mdc-list-item__primary-text{color:#005860!important;white-space:pre-line}.mdc-list-item:focus:before{background-color:transparent!important}a.mdc-list-item:hover{background:#26787f!important;border-radius:10px}a.mdc-list-item:hover .mdc-list-item__primary-text{color:#fff!important;white-space:pre-line}a.mdc-list-item.mdc-list-item__content{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;align-self:center!important;flex:1!important;pointer-events:none!important}.text-wrapper{display:flex!important;justify-content:space-between!important;font-size:12px!important}.text-wrapper .main-text{display:flex!important}.text-wrapper .main-text .mat-icon{padding-right:5px!important}.sub-link-wrapper a.mdc-list-item{padding:0 0 0 33px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: ["item"] }], animations: [
+MenuListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: { item: "item" }, host: { properties: { "attr.aria-expanded": "this.ariaExpanded" } }, ngImport: i0, template: "<a mat-list-item [ngClass]=\"{'item-expanded':expanded && !(item.items == undefined)}\"\r\n   (click)=\"onItemSelected(item)\" [routerLink]=\"[item.routeLink]\" routerLinkActive=\"item-active\">\r\n  <div class=\"text-wrapper\">\r\n    <div class=\"main-text\">\r\n      <mat-icon class=\"material-icons-outlined\">{{item.icon}}</mat-icon>\r\n      {{item.label}}\r\n      <span fxFlex></span>\r\n    </div>\r\n    <mat-icon class=\"material-icons-outlined\" *ngIf=\"!(item.items == undefined)\"\r\n              [@indicatorRotate]=\"expanded ? 'expanded': 'collapsed'\">expand_more\r\n    </mat-icon>\r\n  </div>\r\n</a>\r\n<div class=\"sub-link-wrapper\" [ngClass]=\"{'hide-sublink-icon':hideSublinkIcon}\" *ngIf=\"expanded\">\r\n  <app-menu-list-item *ngFor=\"let child of item.items\" [item]=\"child\">\r\n  </app-menu-list-item>\r\n</div>\r\n", styles: ["::ng-deep .sub-link-wrapper span.mdc-list-item__content{padding-left:1.3rem!important}::ng-deep .sub-link-wrapper span.mdc-list-item__content span.mat-mdc-list-item-unscoped-content{white-space:normal!important}a.mdc-list-item.item-active{background:#26787f!important;border-radius:10px}a.mdc-list-item.item-active .mdc-list-item__primary-text{color:#fff!important;white-space:pre-line}a.mdc-list-item .mdc-list-item__primary-text{color:#005860!important;white-space:pre-line}.mdc-list-item:focus:before{background-color:transparent!important}a.mdc-list-item:hover{background:#26787f!important;border-radius:10px}a.mdc-list-item:hover .mdc-list-item__primary-text{color:#fff!important;white-space:pre-line}a.mdc-list-item.mdc-list-item__content{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;align-self:center!important;flex:1!important;pointer-events:none!important}.text-wrapper{display:flex!important;justify-content:space-between!important;font-size:12px!important}.text-wrapper .main-text{display:flex!important}.text-wrapper .main-text .mat-icon{padding-right:5px!important}.sub-link-wrapper a.mdc-list-item{padding:0 0 0 33px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: ["item"] }], animations: [
         trigger('indicatorRotate', [
             state('collapsed', style({ transform: 'rotate(0deg)' })),
             state('expanded', style({ transform: 'rotate(180deg)' })),
@@ -421,7 +421,7 @@ class SidenavComponent {
     }
 }
 SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidenavComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SidenavComponent, selector: "app-sidenav", inputs: { sidenavData: "sidenavData" }, outputs: { onToggleSideNav: "onToggleSideNav" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<mat-nav-list>\r\n  <app-menu-list-item *ngFor=\"let item of sidenavData.navData\" [item]=\"item\"></app-menu-list-item>\r\n</mat-nav-list>\r\n", styles: ["mdc-list-item.mdc-list-item--with-one-line{height:40px!important}.mdc-list-item.mdc-list-item--with-one-line{height:40px!important}.mat-mdc-nav-list{margin:10px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: ["item"] }], animations: [
+SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SidenavComponent, selector: "app-sidenav", inputs: { sidenavData: "sidenavData" }, outputs: { onToggleSideNav: "onToggleSideNav" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<mat-nav-list>\r\n  <app-menu-list-item *ngFor=\"let item of sidenavData.navData\" [item]=\"item\"></app-menu-list-item>\r\n</mat-nav-list>\r\n", styles: ["mdc-list-item.mdc-list-item--with-one-line{height:40px!important}.mdc-list-item.mdc-list-item--with-one-line{height:40px!important}.mat-mdc-nav-list{margin:10px!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i3.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: ["item"] }], animations: [
         fadeInOut,
         trigger('rotate', [
             transition(':enter', [
@@ -454,6 +454,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 args: ['window:resize', ['$event']]
             }] } });
 
+class NoftificationListComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+NoftificationListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NoftificationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NoftificationListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NoftificationListComponent, selector: "app-noftification-list", ngImport: i0, template: "<div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n  <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n    <div class=\"notifications-title\" fxFlex=\"100\">\r\n      <span class=\"title mat-h3\">Notifications</span>\r\n    </div>\r\n    <div class=\"notifications-list-item\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <span class=\"item-title mat-h4\" fxFlex=\"100\">David James</span>\r\n      <span class=\"item-description mat-h5\" fxFlex=\"100\">A notification box show message</span>\r\n    </div>\r\n    <div class=\"notifications-list-item\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <span class=\"item-title mat-h4\" fxFlex=\"100\">David James</span>\r\n      <span class=\"item-description mat-h5\" fxFlex=\"100\">A notification box show message</span>\r\n    </div>\r\n    <div class=\"notifications-title\" fxFlex=\"100\">\r\n      <span class=\"see-all mat-h4\">See all</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:450px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:center;padding:20px 10px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NoftificationListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-noftification-list', template: "<div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n  <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n    <div class=\"notifications-title\" fxFlex=\"100\">\r\n      <span class=\"title mat-h3\">Notifications</span>\r\n    </div>\r\n    <div class=\"notifications-list-item\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <span class=\"item-title mat-h4\" fxFlex=\"100\">David James</span>\r\n      <span class=\"item-description mat-h5\" fxFlex=\"100\">A notification box show message</span>\r\n    </div>\r\n    <div class=\"notifications-list-item\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <span class=\"item-title mat-h4\" fxFlex=\"100\">David James</span>\r\n      <span class=\"item-description mat-h5\" fxFlex=\"100\">A notification box show message</span>\r\n    </div>\r\n    <div class=\"notifications-title\" fxFlex=\"100\">\r\n      <span class=\"see-all mat-h4\">See all</span>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:450px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:center;padding:20px 10px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}\n"] }]
+        }], ctorParameters: function () { return []; } });
+
 class ToolbarComponent {
     constructor(navService) {
         this.navService = navService;
@@ -461,6 +473,36 @@ class ToolbarComponent {
     }
     ngOnInit() {
         this.navService.appDrawer = this.sidenav;
+        this.toolbarData.themeOptions = [{
+                name: 'Sgh-default-theme',
+                value: 'sgh-default-theme',
+                checked: true
+            }, {
+                name: 'Sgh-light-theme',
+                value: 'sgh-light-theme',
+                checked: false
+            }, {
+                name: 'Sgh-blue-theme',
+                value: 'sgh-blue-theme',
+                checked: false
+            }];
+        this.toolbarData.profileContent = '<div>\n' +
+            '<mat-list class="profile-view-wrapper">\n' +
+            '    <mat-list-item  >\n' +
+            '    <button  mat-button >\n' +
+            '    <mat-icon matListItemIcon>person_outline</mat-icon>\n' +
+            '<div>Profile View</div>\n' +
+            '</button>\n' +
+            '</mat-list-item>\n' +
+            '<mat-divider></mat-divider>\n' +
+            '<mat-list-item >\n' +
+            '<button  mat-button [routerLink]="logOutUrl">\n' +
+            '    <mat-icon matListItemIcon>power_settings_new</mat-icon>\n' +
+            '<div>Log Out</div>\n' +
+            '</button>\n' +
+            '</mat-list-item>\n' +
+            '</mat-list>\n' +
+            '</div>';
     }
     toggleNotificationList() {
         this.showNotificationList = !this.showNotificationList;
@@ -468,16 +510,27 @@ class ToolbarComponent {
     closeNotificationList() {
         this.showNotificationList = false;
     }
+    setClass(selected) {
+        window.document.body.classList.remove(this.prev);
+        window.document.body.classList.add(selected);
+        this.prev = selected;
+    }
+    clickTheme() {
+        this.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;
+    }
+    clickProfile() {
+        this.profileView = !this.toolbarData.profileView;
+    }
 }
 ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToolbarComponent, deps: [{ token: SghNavbarService }], target: i0.ɵɵFactoryTarget.Component });
-ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToolbarComponent, selector: "app-toolbar", inputs: { toolbarData: "toolbarData" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["drawer"], descendants: true }, { propertyName: "topbar", first: true, predicate: ToolbarComponent, descendants: true }], ngImport: i0, template: "<mat-toolbar [style.background-color]=\"toolbarData.bgColor\" class=\"mat-elevation-z1\">\r\n  <div class=\"first-wrapper\">\r\n    <div class=\"tool-bar-lft\">\r\n      <div class=\"image-wrapper\">\r\n        <img  class=\"logo\" src=\"{{toolbarData.img}}\" />\r\n      </div>\r\n      <div>\r\n        <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n          <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label>Search</mat-label>\r\n        <input matInput>\r\n      </mat-form-field>\r\n      <button mat-icon-button class=\"main-search-btn\">\r\n        <mat-icon>search</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <span fxFlex></span>\r\n  <div class=\"icon-tray\">\r\n\r\n    <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n      <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n    </button>\r\n    <button mat-icon-button>\r\n      <mat-icon>person</mat-icon>\r\n    </button>\r\n    <button mat-icon-button [routerLink]=\"'/user-login/login'\">\r\n      <mat-icon>power_settings_new</mat-icon>\r\n    </button>\r\n  </div>\r\n  <div *ngIf=\"isNotifNavCollapsed\" class=\"notifications\" id=\"box\">\r\n    <h2>Notifications <i class=\"fas fa-search\"></i> - <span>2</span></h2>\r\n    <div class=\"notifications-item\"> <img src=\"https://i.imgur.com/uIgDDDd.jpg\" alt=\"img\">\r\n      <div class=\"text\">\r\n        <h4>Samso aliao</h4>\r\n        <p>Samso Nagaro Like your home work</p>\r\n      </div>\r\n    </div>\r\n    <div class=\"notifications-item\"> <img src=\"https://img.icons8.com/flat_round/64/000000/vote-badge.png\" alt=\"img\">\r\n      <div class=\"text\">\r\n        <h4>John Silvester</h4>\r\n        <p>+20 vista badge earned</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</mat-toolbar>\r\n\r\n\r\n", styles: [".mat-toolbar{display:flex;justify-content:space-between;background-size:730px;background-position:0 -85px;position:relative;color:#006068;background-image:url(lib/assets/images/Synergen_Logo-Large2.png)!important;background-repeat:repeat-x!important;box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;z-index:2}.mat-toolbar .mat-mdc-form-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field{background:transparent!important;padding:0!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-floating-label{color:#006068!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field--filled .mdc-line-ripple:after{border-bottom-color:var(--mdc-theme-primary, #006068)!important}.mat-toolbar .first-wrapper{display:flex}.mat-toolbar .first-wrapper .tool-bar-lft{display:flex;align-items:center;width:35%!important;justify-content:space-between}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper{display:contents!important}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper img{width:50%!important}.mat-toolbar .icon-tray .show-dropdown{position:relative}.mat-toolbar .icon-tray .show-dropdown:after{content:\"\";position:absolute;left:11px;top:45px;border-bottom:8px solid white;border-right:8px solid transparent;border-left:8px solid transparent;z-index:3}.mat-toolbar .notification-btn:hover{animation:tada 1.5s ease infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }], animations: [
+ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToolbarComponent, selector: "app-toolbar", inputs: { toolbarData: "toolbarData" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["drawer"], descendants: true }, { propertyName: "topbar", first: true, predicate: ToolbarComponent, descendants: true }], ngImport: i0, template: "<mat-toolbar [style.background-color]=\"toolbarData.bgColor\" class=\"mat-elevation-z1\">\r\n  <div class=\"first-wrapper\">\r\n    <div class=\"tool-bar-lft\">\r\n      <div class=\"image-wrapper\">\r\n        <img  class=\"logo\" src=\"{{toolbarData.img}}\" />\r\n      </div>\r\n      <div>\r\n        <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n          <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label>Search</mat-label>\r\n        <input matInput>\r\n      </mat-form-field>\r\n      <button mat-icon-button class=\"main-search-btn\">\r\n        <mat-icon>search</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <span fxFlex></span>\r\n  <div class=\"icon-tray\">\r\n\r\n    <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n      <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n    </button>\r\n    <button mat-icon-button (click)=\"clickProfile()\">\r\n      <mat-icon>person</mat-icon>\r\n    </button>\r\n\r\n    <button class=\"settings_icons\" mat-icon-button (click)=\"clickTheme()\">\r\n      <mat-icon>settings</mat-icon>\r\n    </button>\r\n  </div>\r\n</mat-toolbar>\r\n\r\n<div *ngIf=\"profileView\" class=\"notifications\">\r\n  <div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n    <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <div class=\"notifications-title\" fxFlex=\"100\">\r\n        {{toolbarData.profileContent}}\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<div *ngIf=\"isThemeCollapsed\" class=\"notifications\" id=\"box\">\r\n  <div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n    <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <div class=\"notifications-title\" fxFlex=\"100\">\r\n        <mat-selection-list color=\"primary\" #shoes [multiple]=\"false\" (click)=\"setClass(shoes.selectedOptions.selected[0]?.value)\">\r\n          <mat-list-option [selected]=\"shoe.checked\"  value=\"{{shoe.value}}\" *ngFor=\"let shoe of toolbarData.themeOptions\">\r\n            {{shoe.name}}\r\n          </mat-list-option>\r\n        </mat-selection-list>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<app-noftification-list *ngIf=\"showNotificationList\"></app-noftification-list>\r\n", styles: [".mat-toolbar{display:flex;justify-content:space-between;background-size:730px;background-position:0 -85px;position:relative;color:#006068;background-image:url(lib/assets/images/Synergen_Logo-Large2.png)!important;background-repeat:repeat-x!important;box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;z-index:2}.mat-toolbar .mat-mdc-form-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field{background:transparent!important;padding:0!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-floating-label{color:#006068!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field--filled .mdc-line-ripple:after{border-bottom-color:var(--mdc-theme-primary, #006068)!important}.mat-toolbar .first-wrapper{display:flex}.mat-toolbar .first-wrapper .tool-bar-lft{display:flex;align-items:center;width:35%!important;justify-content:space-between}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper{display:contents!important}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper img{width:50%!important}.mat-toolbar .icon-tray .show-dropdown{position:relative}.mat-toolbar .icon-tray .show-dropdown:after{content:\"\";position:absolute;left:11px;top:45px;border-bottom:8px solid white;border-right:8px solid transparent;border-left:8px solid transparent;z-index:3}.mat-toolbar .notification-btn:hover{animation:tada 1.5s ease infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:230px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:left;padding:0 3px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}.profile-view-wrapper .mdc-list-item{padding-left:0!important;padding-right:0!important}.profile-view-wrapper .mat-mdc-button{width:-webkit-fill-available!important;justify-content:flex-start!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i3.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "component", type: NoftificationListComponent, selector: "app-noftification-list" }], animations: [
         fadeInOut
     ] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-toolbar', animations: [
                         fadeInOut
-                    ], template: "<mat-toolbar [style.background-color]=\"toolbarData.bgColor\" class=\"mat-elevation-z1\">\r\n  <div class=\"first-wrapper\">\r\n    <div class=\"tool-bar-lft\">\r\n      <div class=\"image-wrapper\">\r\n        <img  class=\"logo\" src=\"{{toolbarData.img}}\" />\r\n      </div>\r\n      <div>\r\n        <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n          <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label>Search</mat-label>\r\n        <input matInput>\r\n      </mat-form-field>\r\n      <button mat-icon-button class=\"main-search-btn\">\r\n        <mat-icon>search</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <span fxFlex></span>\r\n  <div class=\"icon-tray\">\r\n\r\n    <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n      <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n    </button>\r\n    <button mat-icon-button>\r\n      <mat-icon>person</mat-icon>\r\n    </button>\r\n    <button mat-icon-button [routerLink]=\"'/user-login/login'\">\r\n      <mat-icon>power_settings_new</mat-icon>\r\n    </button>\r\n  </div>\r\n  <div *ngIf=\"isNotifNavCollapsed\" class=\"notifications\" id=\"box\">\r\n    <h2>Notifications <i class=\"fas fa-search\"></i> - <span>2</span></h2>\r\n    <div class=\"notifications-item\"> <img src=\"https://i.imgur.com/uIgDDDd.jpg\" alt=\"img\">\r\n      <div class=\"text\">\r\n        <h4>Samso aliao</h4>\r\n        <p>Samso Nagaro Like your home work</p>\r\n      </div>\r\n    </div>\r\n    <div class=\"notifications-item\"> <img src=\"https://img.icons8.com/flat_round/64/000000/vote-badge.png\" alt=\"img\">\r\n      <div class=\"text\">\r\n        <h4>John Silvester</h4>\r\n        <p>+20 vista badge earned</p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</mat-toolbar>\r\n\r\n\r\n", styles: [".mat-toolbar{display:flex;justify-content:space-between;background-size:730px;background-position:0 -85px;position:relative;color:#006068;background-image:url(lib/assets/images/Synergen_Logo-Large2.png)!important;background-repeat:repeat-x!important;box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;z-index:2}.mat-toolbar .mat-mdc-form-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field{background:transparent!important;padding:0!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-floating-label{color:#006068!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field--filled .mdc-line-ripple:after{border-bottom-color:var(--mdc-theme-primary, #006068)!important}.mat-toolbar .first-wrapper{display:flex}.mat-toolbar .first-wrapper .tool-bar-lft{display:flex;align-items:center;width:35%!important;justify-content:space-between}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper{display:contents!important}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper img{width:50%!important}.mat-toolbar .icon-tray .show-dropdown{position:relative}.mat-toolbar .icon-tray .show-dropdown:after{content:\"\";position:absolute;left:11px;top:45px;border-bottom:8px solid white;border-right:8px solid transparent;border-left:8px solid transparent;z-index:3}.mat-toolbar .notification-btn:hover{animation:tada 1.5s ease infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}\n"] }]
+                    ], template: "<mat-toolbar [style.background-color]=\"toolbarData.bgColor\" class=\"mat-elevation-z1\">\r\n  <div class=\"first-wrapper\">\r\n    <div class=\"tool-bar-lft\">\r\n      <div class=\"image-wrapper\">\r\n        <img  class=\"logo\" src=\"{{toolbarData.img}}\" />\r\n      </div>\r\n      <div>\r\n        <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n          <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n      <mat-form-field appearance=\"fill\">\r\n        <mat-label>Search</mat-label>\r\n        <input matInput>\r\n      </mat-form-field>\r\n      <button mat-icon-button class=\"main-search-btn\">\r\n        <mat-icon>search</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <span fxFlex></span>\r\n  <div class=\"icon-tray\">\r\n\r\n    <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n      <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n    </button>\r\n    <button mat-icon-button (click)=\"clickProfile()\">\r\n      <mat-icon>person</mat-icon>\r\n    </button>\r\n\r\n    <button class=\"settings_icons\" mat-icon-button (click)=\"clickTheme()\">\r\n      <mat-icon>settings</mat-icon>\r\n    </button>\r\n  </div>\r\n</mat-toolbar>\r\n\r\n<div *ngIf=\"profileView\" class=\"notifications\">\r\n  <div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n    <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <div class=\"notifications-title\" fxFlex=\"100\">\r\n        {{toolbarData.profileContent}}\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<div *ngIf=\"isThemeCollapsed\" class=\"notifications\" id=\"box\">\r\n  <div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n    <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n      <div class=\"notifications-title\" fxFlex=\"100\">\r\n        <mat-selection-list color=\"primary\" #shoes [multiple]=\"false\" (click)=\"setClass(shoes.selectedOptions.selected[0]?.value)\">\r\n          <mat-list-option [selected]=\"shoe.checked\"  value=\"{{shoe.value}}\" *ngFor=\"let shoe of toolbarData.themeOptions\">\r\n            {{shoe.name}}\r\n          </mat-list-option>\r\n        </mat-selection-list>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<app-noftification-list *ngIf=\"showNotificationList\"></app-noftification-list>\r\n", styles: [".mat-toolbar{display:flex;justify-content:space-between;background-size:730px;background-position:0 -85px;position:relative;color:#006068;background-image:url(lib/assets/images/Synergen_Logo-Large2.png)!important;background-repeat:repeat-x!important;box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;z-index:2}.mat-toolbar .mat-mdc-form-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field{background:transparent!important;padding:0!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-floating-label{color:#006068!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field--filled .mdc-line-ripple:after{border-bottom-color:var(--mdc-theme-primary, #006068)!important}.mat-toolbar .first-wrapper{display:flex}.mat-toolbar .first-wrapper .tool-bar-lft{display:flex;align-items:center;width:35%!important;justify-content:space-between}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper{display:contents!important}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper img{width:50%!important}.mat-toolbar .icon-tray .show-dropdown{position:relative}.mat-toolbar .icon-tray .show-dropdown:after{content:\"\";position:absolute;left:11px;top:45px;border-bottom:8px solid white;border-right:8px solid transparent;border-left:8px solid transparent;z-index:3}.mat-toolbar .notification-btn:hover{animation:tada 1.5s ease infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:230px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:left;padding:0 3px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}.profile-view-wrapper .mdc-list-item{padding-left:0!important;padding-right:0!important}.profile-view-wrapper .mat-mdc-button{width:-webkit-fill-available!important;justify-content:flex-start!important}\n"] }]
         }], ctorParameters: function () { return [{ type: SghNavbarService }]; }, propDecorators: { toolbarData: [{
                 type: Input
             }], sidenav: [{
@@ -495,7 +548,8 @@ SghNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         SublevelMenuComponent,
         SidenavComponent,
         ToolbarComponent,
-        MenuListItemComponent], imports: [BrowserAnimationsModule,
+        MenuListItemComponent,
+        NoftificationListComponent], imports: [BrowserAnimationsModule,
         CommonModule,
         HttpClientModule,
         RouterModule,
@@ -526,7 +580,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         SublevelMenuComponent,
                         SidenavComponent,
                         ToolbarComponent,
-                        MenuListItemComponent
+                        MenuListItemComponent,
+                        NoftificationListComponent
                     ],
                     imports: [
                         BrowserAnimationsModule,