npm - sgh-navbar - Versions diffs - 0.0.8 → 0.0.10 - Mend

sgh-navbar 0.0.8 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/esm2020/lib/sidenav/sidenav.component.mjs +10 -4
package/esm2020/lib/toolbar/toolbar.component.mjs +5 -5
package/fesm2015/sgh-navbar.mjs +13 -7
package/fesm2015/sgh-navbar.mjs.map +1 -1
package/fesm2020/sgh-navbar.mjs +13 -7
package/fesm2020/sgh-navbar.mjs.map +1 -1
package/package.json +3 -2

package/esm2020/lib/sidenav/sidenav.component.mjs CHANGED Viewed

@@ -20,11 +20,17 @@ export class SidenavComponent {
         this.onToggleSideNav = new EventEmitter();
         this.collapsed = false;
         this.screenWidth = 0;
+        this.sidenavData = {
+            navData: navbarData,
+            bgColor: '#fff',
+            imgSm: '',
+            imgLg: '',
+        };
         this.multiple = false;
     }
     ngOnInit() {
         this.screenWidth = window.innerWidth;
-        this.sidenavData.navData = navbarData;
+        // this.sidenavData.navData = navbarData;
     }
     toggleCollapse() {
         this.collapsed = !this.collapsed;
@@ -52,7 +58,7 @@ export 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: i3.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4.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: i4.MenuListItemComponent, selector: "app-menu-list-item", inputs: ["item"] }], animations: [
         fadeInOut,
         trigger('rotate', [
             transition(':enter', [
@@ -75,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                                 ]))
                             ])
                         ])
-                    ], 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"] }]
+                    ], 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"] }]
         }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { onToggleSideNav: [{
                 type: Output
             }], sidenavData: [{
@@ -84,4 +90,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: HostListener,
                 args: ['window:resize', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQVUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU3RixPQUFPLEVBQUUsU0FBUyxFQUFlLE1BQU0sVUFBVSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7OztBQTBCeEMsTUFBTSxPQUFPLGdCQUFnQjtJQVMzQixRQUFRLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUM7UUFDckMsSUFBRyxJQUFJLENBQUMsV0FBVyxJQUFJLEdBQUcsRUFBRztZQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN2QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxFQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFDLENBQUMsQ0FBQztTQUN2RjtJQUNILENBQUM7SUFFRCxZQUFtQixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQWZ2QixvQkFBZSxHQUFnQyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzVFLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIs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IGtleWZyYW1lcywgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25Jbml0LCBIb3N0TGlzdGVuZXIsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IGZhZGVJbk91dCwgSU5hdmJhckRhdGEgfSBmcm9tICcuL2hlbHBlcic7XHJcbmltcG9ydCB7IG5hdmJhckRhdGEgfSBmcm9tICcuL25hdi1kYXRhJztcclxuaW1wb3J0IHtTaWRlbmF2RGF0YX0gZnJvbSBcIi4vc2lkZW5hdi1kYXRhXCI7XHJcblxyXG5pbnRlcmZhY2UgU2lkZU5hdlRvZ2dsZSB7XHJcbiAgc2NyZWVuV2lkdGg6IG51bWJlcjtcclxuICBjb2xsYXBzZWQ6IGJvb2xlYW47XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXNpZGVuYXYnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlbmF2LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zaWRlbmF2LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgZmFkZUluT3V0LFxyXG4gICAgdHJpZ2dlcigncm90YXRlJywgW1xyXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXHJcbiAgICAgICAgYW5pbWF0ZSgnMTAwMG1zJyxcclxuICAgICAgICAgIGtleWZyYW1lcyhbXHJcbiAgICAgICAgICAgIHN0eWxlKHt0cmFuc2Zvcm06ICdyb3RhdGUoMGRlZyknLCBvZmZzZXQ6ICcwJ30pLFxyXG4gICAgICAgICAgICBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDJ0dXJuKScsIG9mZnNldDogJzEnfSlcclxuICAgICAgICAgIF0pXHJcbiAgICAgICAgKVxyXG4gICAgICBdKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlbmF2Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQE91dHB1dCgpIG9uVG9nZ2xlU2lkZU5hdjogRXZlbnRFbWl0dGVyPFNpZGVOYXZUb2dnbGU+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIGNvbGxhcHNlZCA9IGZhbHNlO1xyXG4gIHNjcmVlbldpZHRoID0gMDtcclxuICBASW5wdXQoKSBzaWRlbmF2RGF0YTogU2lkZW5hdkRhdGE7XHJcbiAgbXVsdGlwbGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXHJcbiAgb25SZXNpemUoZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5zY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xyXG4gICAgaWYodGhpcy5zY3JlZW5XaWR0aCA8PSA3NjggKSB7XHJcbiAgICAgIHRoaXMuY29sbGFwc2VkID0gZmFsc2U7XHJcbiAgICAgIHRoaXMub25Ub2dnbGVTaWRlTmF2LmVtaXQoe2NvbGxhcHNlZDogdGhpcy5jb2xsYXBzZWQsIHNjcmVlbldpZHRoOiB0aGlzLnNjcmVlbldpZHRofSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcm91dGVyOiBSb3V0ZXIpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICB0aGlzLnNjcmVlbldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XHJcbiAgICAgIHRoaXMuc2lkZW5hdkRhdGEubmF2RGF0YSA9IG5hdmJhckRhdGE7XHJcbiAgfVxyXG5cclxuICB0b2dnbGVDb2xsYXBzZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuY29sbGFwc2VkID0gIXRoaXMuY29sbGFwc2VkO1xyXG4gICAgdGhpcy5vblRvZ2dsZVNpZGVOYXYuZW1pdCh7Y29sbGFwc2VkOiB0aGlzLmNvbGxhcHNlZCwgc2NyZWVuV2lkdGg6IHRoaXMuc2NyZWVuV2lkdGh9KTtcclxuICB9XHJcblxyXG4gIGNsb3NlU2lkZW5hdigpOiB2b2lkIHtcclxuICAgIHRoaXMuY29sbGFwc2VkID0gZmFsc2U7XHJcbiAgICB0aGlzLm9uVG9nZ2xlU2lkZU5hdi5lbWl0KHtjb2xsYXBzZWQ6IHRoaXMuY29sbGFwc2VkLCBzY3JlZW5XaWR0aDogdGhpcy5zY3JlZW5XaWR0aH0pO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlQ2xpY2soaXRlbTogSU5hdmJhckRhdGEpOiB2b2lkIHtcclxuICAgIHRoaXMuc2hyaW5rSXRlbXMoaXRlbSk7XHJcbiAgICBpdGVtLmV4cGFuZGVkID0gIWl0ZW0uZXhwYW5kZWRcclxuICB9XHJcblxyXG4gIGdldEFjdGl2ZUNsYXNzKGRhdGE6IElOYXZiYXJEYXRhKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLnJvdXRlci51cmwuaW5jbHVkZXMoZGF0YS5yb3V0ZUxpbmspID8gJ2FjdGl2ZScgOiAnJztcclxuICB9XHJcblxyXG4gIHNocmlua0l0ZW1zKGl0ZW06IElOYXZiYXJEYXRhKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMubXVsdGlwbGUpIHtcclxuICAgICAgZm9yKGxldCBtb2RlbEl0ZW0gb2YgdGhpcy5zaWRlbmF2RGF0YS5uYXZEYXRhKSB7XHJcbiAgICAgICAgaWYgKGl0ZW0gIT09IG1vZGVsSXRlbSAmJiBtb2RlbEl0ZW0uZXhwYW5kZWQpIHtcclxuICAgICAgICAgIG1vZGVsSXRlbS5leHBhbmRlZCA9IGZhbHNlO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG5cclxuXHJcblxyXG5cclxuIiwiPG1hdC1uYXYtbGlzdD5cclxuICA8YXBwLW1lbnUtbGlzdC1pdGVtICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNpZGVuYXZEYXRhLm5hdkRhdGFcIiBbaXRlbV09XCJpdGVtXCI+PC9hcHAtbWVudS1saXN0LWl0ZW0+XHJcbjwvbWF0LW5hdi1saXN0PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQVUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU3RixPQUFPLEVBQUUsU0FBUyxFQUFlLE1BQU0sVUFBVSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7OztBQTBCeEMsTUFBTSxPQUFPLGdCQUFnQjtJQWMzQixRQUFRLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUM7UUFDckMsSUFBRyxJQUFJLENBQUMsV0FBVyxJQUFJLEdBQUcsRUFBRztZQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN2QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxFQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFDLENBQUMsQ0FBQztTQUN2RjtJQUNILENBQUM7SUFFRCxZQUFtQixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQXBCdkIsb0JBQWUsR0FBZ0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM1RSxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xC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RFAsWUFBWTt1QkFBQyxlQUFlLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBrZXlmcmFtZXMsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCwgSG9zdExpc3RlbmVyLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBmYWRlSW5PdXQsIElOYXZiYXJEYXRhIH0gZnJvbSAnLi9oZWxwZXInO1xyXG5pbXBvcnQgeyBuYXZiYXJEYXRhIH0gZnJvbSAnLi9uYXYtZGF0YSc7XHJcbmltcG9ydCB7U2lkZW5hdkRhdGF9IGZyb20gXCIuL3NpZGVuYXYtZGF0YVwiO1xyXG5cclxuaW50ZXJmYWNlIFNpZGVOYXZUb2dnbGUge1xyXG4gIHNjcmVlbldpZHRoOiBudW1iZXI7XHJcbiAgY29sbGFwc2VkOiBib29sZWFuO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1zaWRlbmF2JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZW5hdi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZW5hdi5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIGZhZGVJbk91dCxcclxuICAgIHRyaWdnZXIoJ3JvdGF0ZScsIFtcclxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzEwMDBtcycsXHJcbiAgICAgICAgICBrZXlmcmFtZXMoW1xyXG4gICAgICAgICAgICBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJywgb2Zmc2V0OiAnMCd9KSxcclxuICAgICAgICAgICAgc3R5bGUoe3RyYW5zZm9ybTogJ3JvdGF0ZSgydHVybiknLCBvZmZzZXQ6ICcxJ30pXHJcbiAgICAgICAgICBdKVxyXG4gICAgICAgIClcclxuICAgICAgXSlcclxuICAgIF0pXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZW5hdkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBPdXRwdXQoKSBvblRvZ2dsZVNpZGVOYXY6IEV2ZW50RW1pdHRlcjxTaWRlTmF2VG9nZ2xlPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBjb2xsYXBzZWQgPSBmYWxzZTtcclxuICBzY3JlZW5XaWR0aCA9IDA7XHJcbiAgQElucHV0KCkgc2lkZW5hdkRhdGE6IFNpZGVuYXZEYXRhID0ge1xyXG4gICAgbmF2RGF0YTpuYXZiYXJEYXRhLFxyXG4gICAgYmdDb2xvcjonI2ZmZicsXHJcbiAgICBpbWdTbTonJyxcclxuICAgIGltZ0xnOicnLFxyXG4gIH07XHJcbiAgbXVsdGlwbGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXHJcbiAgb25SZXNpemUoZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5zY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xyXG4gICAgaWYodGhpcy5zY3JlZW5XaWR0aCA8PSA3NjggKSB7XHJcbiAgICAgIHRoaXMuY29sbGFwc2VkID0gZmFsc2U7XHJcbiAgICAgIHRoaXMub25Ub2dnbGVTaWRlTmF2LmVtaXQoe2NvbGxhcHNlZDogdGhpcy5jb2xsYXBzZWQsIHNjcmVlbldpZHRoOiB0aGlzLnNjcmVlbldpZHRofSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcm91dGVyOiBSb3V0ZXIpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICB0aGlzLnNjcmVlbldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XHJcbiAgICAgIC8vIHRoaXMuc2lkZW5hdkRhdGEubmF2RGF0YSA9IG5hdmJhckRhdGE7XHJcbiAgfVxyXG5cclxuICB0b2dnbGVDb2xsYXBzZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuY29sbGFwc2VkID0gIXRoaXMuY29sbGFwc2VkO1xyXG4gICAgdGhpcy5vblRvZ2dsZVNpZGVOYXYuZW1pdCh7Y29sbGFwc2VkOiB0aGlzLmNvbGxhcHNlZCwgc2NyZWVuV2lkdGg6IHRoaXMuc2NyZWVuV2lkdGh9KTtcclxuICB9XHJcblxyXG4gIGNsb3NlU2lkZW5hdigpOiB2b2lkIHtcclxuICAgIHRoaXMuY29sbGFwc2VkID0gZmFsc2U7XHJcbiAgICB0aGlzLm9uVG9nZ2xlU2lkZU5hdi5lbWl0KHtjb2xsYXBzZWQ6IHRoaXMuY29sbGFwc2VkLCBzY3JlZW5XaWR0aDogdGhpcy5zY3JlZW5XaWR0aH0pO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlQ2xpY2soaXRlbTogSU5hdmJhckRhdGEpOiB2b2lkIHtcclxuICAgIHRoaXMuc2hyaW5rSXRlbXMoaXRlbSk7XHJcbiAgICBpdGVtLmV4cGFuZGVkID0gIWl0ZW0uZXhwYW5kZWRcclxuICB9XHJcblxyXG4gIGdldEFjdGl2ZUNsYXNzKGRhdGE6IElOYXZiYXJEYXRhKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLnJvdXRlci51cmwuaW5jbHVkZXMoZGF0YS5yb3V0ZUxpbmspID8gJ2FjdGl2ZScgOiAnJztcclxuICB9XHJcblxyXG4gIHNocmlua0l0ZW1zKGl0ZW06IElOYXZiYXJEYXRhKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMubXVsdGlwbGUpIHtcclxuICAgICAgZm9yKGxldCBtb2RlbEl0ZW0gb2YgdGhpcy5zaWRlbmF2RGF0YS5uYXZEYXRhKSB7XHJcbiAgICAgICAgaWYgKGl0ZW0gIT09IG1vZGVsSXRlbSAmJiBtb2RlbEl0ZW0uZXhwYW5kZWQpIHtcclxuICAgICAgICAgIG1vZGVsSXRlbS5leHBhbmRlZCA9IGZhbHNlO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG5cclxuXHJcblxyXG5cclxuIiwiPG1hdC1uYXYtbGlzdD5cclxuICAgIDxhcHAtbWVudS1saXN0LWl0ZW0gKm5nRm9yPVwibGV0IGl0ZW0gb2Ygc2lkZW5hdkRhdGEubmF2RGF0YVwiIFtpdGVtXT1cIml0ZW1cIj48L2FwcC1tZW51LWxpc3QtaXRlbT5cclxuPC9tYXQtbmF2LWxpc3Q+XHJcbiJdfQ==

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

@@ -45,21 +45,21 @@ export class ToolbarComponent {
         this.prev = selected;
     }
     clickTheme() {
-        this.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;
+        this.toolbarData.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;
     }
     clickProfile() {
-        this.profileView = !this.toolbarData.profileView;
+        this.toolbarData.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 (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        <mat-list class=\"profile-view-wrapper\">\r\n          <mat-list-item  >\r\n            <button  mat-button >\r\n              <mat-icon matListItemIcon>person_outline</mat-icon>\r\n              <div>Profile View</div>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n          <mat-list-item >\r\n            <button  mat-button [routerLink]=\"'/user-login/login'\">\r\n              <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n              <div>Log Out</div>\r\n            </button>\r\n          </mat-list-item>\r\n        </mat-list>\r\n      </div>\r\n    </div>\r\n  </div>\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: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i4.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i4.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i9.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: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "component", type: i11.NoftificationListComponent, selector: "app-noftification-list" }], 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=\"toolbarData.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        <mat-list class=\"profile-view-wrapper\">\r\n          <mat-list-item  >\r\n            <button  mat-button >\r\n              <mat-icon matListItemIcon>person_outline</mat-icon>\r\n              <div>Profile View</div>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n          <mat-list-item >\r\n            <button  mat-button [routerLink]=\"'/user-login/login'\">\r\n              <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n              <div>Log Out</div>\r\n            </button>\r\n          </mat-list-item>\r\n        </mat-list>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"toolbarData.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: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i4.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i4.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i5.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i9.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: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "component", type: i11.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 (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        <mat-list class=\"profile-view-wrapper\">\r\n          <mat-list-item  >\r\n            <button  mat-button >\r\n              <mat-icon matListItemIcon>person_outline</mat-icon>\r\n              <div>Profile View</div>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n          <mat-list-item >\r\n            <button  mat-button [routerLink]=\"'/user-login/login'\">\r\n              <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n              <div>Log Out</div>\r\n            </button>\r\n          </mat-list-item>\r\n        </mat-list>\r\n      </div>\r\n    </div>\r\n  </div>\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"] }]
+                    ], 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=\"toolbarData.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        <mat-list class=\"profile-view-wrapper\">\r\n          <mat-list-item  >\r\n            <button  mat-button >\r\n              <mat-icon matListItemIcon>person_outline</mat-icon>\r\n              <div>Profile View</div>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n          <mat-list-item >\r\n            <button  mat-button [routerLink]=\"'/user-login/login'\">\r\n              <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n              <div>Log Out</div>\r\n            </button>\r\n          </mat-list-item>\r\n        </mat-list>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"toolbarData.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: [{
@@ -69,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 type: ViewChild,
                 args: [ToolbarComponent]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7Ozs7Ozs7OztBQWE5QyxNQUFNLE9BQU8sZ0JBQWdCO0lBUzNCLFlBQW1CLFVBQTRCO1FBQTVCLGVBQVUsR0FBVixVQUFVLENBQWtCO1FBSi9DLHlCQUFvQixHQUFHLEtBQUssQ0FBQztJQUlzQixDQUFDO0lBRXBELFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ3pDLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxHQUFHLENBQUM7Z0JBQy9CLElBQUksRUFBRSxtQkFBbUI7Z0JBQ3pCLEtBQUssRUFBRSxtQkFBbUI7Z0JBQzFCLE9BQU8sRUFBRSxJQUFJO2FBQ2QsRUFBRTtnQkFDRCxJQUFJLEVBQUUsaUJBQWlCO2dCQUN2QixLQUFLLEVBQUUsaUJBQWlCO2dCQUN4QixPQUFPLEVBQUUsS0FBSzthQUNmLEVBQUU7Z0JBQ0QsSUFBSSxFQUFFLGdCQUFnQjtnQkFDdEIsS0FBSyxFQUFFLGdCQUFnQjtnQkFDdkIsT0FBTyxFQUFFLEtBQUs7YUFDZixDQUFDLENBQUM7SUFFTCxDQUFDO0lBRUQsc0JBQXNCO1FBQ3BCLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztJQUN6RCxDQUFDO0lBQ0QscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxLQUFLLENBQUM7SUFDcEMsQ0FBQztJQUNELFFBQVEsQ0FBQyxRQUFhO1FBQ3BCLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pELE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDN0MsSUFBSSxDQUFDLElBQUksR0FBRyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixDQUFDO0lBQzdELENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDO0lBQ25ELENBQUM7OzZHQS9DVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQix1TkFJaEIsZ0JBQWdCLGdEQ2xCN0Isa3JHQThFQSxpdExEcEVjO1FBQ1YsU0FBUztLQUNWOzJGQUVVLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxhQUFhLGNBR1g7d0JBQ1YsU0FBUztxQkFDVjt1R0FJUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNlLE9BQU87c0JBQTNCLFNBQVM7dUJBQUMsUUFBUTtnQkFDVSxNQUFNO3NCQUFsQyxTQUFTO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZmFkZUluT3V0IH0gZnJvbSAnLi4vc2lkZW5hdi9oZWxwZXInO1xyXG5pbXBvcnQge01hdERyYXdlcn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NpZGVuYXZcIjtcclxuaW1wb3J0IHtTZ2hOYXZiYXJTZXJ2aWNlfSBmcm9tIFwiLi4vc2doLW5hdmJhci5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7VG9vbGJhckRhdGF9IGZyb20gXCIuLi9zaWRlbmF2L3Rvb2xiYXItZGF0YVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtdG9vbGJhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3Rvb2xiYXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICBmYWRlSW5PdXRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb29sYmFyQ29tcG9uZW50IHtcclxuICBwcmV2OmFueTtcclxuICBASW5wdXQoKSB0b29sYmFyRGF0YTogVG9vbGJhckRhdGE7XHJcbiAgQFZpZXdDaGlsZCgnZHJhd2VyJykgc2lkZW5hdjogTWF0RHJhd2VyO1xyXG4gIEBWaWV3Q2hpbGQoVG9vbGJhckNvbXBvbmVudCkgdG9wYmFyOiBUb29sYmFyQ29tcG9uZW50O1xyXG4gIHNob3dOb3RpZmljYXRpb25MaXN0ID0gZmFsc2U7XHJcbiAgcHJvZmlsZVZpZXc6IGJvb2xlYW47XHJcbiAgaXNUaGVtZUNvbGxhcHNlZDogYm9vbGVhbjtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIG5hdlNlcnZpY2U6IFNnaE5hdmJhclNlcnZpY2UpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubmF2U2VydmljZS5hcHBEcmF3ZXIgPSB0aGlzLnNpZGVuYXY7XHJcbiAgICB0aGlzLnRvb2xiYXJEYXRhLnRoZW1lT3B0aW9ucyA9IFt7XHJcbiAgICAgIG5hbWU6ICdTZ2gtZGVmYXVsdC10aGVtZScsXHJcbiAgICAgIHZhbHVlOiAnc2doLWRlZmF1bHQtdGhlbWUnLFxyXG4gICAgICBjaGVja2VkOiB0cnVlXHJcbiAgICB9LCB7XHJcbiAgICAgIG5hbWU6ICdTZ2gtbGlnaHQtdGhlbWUnLFxyXG4gICAgICB2YWx1ZTogJ3NnaC1saWdodC10aGVtZScsXHJcbiAgICAgIGNoZWNrZWQ6IGZhbHNlXHJcbiAgICB9LCB7XHJcbiAgICAgIG5hbWU6ICdTZ2gtYmx1ZS10aGVtZScsXHJcbiAgICAgIHZhbHVlOiAnc2doLWJsdWUtdGhlbWUnLFxyXG4gICAgICBjaGVja2VkOiBmYWxzZVxyXG4gICAgfV07XHJcblxyXG4gIH1cclxuXHJcbiAgdG9nZ2xlTm90aWZpY2F0aW9uTGlzdCgpIHtcclxuICAgIHRoaXMuc2hvd05vdGlmaWNhdGlvbkxpc3QgPSAhdGhpcy5zaG93Tm90aWZpY2F0aW9uTGlzdDtcclxuICB9XHJcbiAgY2xvc2VOb3RpZmljYXRpb25MaXN0KCkge1xyXG4gICAgdGhpcy5zaG93Tm90aWZpY2F0aW9uTGlzdCA9IGZhbHNlO1xyXG4gIH1cclxuICBzZXRDbGFzcyhzZWxlY3RlZDogYW55KSB7XHJcbiAgICB3aW5kb3cuZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKHRoaXMucHJldik7XHJcbiAgICB3aW5kb3cuZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QuYWRkKHNlbGVjdGVkKTtcclxuICAgIHRoaXMucHJldiA9IHNlbGVjdGVkO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tUaGVtZSgpe1xyXG4gICAgdGhpcy5pc1RoZW1lQ29sbGFwc2VkID0gIXRoaXMudG9vbGJhckRhdGEuaXNUaGVtZUNvbGxhcHNlZDtcclxuICB9XHJcblxyXG4gIGNsaWNrUHJvZmlsZSgpe1xyXG4gICAgdGhpcy5wcm9maWxlVmlldyA9ICF0aGlzLnRvb2xiYXJEYXRhLnByb2ZpbGVWaWV3O1xyXG4gIH1cclxufVxyXG4iLCI8bWF0LXRvb2xiYXIgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwidG9vbGJhckRhdGEuYmdDb2xvclwiIGNsYXNzPVwibWF0LWVsZXZhdGlvbi16MVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJmaXJzdC13cmFwcGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwidG9vbC1iYXItbGZ0XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS13cmFwcGVyXCI+XHJcbiAgICAgICAgPGltZyAgY2xhc3M9XCJsb2dvXCIgc3JjPVwie3t0b29sYmFyRGF0YS5pbWd9fVwiIC8+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2PlxyXG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGlkPVwibWVudVwiIChjbGljayk9XCJuYXZTZXJ2aWNlLnRvZ2dsZU5hdigpO2Nsb3NlTm90aWZpY2F0aW9uTGlzdCgpXCI+XHJcbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1vdXRsaW5lZFwiPm1lbnVfb3BlbjwvbWF0LWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLXdycFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiID5cclxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCI+XHJcbiAgICAgICAgPG1hdC1sYWJlbD5TZWFyY2g8L21hdC1sYWJlbD5cclxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQ+XHJcbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwibWFpbi1zZWFyY2gtYnRuXCI+XHJcbiAgICAgICAgPG1hdC1pY29uPnNlYXJjaDwvbWF0LWljb24+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxzcGFuIGZ4RmxleD48L3NwYW4+XHJcbiAgPGRpdiBjbGFzcz1cImljb24tdHJheVwiPlxyXG5cclxuICAgIDxidXR0b24gY2xhc3M9XCJub3RpZmljYXRpb24tYnRuXCIgW25nQ2xhc3NdPVwieydzaG93LWRyb3Bkb3duJzpzaG93Tm90aWZpY2F0aW9uTGlzdH1cIiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cInRvZ2dsZU5vdGlmaWNhdGlvbkxpc3QoKVwiPlxyXG4gICAgICA8bWF0LWljb24gY2xhc3M9XCJub3RpZmljYXRpb25zLWFsZXJ0XCI+bm90aWZpY2F0aW9uczxzcGFuIGNsYXNzPVwiZG90XCI+PC9zcGFuPjwvbWF0LWljb24+XHJcbiAgICA8L2J1dHRvbj5cclxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJjbGlja1Byb2ZpbGUoKVwiPlxyXG4gICAgICA8bWF0LWljb24+cGVyc29uPC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG5cclxuICAgIDxidXR0b24gY2xhc3M9XCJzZXR0aW5nc19pY29uc1wiIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiY2xpY2tUaGVtZSgpXCI+XHJcbiAgICAgIDxtYXQtaWNvbj5zZXR0aW5nczwvbWF0LWljb24+XHJcbiAgICA8L2J1dHRvbj5cclxuICA8L2Rpdj5cclxuPC9tYXQtdG9vbGJhcj5cclxuXHJcbjxkaXYgKm5nSWY9XCJwcm9maWxlVmlld1wiIGNsYXNzPVwibm90aWZpY2F0aW9uc1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3Qtd3JhcHBlclwiIGZ4TGF5b3V0PVwicm93IHdyYXBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3RcIiBmeExheW91dD1cInJvdyB3cmFwXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLXRpdGxlXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgICAgPG1hdC1saXN0IGNsYXNzPVwicHJvZmlsZS12aWV3LXdyYXBwZXJcIj5cclxuICAgICAgICAgIDxtYXQtbGlzdC1pdGVtICA+XHJcbiAgICAgICAgICAgIDxidXR0b24gIG1hdC1idXR0b24gPlxyXG4gICAgICAgICAgICAgIDxtYXQtaWNvbiBtYXRMaXN0SXRlbUljb24+cGVyc29uX291dGxpbmU8L21hdC1pY29uPlxyXG4gICAgICAgICAgICAgIDxkaXY+UHJvZmlsZSBWaWV3PC9kaXY+XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgPC9tYXQtbGlzdC1pdGVtPlxyXG4gICAgICAgICAgPG1hdC1kaXZpZGVyPjwvbWF0LWRpdmlkZXI+XHJcbiAgICAgICAgICA8bWF0LWxpc3QtaXRlbSA+XHJcbiAgICAgICAgICAgIDxidXR0b24gIG1hdC1idXR0b24gW3JvdXRlckxpbmtdPVwiJy91c2VyLWxvZ2luL2xvZ2luJ1wiPlxyXG4gICAgICAgICAgICAgIDxtYXQtaWNvbiBtYXRMaXN0SXRlbUljb24+cG93ZXJfc2V0dGluZ3NfbmV3PC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgICA8ZGl2PkxvZyBPdXQ8L2Rpdj5cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICA8L21hdC1saXN0LWl0ZW0+XHJcbiAgICAgICAgPC9tYXQtbGlzdD5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbjxkaXYgKm5nSWY9XCJpc1RoZW1lQ29sbGFwc2VkXCIgY2xhc3M9XCJub3RpZmljYXRpb25zXCIgaWQ9XCJib3hcIj5cclxuICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9ucy1saXN0LXdyYXBwZXJcIiBmeExheW91dD1cInJvdyB3cmFwXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9ucy1saXN0XCIgZnhMYXlvdXQ9XCJyb3cgd3JhcFwiIGZ4RmxleD1cIjEwMFwiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9ucy10aXRsZVwiIGZ4RmxleD1cIjEwMFwiPlxyXG4gICAgICAgIDxtYXQtc2VsZWN0aW9uLWxpc3QgY29sb3I9XCJwcmltYXJ5XCIgI3Nob2VzIFttdWx0aXBsZV09XCJmYWxzZVwiIChjbGljayk9XCJzZXRDbGFzcyhzaG9lcy5zZWxlY3RlZE9wdGlvbnMuc2VsZWN0ZWRbMF0/LnZhbHVlKVwiPlxyXG4gICAgICAgICAgPG1hdC1saXN0LW9wdGlvbiBbc2VsZWN0ZWRdPVwic2hvZS5jaGVja2VkXCIgIHZhbHVlPVwie3tzaG9lLnZhbHVlfX1cIiAqbmdGb3I9XCJsZXQgc2hvZSBvZiB0b29sYmFyRGF0YS50aGVtZU9wdGlvbnNcIj5cclxuICAgICAgICAgICAge3tzaG9lLm5hbWV9fVxyXG4gICAgICAgICAgPC9tYXQtbGlzdC1vcHRpb24+XHJcbiAgICAgICAgPC9tYXQtc2VsZWN0aW9uLWxpc3Q+XHJcbiAgICAgIDwvZGl2PlxyXG5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG5cclxuPC9kaXY+XHJcbjxhcHAtbm9mdGlmaWNhdGlvbi1saXN0ICpuZ0lmPVwic2hvd05vdGlmaWNhdGlvbkxpc3RcIj48L2FwcC1ub2Z0aWZpY2F0aW9uLWxpc3Q+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7Ozs7Ozs7OztBQWE5QyxNQUFNLE9BQU8sZ0JBQWdCO0lBUzNCLFlBQW1CLFVBQTRCO1FBQTVCLGVBQVUsR0FBVixVQUFVLENBQWtCO1FBSi9DLHlCQUFvQixHQUFHLEtBQUssQ0FBQztJQUlzQixDQUFDO0lBRXBELFFBQVE7UUFDTixJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ3pDLElBQUksQ0FBQyxXQUFXLENBQUMsWUFBWSxHQUFHLENBQUM7Z0JBQy9CLElBQUksRUFBRSxtQkFBbUI7Z0JBQ3pCLEtBQUssRUFBRSxtQkFBbUI7Z0JBQzFCLE9BQU8sRUFBRSxJQUFJO2FBQ2QsRUFBRTtnQkFDRCxJQUFJLEVBQUUsaUJBQWlCO2dCQUN2QixLQUFLLEVBQUUsaUJBQWlCO2dCQUN4QixPQUFPLEVBQUUsS0FBSzthQUNmLEVBQUU7Z0JBQ0QsSUFBSSxFQUFFLGdCQUFnQjtnQkFDdEIsS0FBSyxFQUFFLGdCQUFnQjtnQkFDdkIsT0FBTyxFQUFFLEtBQUs7YUFDZixDQUFDLENBQUM7SUFFTCxDQUFDO0lBRUQsc0JBQXNCO1FBQ3BCLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztJQUN6RCxDQUFDO0lBQ0QscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxLQUFLLENBQUM7SUFDcEMsQ0FBQztJQUNELFFBQVEsQ0FBQyxRQUFhO1FBQ3BCLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pELE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDN0MsSUFBSSxDQUFDLElBQUksR0FBRyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQztJQUN6RSxDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxXQUFXLENBQUM7SUFDL0QsQ0FBQzs7NkdBL0NVLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLHVOQUloQixnQkFBZ0IsZ0RDbEI3Qiwwc0dBOEVBLGl0TERwRWM7UUFDVixTQUFTO0tBQ1Y7MkZBRVUsZ0JBQWdCO2tCQVI1QixTQUFTOytCQUNFLGFBQWEsY0FHWDt3QkFDVixTQUFTO3FCQUNWO3VHQUlRLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ2UsT0FBTztzQkFBM0IsU0FBUzt1QkFBQyxRQUFRO2dCQUNVLE1BQU07c0JBQWxDLFNBQVM7dUJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBmYWRlSW5PdXQgfSBmcm9tICcuLi9zaWRlbmF2L2hlbHBlcic7XHJcbmltcG9ydCB7TWF0RHJhd2VyfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvc2lkZW5hdlwiO1xyXG5pbXBvcnQge1NnaE5hdmJhclNlcnZpY2V9IGZyb20gXCIuLi9zZ2gtbmF2YmFyLnNlcnZpY2VcIjtcclxuaW1wb3J0IHtUb29sYmFyRGF0YX0gZnJvbSBcIi4uL3NpZGVuYXYvdG9vbGJhci1kYXRhXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC10b29sYmFyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdG9vbGJhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdG9vbGJhci5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIGZhZGVJbk91dFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFRvb2xiYXJDb21wb25lbnQge1xyXG4gIHByZXY6YW55O1xyXG4gIEBJbnB1dCgpIHRvb2xiYXJEYXRhOiBUb29sYmFyRGF0YTtcclxuICBAVmlld0NoaWxkKCdkcmF3ZXInKSBzaWRlbmF2OiBNYXREcmF3ZXI7XHJcbiAgQFZpZXdDaGlsZChUb29sYmFyQ29tcG9uZW50KSB0b3BiYXI6IFRvb2xiYXJDb21wb25lbnQ7XHJcbiAgc2hvd05vdGlmaWNhdGlvbkxpc3QgPSBmYWxzZTtcclxuICBwcm9maWxlVmlldzogYm9vbGVhbjtcclxuICBpc1RoZW1lQ29sbGFwc2VkOiBib29sZWFuO1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgbmF2U2VydmljZTogU2doTmF2YmFyU2VydmljZSkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5uYXZTZXJ2aWNlLmFwcERyYXdlciA9IHRoaXMuc2lkZW5hdjtcclxuICAgIHRoaXMudG9vbGJhckRhdGEudGhlbWVPcHRpb25zID0gW3tcclxuICAgICAgbmFtZTogJ1NnaC1kZWZhdWx0LXRoZW1lJyxcclxuICAgICAgdmFsdWU6ICdzZ2gtZGVmYXVsdC10aGVtZScsXHJcbiAgICAgIGNoZWNrZWQ6IHRydWVcclxuICAgIH0sIHtcclxuICAgICAgbmFtZTogJ1NnaC1saWdodC10aGVtZScsXHJcbiAgICAgIHZhbHVlOiAnc2doLWxpZ2h0LXRoZW1lJyxcclxuICAgICAgY2hlY2tlZDogZmFsc2VcclxuICAgIH0sIHtcclxuICAgICAgbmFtZTogJ1NnaC1ibHVlLXRoZW1lJyxcclxuICAgICAgdmFsdWU6ICdzZ2gtYmx1ZS10aGVtZScsXHJcbiAgICAgIGNoZWNrZWQ6IGZhbHNlXHJcbiAgICB9XTtcclxuXHJcbiAgfVxyXG5cclxuICB0b2dnbGVOb3RpZmljYXRpb25MaXN0KCkge1xyXG4gICAgdGhpcy5zaG93Tm90aWZpY2F0aW9uTGlzdCA9ICF0aGlzLnNob3dOb3RpZmljYXRpb25MaXN0O1xyXG4gIH1cclxuICBjbG9zZU5vdGlmaWNhdGlvbkxpc3QoKSB7XHJcbiAgICB0aGlzLnNob3dOb3RpZmljYXRpb25MaXN0ID0gZmFsc2U7XHJcbiAgfVxyXG4gIHNldENsYXNzKHNlbGVjdGVkOiBhbnkpIHtcclxuICAgIHdpbmRvdy5kb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5yZW1vdmUodGhpcy5wcmV2KTtcclxuICAgIHdpbmRvdy5kb2N1bWVudC5ib2R5LmNsYXNzTGlzdC5hZGQoc2VsZWN0ZWQpO1xyXG4gICAgdGhpcy5wcmV2ID0gc2VsZWN0ZWQ7XHJcbiAgfVxyXG5cclxuICBjbGlja1RoZW1lKCl7XHJcbiAgICB0aGlzLnRvb2xiYXJEYXRhLmlzVGhlbWVDb2xsYXBzZWQgPSAhdGhpcy50b29sYmFyRGF0YS5pc1RoZW1lQ29sbGFwc2VkO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tQcm9maWxlKCl7XHJcbiAgICB0aGlzLnRvb2xiYXJEYXRhLnByb2ZpbGVWaWV3ID0gIXRoaXMudG9vbGJhckRhdGEucHJvZmlsZVZpZXc7XHJcbiAgfVxyXG59XHJcbiIsIjxtYXQtdG9vbGJhciBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJ0b29sYmFyRGF0YS5iZ0NvbG9yXCIgY2xhc3M9XCJtYXQtZWxldmF0aW9uLXoxXCI+XHJcbiAgPGRpdiBjbGFzcz1cImZpcnN0LXdyYXBwZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0b29sLWJhci1sZnRcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImltYWdlLXdyYXBwZXJcIj5cclxuICAgICAgICA8aW1nICBjbGFzcz1cImxvZ29cIiBzcmM9XCJ7e3Rvb2xiYXJEYXRhLmltZ319XCIgLz5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXY+XHJcbiAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gaWQ9XCJtZW51XCIgKGNsaWNrKT1cIm5hdlNlcnZpY2UudG9nZ2xlTmF2KCk7Y2xvc2VOb3RpZmljYXRpb25MaXN0KClcIj5cclxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zLW91dGxpbmVkXCI+bWVudV9vcGVuPC9tYXQtaWNvbj5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJzZWFyY2gtd3JwXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3RhcnQgY2VudGVyXCIgPlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cImZpbGxcIj5cclxuICAgICAgICA8bWF0LWxhYmVsPlNlYXJjaDwvbWF0LWxhYmVsPlxyXG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dD5cclxuICAgICAgPC9tYXQtZm9ybS1maWVsZD5cclxuICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY2xhc3M9XCJtYWluLXNlYXJjaC1idG5cIj5cclxuICAgICAgICA8bWF0LWljb24+c2VhcmNoPC9tYXQtaWNvbj5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPHNwYW4gZnhGbGV4Pjwvc3Bhbj5cclxuICA8ZGl2IGNsYXNzPVwiaWNvbi10cmF5XCI+XHJcblxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cIm5vdGlmaWNhdGlvbi1idG5cIiBbbmdDbGFzc109XCJ7J3Nob3ctZHJvcGRvd24nOnNob3dOb3RpZmljYXRpb25MaXN0fVwiIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwidG9nZ2xlTm90aWZpY2F0aW9uTGlzdCgpXCI+XHJcbiAgICAgIDxtYXQtaWNvbiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtYWxlcnRcIj5ub3RpZmljYXRpb25zPHNwYW4gY2xhc3M9XCJkb3RcIj48L3NwYW4+PC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cImNsaWNrUHJvZmlsZSgpXCI+XHJcbiAgICAgIDxtYXQtaWNvbj5wZXJzb248L21hdC1pY29uPlxyXG4gICAgPC9idXR0b24+XHJcblxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cInNldHRpbmdzX2ljb25zXCIgbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJjbGlja1RoZW1lKClcIj5cclxuICAgICAgPG1hdC1pY29uPnNldHRpbmdzPC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG48L21hdC10b29sYmFyPlxyXG5cclxuPGRpdiAqbmdJZj1cInRvb2xiYXJEYXRhLnByb2ZpbGVWaWV3XCIgY2xhc3M9XCJub3RpZmljYXRpb25zXCI+XHJcbiAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtbGlzdC13cmFwcGVyXCIgZnhMYXlvdXQ9XCJyb3cgd3JhcFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtbGlzdFwiIGZ4TGF5b3V0PVwicm93IHdyYXBcIiBmeEZsZXg9XCIxMDBcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtdGl0bGVcIiBmeEZsZXg9XCIxMDBcIj5cclxuICAgICAgICA8bWF0LWxpc3QgY2xhc3M9XCJwcm9maWxlLXZpZXctd3JhcHBlclwiPlxyXG4gICAgICAgICAgPG1hdC1saXN0LWl0ZW0gID5cclxuICAgICAgICAgICAgPGJ1dHRvbiAgbWF0LWJ1dHRvbiA+XHJcbiAgICAgICAgICAgICAgPG1hdC1pY29uIG1hdExpc3RJdGVtSWNvbj5wZXJzb25fb3V0bGluZTwvbWF0LWljb24+XHJcbiAgICAgICAgICAgICAgPGRpdj5Qcm9maWxlIFZpZXc8L2Rpdj5cclxuICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICA8L21hdC1saXN0LWl0ZW0+XHJcbiAgICAgICAgICA8bWF0LWRpdmlkZXI+PC9tYXQtZGl2aWRlcj5cclxuICAgICAgICAgIDxtYXQtbGlzdC1pdGVtID5cclxuICAgICAgICAgICAgPGJ1dHRvbiAgbWF0LWJ1dHRvbiBbcm91dGVyTGlua109XCInL3VzZXItbG9naW4vbG9naW4nXCI+XHJcbiAgICAgICAgICAgICAgPG1hdC1pY29uIG1hdExpc3RJdGVtSWNvbj5wb3dlcl9zZXR0aW5nc19uZXc8L21hdC1pY29uPlxyXG4gICAgICAgICAgICAgIDxkaXY+TG9nIE91dDwvZGl2PlxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgIDwvbWF0LWxpc3QtaXRlbT5cclxuICAgICAgICA8L21hdC1saXN0PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuPGRpdiAqbmdJZj1cInRvb2xiYXJEYXRhLmlzVGhlbWVDb2xsYXBzZWRcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbnNcIiBpZD1cImJveFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3Qtd3JhcHBlclwiIGZ4TGF5b3V0PVwicm93IHdyYXBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3RcIiBmeExheW91dD1cInJvdyB3cmFwXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLXRpdGxlXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgICAgPG1hdC1zZWxlY3Rpb24tbGlzdCBjb2xvcj1cInByaW1hcnlcIiAjc2hvZXMgW211bHRpcGxlXT1cImZhbHNlXCIgKGNsaWNrKT1cInNldENsYXNzKHNob2VzLnNlbGVjdGVkT3B0aW9ucy5zZWxlY3RlZFswXT8udmFsdWUpXCI+XHJcbiAgICAgICAgICA8bWF0LWxpc3Qtb3B0aW9uIFtzZWxlY3RlZF09XCJzaG9lLmNoZWNrZWRcIiAgdmFsdWU9XCJ7e3Nob2UudmFsdWV9fVwiICpuZ0Zvcj1cImxldCBzaG9lIG9mIHRvb2xiYXJEYXRhLnRoZW1lT3B0aW9uc1wiPlxyXG4gICAgICAgICAgICB7e3Nob2UubmFtZX19XHJcbiAgICAgICAgICA8L21hdC1saXN0LW9wdGlvbj5cclxuICAgICAgICA8L21hdC1zZWxlY3Rpb24tbGlzdD5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG48L2Rpdj5cclxuPGFwcC1ub2Z0aWZpY2F0aW9uLWxpc3QgKm5nSWY9XCJzaG93Tm90aWZpY2F0aW9uTGlzdFwiPjwvYXBwLW5vZnRpZmljYXRpb24tbGlzdD5cclxuIl19

package/fesm2015/sgh-navbar.mjs CHANGED Viewed

@@ -390,11 +390,17 @@ class SidenavComponent {
         this.onToggleSideNav = new EventEmitter();
         this.collapsed = false;
         this.screenWidth = 0;
+        this.sidenavData = {
+            navData: navbarData,
+            bgColor: '#fff',
+            imgSm: '',
+            imgLg: '',
+        };
         this.multiple = false;
     }
     ngOnInit() {
         this.screenWidth = window.innerWidth;
-        this.sidenavData.navData = navbarData;
+        // this.sidenavData.navData = navbarData;
     }
     toggleCollapse() {
         this.collapsed = !this.collapsed;
@@ -422,7 +428,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: i4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: ["item"] }], animations: [
         fadeInOut,
         trigger('rotate', [
             transition(':enter', [
@@ -445,7 +451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                                 ]))
                             ])
                         ])
-                    ], 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"] }]
+                    ], 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"] }]
         }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { onToggleSideNav: [{
                 type: Output
             }], sidenavData: [{
@@ -500,21 +506,21 @@ class ToolbarComponent {
         this.prev = selected;
     }
     clickTheme() {
-        this.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;
+        this.toolbarData.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;
     }
     clickProfile() {
-        this.profileView = !this.toolbarData.profileView;
+        this.toolbarData.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 (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        <mat-list class=\"profile-view-wrapper\">\r\n          <mat-list-item  >\r\n            <button  mat-button >\r\n              <mat-icon matListItemIcon>person_outline</mat-icon>\r\n              <div>Profile View</div>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n          <mat-list-item >\r\n            <button  mat-button [routerLink]=\"'/user-login/login'\">\r\n              <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n              <div>Log Out</div>\r\n            </button>\r\n          </mat-list-item>\r\n        </mat-list>\r\n      </div>\r\n    </div>\r\n  </div>\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: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i4.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i4.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i9.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: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "component", type: NoftificationListComponent, selector: "app-noftification-list" }], 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=\"toolbarData.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        <mat-list class=\"profile-view-wrapper\">\r\n          <mat-list-item  >\r\n            <button  mat-button >\r\n              <mat-icon matListItemIcon>person_outline</mat-icon>\r\n              <div>Profile View</div>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n          <mat-list-item >\r\n            <button  mat-button [routerLink]=\"'/user-login/login'\">\r\n              <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n              <div>Log Out</div>\r\n            </button>\r\n          </mat-list-item>\r\n        </mat-list>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"toolbarData.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: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i4.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i4.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i9.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: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.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 (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        <mat-list class=\"profile-view-wrapper\">\r\n          <mat-list-item  >\r\n            <button  mat-button >\r\n              <mat-icon matListItemIcon>person_outline</mat-icon>\r\n              <div>Profile View</div>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n          <mat-list-item >\r\n            <button  mat-button [routerLink]=\"'/user-login/login'\">\r\n              <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n              <div>Log Out</div>\r\n            </button>\r\n          </mat-list-item>\r\n        </mat-list>\r\n      </div>\r\n    </div>\r\n  </div>\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"] }]
+                    ], 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=\"toolbarData.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        <mat-list class=\"profile-view-wrapper\">\r\n          <mat-list-item  >\r\n            <button  mat-button >\r\n              <mat-icon matListItemIcon>person_outline</mat-icon>\r\n              <div>Profile View</div>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n          <mat-list-item >\r\n            <button  mat-button [routerLink]=\"'/user-login/login'\">\r\n              <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n              <div>Log Out</div>\r\n            </button>\r\n          </mat-list-item>\r\n        </mat-list>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"toolbarData.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: [{

package/fesm2015/sgh-navbar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sgh-navbar.mjs","sources":["../../../projects/sgh-navbar/src/lib/sgh-navbar.service.ts","../../../projects/sgh-navbar/src/lib/sgh-navbar.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/helper.ts","../../../projects/sgh-navbar/src/lib/sidenav/sublevel-menu.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/nav-data.ts","../../../projects/sgh-navbar/src/lib/sidenav/menu-list-item/menu-list-item.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/menu-list-item/menu-list-item.component.html","../../../projects/sgh-navbar/src/lib/sidenav/sidenav.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/sidenav.component.html","../../../projects/sgh-navbar/src/lib/toolbar/noftification-list/noftification-list.component.ts","../../../projects/sgh-navbar/src/lib/toolbar/noftification-list/noftification-list.component.html","../../../projects/sgh-navbar/src/lib/toolbar/toolbar.component.ts","../../../projects/sgh-navbar/src/lib/toolbar/toolbar.component.html","../../../projects/sgh-navbar/src/lib/sgh-navbar.module.ts","../../../projects/sgh-navbar/src/public-api.ts","../../../projects/sgh-navbar/src/sgh-navbar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport {BehaviorSubject} from \"rxjs\";\r\nimport {Event, NavigationEnd, Router} from \"@angular/router\";\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class SghNavbarService {\r\n public appDrawer: any;\r\n // @ts-ignore\r\n public currentUrl = new BehaviorSubject<string>(undefined);\r\n constructor(private router: Router) {\r\n this.router.events.subscribe((event: Event) => {\r\n if (event instanceof NavigationEnd){\r\n this.currentUrl.next(event.urlAfterRedirects);\r\n }\r\n });\r\n }\r\n public closeNav() {\r\n this.appDrawer.close();\r\n }\r\n public openNav() {\r\n this.appDrawer.open();\r\n }\r\n public toggleNav() {\r\n this.appDrawer.toggle();\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-sgh-navbar',\r\n template: `\r\n <p>\r\n sgh-navbar works!\r\n </p>\r\n `,\r\n styles: [\r\n ]\r\n})\r\nexport class SghNavbarComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import { animate, style, transition, trigger } from \"@angular/animations\";\r\n\r\nexport interface INavbarData {\r\n routeLink: string;\r\n icon?: string;\r\n label: string;\r\n expanded?: boolean;\r\n items?: INavbarData[];\r\n}\r\n\r\nexport const fadeInOut = trigger('fadeInOut', [\r\n transition(':enter', [\r\n style({opacity: 0}),\r\n animate('350ms',\r\n style({opacity: 1})\r\n )\r\n ]),\r\n transition(':leave', [\r\n style({opacity: 1}),\r\n animate('350ms',\r\n style({opacity: 0})\r\n )\r\n ])\r\n ])","import { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { Component, Input, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { fadeInOut, INavbarData } from './helper';\r\n\r\n@Component({\r\n selector: 'app-sublevel-menu',\r\n template: `\r\n <ul ngIf=\"collapsed && data.items && data.items.length > 0\"\r\n [@submenu]=\"expanded\r\n ? {value: 'visible',\r\n params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: ''}}\r\n : {value: 'hidden',\r\n params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}\"\r\n class=\"sublevel-nav\"\r\n >\r\n <li ngFor=\"let item of data.items\" class=\"sublevel-nav-item\">\r\n <a class=\"sublevel-nav-link\"\r\n (click)=\"handleClick(item)\"\r\n ngIf=\"item.items && item.items.length > 0\"\r\n [ngClass]=\"getActiveClass(item)\"\r\n >\r\n <i class=\"sublevel-link-icon fa fa-circle\"></i>\r\n <span class=\"sublevel-link-text\" @fadeInOut\r\n ngIf=\"collapsed\">{{item.label}}</span>\r\n <i ngIf=\"item.items && collapsed\" class=\"menu-collapse-icon\"\r\n [ngClass]=\"!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'\"\r\n ></i>\r\n </a>\r\n <a class=\"sublevel-nav-link\"\r\n ngIf=\"!item.items \|\| (item.items && item.items.length === 0)\"\r\n [routerLink]=\"[item.routeLink]\"\r\n routerLinkActive=\"active-sublevel\"\r\n [routerLinkActiveOptions]=\"{exact: true}\"\r\n >\r\n <i class=\"sublevel-link-icon fa fa-circle\"></i>\r\n <span class=\"sublevel-link-text\" @fadeInOut\r\n ngIf=\"collapsed\">{{item.label}}</span>\r\n </a>\r\n <div ngIf=\"item.items && item.items.length > 0\">\r\n <app-sublevel-menu\r\n [data]=\"item\"\r\n [collapsed]=\"collapsed\"\r\n [multiple]=\"multiple\"\r\n [expanded]=\"item.expanded\"\r\n ></app-sublevel-menu>\r\n </div>\r\n </li>\r\n </ul>\r\n `,\r\n styleUrls: ['./sidenav.component.scss'],\r\n animations: [\r\n fadeInOut,\r\n trigger('submenu', [\r\n state('hidden', style({\r\n height: '0',\r\n overflow: 'hidden'\r\n })),\r\n state('visible', style({\r\n height: ''\r\n })),\r\n transition('visible <=> hidden', [style({overflow: 'hidden'}),\r\n animate('{{transitionParams}}')]),\r\n transition('void => ', animate(0))\r\n ])\r\n ]\r\n})\r\nexport class SublevelMenuComponent implements OnInit {\r\n\r\n @Input() data: INavbarData = {\r\n routeLink: '',\r\n icon: '',\r\n label: '',\r\n items: []\r\n }\r\n @Input() collapsed = false;\r\n @Input() animating: boolean \| undefined;\r\n @Input() expanded: boolean \| undefined;\r\n @Input() multiple: boolean = false;\r\n\r\n constructor(public router: Router) {}\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n handleClick(item: any): void {\r\n if (!this.multiple) {\r\n if (this.data.items && this.data.items.length > 0) {\r\n for(let modelItem of this.data.items) {\r\n if (item !==modelItem && modelItem.expanded) {\r\n modelItem.expanded = false;\r\n }\r\n }\r\n }\r\n }\r\n item.expanded = !item.expanded;\r\n }\r\n\r\n getActiveClass(item: INavbarData): string {\r\n return item.expanded && this.router.url.includes(item.routeLink)\r\n ? 'active-sublevel'\r\n : '';\r\n }\r\n\r\n}\r\n","import { INavbarData } from \"./helper\";\r\n\r\nexport const navbarData: INavbarData[] = [\r\n {\r\n \"label\": \"Dashboard\",\r\n \"icon\": \"home\",\r\n \"routeLink\": \"dashboard\",\r\n \"items\": [\r\n {\r\n \"label\": \"Cards\",\r\n \"icon\": \"dashboard_customize\",\r\n \"routeLink\": \"dashboard/cards\"\r\n },\r\n {\r\n \"label\": \"Charts\",\r\n \"icon\": \"area_chart\",\r\n \"routeLink\": \"dashboard/charts\",\r\n \"items\": [\r\n {\r\n \"label\": \"Vertical bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/vertical-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Horizontal bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/horizontal-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Grouped horizontal bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/grouped-horizontal-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Grouped vertical bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/grouped-vertical-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Pie chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/pie-chart\"\r\n },\r\n {\r\n \"label\": \"Advanced pie chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/advanced-pie-chart\"\r\n },\r\n {\r\n \"label\": \"Pie grid chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/pie-grid-chart\"\r\n },\r\n {\r\n \"label\": \"Line chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/line-chart\"\r\n },\r\n {\r\n \"label\": \"Number card chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/number-card-chart\"\r\n },\r\n {\r\n \"label\": \"Linear gauge chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/linear-gauge-chart\"\r\n },\r\n {\r\n \"label\": \"Combo chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/combo-chart\"\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n \"label\": \"Form elements\",\r\n \"icon\": \"text_snippet\",\r\n \"routeLink\": \"main\"\r\n },\r\n];\r\n","import {Component, HostBinding, Input, OnInit, ViewEncapsulation} from '@angular/core';\r\nimport {INavbarData} from '../helper';\r\nimport {Router} from '@angular/router';\r\nimport {animate, state, style, transition, trigger} from '@angular/animations';\r\nimport {SghNavbarService} from \"../../sgh-navbar.service\";\r\n\r\n@Component({\r\n selector: 'app-menu-list-item',\r\n templateUrl: './menu-list-item.component.html',\r\n styleUrls: ['./menu-list-item.component.scss'],\r\n encapsulation:ViewEncapsulation.None,\r\n animations: [\r\n trigger('indicatorRotate', [\r\n state('collapsed', style({transform: 'rotate(0deg)'})),\r\n state('expanded', style({transform: 'rotate(180deg)'})),\r\n transition('expanded <=> collapsed',\r\n animate('225ms cubic-bezier(0.4,0.0,0.2,1)')\r\n ),\r\n ])\r\n ]\r\n})\r\nexport class MenuListItemComponent implements OnInit {\r\n expanded: boolean;\r\n // @ts-ignore\r\n @HostBinding('attr.aria-expanded') ariaExpanded = this.expanded;\r\n @Input() item: INavbarData;\r\n hideSublinkIcon = true;\r\n\r\n constructor(public router: Router, public navService: SghNavbarService) { }\r\n\r\n ngOnInit(): void {\r\n this.navService.currentUrl.subscribe((url: string) => {\r\n if (this.item.routeLink && url) {\r\n // console.log(`Checking '/${this.item.route}' against '${url}'`);\r\n this.expanded = url.indexOf(`/${this.item.routeLink}`) === 0;\r\n this.ariaExpanded = this.expanded;\r\n // console.log(`${this.item.route} is expanded: ${this.expanded}`);\r\n }\r\n });\r\n }\r\n\r\n onItemSelected(item: INavbarData) {\r\n if (!item.items \|\| !item.items.length) {\r\n this.router.navigate([item.routeLink]).then();\r\n }\r\n if (item.items && item.items.length) {\r\n this.expanded = !this.expanded;\r\n }\r\n }\r\n\r\n}\r\n","<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","import { animate, keyframes, style, transition, trigger } from '@angular/animations';\r\nimport { Component, Output, EventEmitter, OnInit, HostListener, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { fadeInOut, INavbarData } from './helper';\r\nimport { navbarData } from './nav-data';\r\nimport {SidenavData} from \"./sidenav-data\";\r\n\r\ninterface SideNavToggle {\r\n screenWidth: number;\r\n collapsed: boolean;\r\n}\r\n\r\n@Component({\r\n selector: 'app-sidenav',\r\n templateUrl: './sidenav.component.html',\r\n styleUrls: ['./sidenav.component.scss'],\r\n animations: [\r\n fadeInOut,\r\n trigger('rotate', [\r\n transition(':enter', [\r\n animate('1000ms',\r\n keyframes([\r\n style({transform: 'rotate(0deg)', offset: '0'}),\r\n style({transform: 'rotate(2turn)', offset: '1'})\r\n ])\r\n )\r\n ])\r\n ])\r\n ]\r\n})\r\nexport class SidenavComponent implements OnInit {\r\n\r\n @Output() onToggleSideNav: EventEmitter<SideNavToggle> = new EventEmitter();\r\n collapsed = false;\r\n screenWidth = 0;\r\n @Input() sidenavData: SidenavData;\r\n multiple: boolean = false;\r\n\r\n @HostListener('window:resize', ['$event'])\r\n onResize(event: any) {\r\n this.screenWidth = window.innerWidth;\r\n if(this.screenWidth <= 768 ) {\r\n this.collapsed = false;\r\n this.onToggleSideNav.emit({collapsed: this.collapsed, screenWidth: this.screenWidth});\r\n }\r\n }\r\n\r\n constructor(public router: Router) {}\r\n\r\n ngOnInit(): void {\r\n this.screenWidth = window.innerWidth;\r\n this.sidenavData.navData = navbarData;\r\n }\r\n\r\n toggleCollapse(): void {\r\n this.collapsed = !this.collapsed;\r\n this.onToggleSideNav.emit({collapsed: this.collapsed, screenWidth: this.screenWidth});\r\n }\r\n\r\n closeSidenav(): void {\r\n this.collapsed = false;\r\n this.onToggleSideNav.emit({collapsed: this.collapsed, screenWidth: this.screenWidth});\r\n }\r\n\r\n handleClick(item: INavbarData): void {\r\n this.shrinkItems(item);\r\n item.expanded = !item.expanded\r\n }\r\n\r\n getActiveClass(data: INavbarData): string {\r\n return this.router.url.includes(data.routeLink) ? 'active' : '';\r\n }\r\n\r\n shrinkItems(item: INavbarData): void {\r\n if (!this.multiple) {\r\n for(let modelItem of this.sidenavData.navData) {\r\n if (item !== modelItem && modelItem.expanded) {\r\n modelItem.expanded = false;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n","<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","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-noftification-list',\r\n templateUrl: './noftification-list.component.html',\r\n styleUrls: ['./noftification-list.component.scss']\r\n})\r\nexport class NoftificationListComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n}\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 <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","import {Component, Input, ViewChild} from '@angular/core';\r\nimport { fadeInOut } from '../sidenav/helper';\r\nimport {MatDrawer} from \"@angular/material/sidenav\";\r\nimport {SghNavbarService} from \"../sgh-navbar.service\";\r\nimport {ToolbarData} from \"../sidenav/toolbar-data\";\r\n\r\n@Component({\r\n selector: 'app-toolbar',\r\n templateUrl: './toolbar.component.html',\r\n styleUrls: ['./toolbar.component.scss'],\r\n animations: [\r\n fadeInOut\r\n ]\r\n})\r\nexport class ToolbarComponent {\r\n prev:any;\r\n @Input() toolbarData: ToolbarData;\r\n @ViewChild('drawer') sidenav: MatDrawer;\r\n @ViewChild(ToolbarComponent) topbar: ToolbarComponent;\r\n showNotificationList = false;\r\n profileView: boolean;\r\n isThemeCollapsed: boolean;\r\n\r\n constructor(public navService: SghNavbarService) { }\r\n\r\n ngOnInit(): void {\r\n this.navService.appDrawer = this.sidenav;\r\n this.toolbarData.themeOptions = [{\r\n name: 'Sgh-default-theme',\r\n value: 'sgh-default-theme',\r\n checked: true\r\n }, {\r\n name: 'Sgh-light-theme',\r\n value: 'sgh-light-theme',\r\n checked: false\r\n }, {\r\n name: 'Sgh-blue-theme',\r\n value: 'sgh-blue-theme',\r\n checked: false\r\n }];\r\n\r\n }\r\n\r\n toggleNotificationList() {\r\n this.showNotificationList = !this.showNotificationList;\r\n }\r\n closeNotificationList() {\r\n this.showNotificationList = false;\r\n }\r\n setClass(selected: any) {\r\n window.document.body.classList.remove(this.prev);\r\n window.document.body.classList.add(selected);\r\n this.prev = selected;\r\n }\r\n\r\n clickTheme(){\r\n this.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;\r\n }\r\n\r\n clickProfile(){\r\n this.profileView = !this.toolbarData.profileView;\r\n }\r\n}\r\n","<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 <mat-list class=\"profile-view-wrapper\">\r\n <mat-list-item >\r\n <button mat-button >\r\n <mat-icon matListItemIcon>person_outline</mat-icon>\r\n <div>Profile View</div>\r\n </button>\r\n </mat-list-item>\r\n <mat-divider></mat-divider>\r\n <mat-list-item >\r\n <button mat-button [routerLink]=\"'/user-login/login'\">\r\n <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n <div>Log Out</div>\r\n </button>\r\n </mat-list-item>\r\n </mat-list>\r\n </div>\r\n </div>\r\n </div>\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","import { NgModule } from '@angular/core';\r\nimport { SghNavbarComponent } from './sgh-navbar.component';\r\nimport { SublevelMenuComponent } from './sidenav/sublevel-menu.component';\r\nimport { SidenavComponent } from './sidenav/sidenav.component';\r\nimport { ToolbarComponent } from './toolbar/toolbar.component';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { CommonModule } from '@angular/common';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { RouterModule } from '@angular/router';\r\nimport { FormsModule } from '@angular/forms';\r\nimport {MatLegacyListModule} from \"@angular/material/legacy-list\";\r\nimport {MatListModule} from \"@angular/material/list\";\r\nimport {MenuListItemComponent} from \"./sidenav/menu-list-item/menu-list-item.component\";\r\nimport {MatIconModule} from \"@angular/material/icon\";\r\nimport {MatToolbarModule} from \"@angular/material/toolbar\";\r\nimport {MatButtonModule} from \"@angular/material/button\";\r\nimport {MatInputModule} from \"@angular/material/input\";\r\nimport {SghNavbarService} from \"./sgh-navbar.service\";\r\nimport {NoftificationListComponent} from \"./toolbar/noftification-list/noftification-list.component\";\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n SghNavbarComponent,\r\n SublevelMenuComponent,\r\n SidenavComponent,\r\n ToolbarComponent,\r\n MenuListItemComponent,\r\n NoftificationListComponent\r\n ],\r\n imports: [\r\n BrowserAnimationsModule,\r\n CommonModule,\r\n HttpClientModule,\r\n RouterModule,\r\n FormsModule,\r\n MatListModule,\r\n MatIconModule,\r\n MatToolbarModule,\r\n MatButtonModule,\r\n MatInputModule\r\n ],\r\n exports: [\r\n SghNavbarComponent,\r\n SublevelMenuComponent,\r\n SidenavComponent,\r\n ToolbarComponent\r\n ],\r\n providers:[SghNavbarService],\r\n})\r\nexport class SghNavbarModule { }\r\n","/\r\n * Public API Surface of sgh-navbar\r\n /\r\n\r\nexport from './lib/sgh-navbar.service';\r\nexport * from './lib/sgh-navbar.component';\r\nexport * from './lib/sgh-navbar.module';\r\n\r\n\r\nexport * from './lib/sidenav/sidenav.component';\r\nexport * from './lib/sidenav/sublevel-menu.component';\r\nexport * from './lib/toolbar/toolbar.component';\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i2.SghNavbarService","i3","i4.MenuListItemComponent","i1.SghNavbarService","i5","i6","i11.NoftificationListComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;MAOa,gBAAgB,CAAA;AAI3B,IAAA,WAAA,CAAoB,MAAc,EAAA;AAAd,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;;QAD3B,IAAA,CAAA,UAAU,GAAG,IAAI,eAAe,CAAS,SAAS,CAAC,CAAC;QAEzD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAY,KAAI;YAC5C,IAAI,KAAK,YAAY,aAAa,EAAC;gBACjC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAC/C,aAAA;AACH,SAAC,CAAC,CAAC;KACJ;IACM,QAAQ,GAAA;AACb,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC;KACxB;IACM,OAAO,GAAA;AACZ,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;KACvB;IACM,SAAS,GAAA;AACd,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;KACzB;;6GAnBU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,cAFf,MAAM,EAAA,CAAA,CAAA;2FAEP,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAH5B,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;iBACnB,CAAA;;;MCMY,kBAAkB,CAAA;AAE7B,IAAA,WAAA,GAAA,GAAiB;IAEjB,QAAQ,GAAA;KACP;;+GALU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EARnB,QAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;2FAIU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,SAAS;YACE,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAChB,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,CAAA;;;ACEI,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,EAAE;IAC1C,UAAU,CAAC,QAAQ,EAAE;AACnB,QAAA,KAAK,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC;QACnB,OAAO,CAAC,OAAO,EACb,KAAK,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC,CACpB;KACF,CAAC;IACF,UAAU,CAAC,QAAQ,EAAE;AACnB,QAAA,KAAK,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC;QACnB,OAAO,CAAC,OAAO,EACb,KAAK,CAAC,EAAC,OAAO,EAAE,CAAC,EAAC,CAAC,CACpB;KACF,CAAC;AACH,CAAA,CAAC;;MC4CS,qBAAqB,CAAA;AAahC,IAAA,WAAA,CAAmB,MAAc,EAAA;AAAd,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;QAXxB,IAAA,CAAA,IAAI,GAAgB;AAC3B,YAAA,SAAS,EAAE,EAAE;AACb,YAAA,IAAI,EAAE,EAAE;AACR,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,KAAK,EAAE,EAAE;SACV,CAAA;AACQ,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAGlB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;KAEE;IAErC,QAAQ,GAAA;KACP;AAED,IAAA,WAAW,CAAC,IAAS,EAAA;AACnB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;gBACjD,KAAI,IAAI,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACpC,oBAAA,IAAI,IAAI,KAAI,SAAS,IAAI,SAAS,CAAC,QAAQ,EAAE;AAC3C,wBAAA,SAAS,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC5B,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;KAChC;AAED,IAAA,cAAc,CAAC,IAAiB,EAAA;AAC9B,QAAA,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;AAC9D,cAAE,iBAAiB;cACjB,EAAE,CAAC;KACR;;kHAnCU,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EA5DtB,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+KAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAkBU,qBAAqB,EAhBpB,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA;QACV,SAAS;QACT,OAAO,CAAC,SAAS,EAAE;AACjB,YAAA,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC;AACpB,gBAAA,MAAM,EAAE,GAAG;AACX,gBAAA,QAAQ,EAAE,QAAQ;AACnB,aAAA,CAAC,CAAC;AACH,YAAA,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC;AACrB,gBAAA,MAAM,EAAE,GAAG;AACZ,aAAA,CAAC,CAAC;YACH,UAAU,CAAC,oBAAoB,EAAE,CAAC,KAAK,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC;AAC3D,gBAAA,OAAO,CAAC,sBAAsB,CAAC,CAAC,CAAC;AACnC,YAAA,UAAU,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;SACpC,CAAC;AACH,KAAA,EAAA,CAAA,CAAA;2FAEU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBA9DjC,SAAS;YACE,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EACnB,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CT,EAAA,CAAA,EAEW,UAAA,EAAA;wBACV,SAAS;wBACT,OAAO,CAAC,SAAS,EAAE;AACjB,4BAAA,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC;AACpB,gCAAA,MAAM,EAAE,GAAG;AACX,gCAAA,QAAQ,EAAE,QAAQ;AACnB,6BAAA,CAAC,CAAC;AACH,4BAAA,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC;AACrB,gCAAA,MAAM,EAAE,GAAG;AACZ,6BAAA,CAAC,CAAC;4BACH,UAAU,CAAC,oBAAoB,EAAE,CAAC,KAAK,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAC,CAAC;AAC3D,gCAAA,OAAO,CAAC,sBAAsB,CAAC,CAAC,CAAC;AACnC,4BAAA,UAAU,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;yBACpC,CAAC;AACH,qBAAA,EAAA,MAAA,EAAA,CAAA,+KAAA,CAAA,EAAA,CAAA;6FAIQ,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAMG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;;;AC5ED,MAAM,UAAU,GAAkB;AACvC,IAAA;AACE,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,WAAW,EAAE,WAAW;AACxB,QAAA,OAAO,EAAE;AACP,YAAA;AACE,gBAAA,OAAO,EAAE,OAAO;AAChB,gBAAA,MAAM,EAAE,qBAAqB;AAC7B,gBAAA,WAAW,EAAE,iBAAiB;AAC/B,aAAA;AACD,YAAA;AACE,gBAAA,OAAO,EAAE,QAAQ;AACjB,gBAAA,MAAM,EAAE,YAAY;AACpB,gBAAA,WAAW,EAAE,kBAAkB;AAC/B,gBAAA,OAAO,EAAE;AACP,oBAAA;AACE,wBAAA,OAAO,EAAE,oBAAoB;AAC7B,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,WAAW,EAAE,2CAA2C;AACzD,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,sBAAsB;AAC/B,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,WAAW,EAAE,6CAA6C;AAC3D,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,8BAA8B;AACvC,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,WAAW,EAAE,qDAAqD;AACnE,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,4BAA4B;AACrC,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,WAAW,EAAE,mDAAmD;AACjE,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,WAAW;AACpB,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,WAAW,EAAE,kCAAkC;AAChD,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,oBAAoB;AAC7B,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,WAAW,EAAE,2CAA2C;AACzD,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,gBAAgB;AACzB,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,WAAW,EAAE,uCAAuC;AACrD,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,YAAY;AACrB,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,WAAW,EAAE,mCAAmC;AACjD,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,mBAAmB;AAC5B,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,WAAW,EAAE,0CAA0C;AACxD,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,oBAAoB;AAC7B,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,WAAW,EAAE,2CAA2C;AACzD,qBAAA;AACD,oBAAA;AACE,wBAAA,OAAO,EAAE,aAAa;AACtB,wBAAA,MAAM,EAAE,EAAE;AACV,wBAAA,WAAW,EAAE,oCAAoC;AAClD,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA;AACE,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,MAAM,EAAE,cAAc;AACtB,QAAA,WAAW,EAAE,MAAM;AACpB,KAAA;CACF;;MC7DY,qBAAqB,CAAA;IAOhC,WAAmB,CAAA,MAAc,EAAS,UAA4B,EAAA;AAAnD,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;AAAS,QAAA,IAAU,CAAA,UAAA,GAAV,UAAU,CAAkB;;AAJnC,QAAA,IAAA,CAAA,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC;AAEhE,QAAA,IAAe,CAAA,eAAA,GAAG,IAAI,CAAC;KAEoD;IAE3E,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,GAAW,KAAI;AACnD,YAAA,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,GAAG,EAAE;;AAE9B,gBAAA,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;AAC7D,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC;;AAEnC,aAAA;AACH,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,cAAc,CAAC,IAAiB,EAAA;QAC9B,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACrC,YAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAC/C,SAAA;QACD,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACnC,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;AAChC,SAAA;KACF;;kHA3BU,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,EAAA,EAAA,KAAA,EAAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,ECrBlC,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,i1BAiBA,EDIa,MAAA,EAAA,CAAA,oqCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,uBAAA,EAAA,kBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,qBAAqB,EAVpB,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA;QACV,OAAO,CAAC,iBAAiB,EAAE;YACzB,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,EAAC,SAAS,EAAE,cAAc,EAAC,CAAC,CAAC;YACtD,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,EAAC,SAAS,EAAE,gBAAgB,EAAC,CAAC,CAAC;AACvD,YAAA,UAAU,CAAC,wBAAwB,EACjC,OAAO,CAAC,mCAAmC,CAAC,CAC7C;SACF,CAAC;KACH,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FAEU,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAfjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAGhB,aAAA,EAAA,iBAAiB,CAAC,IAAI,EACxB,UAAA,EAAA;wBACV,OAAO,CAAC,iBAAiB,EAAE;4BACzB,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,EAAC,SAAS,EAAE,cAAc,EAAC,CAAC,CAAC;4BACtD,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,EAAC,SAAS,EAAE,gBAAgB,EAAC,CAAC,CAAC;AACvD,4BAAA,UAAU,CAAC,wBAAwB,EACjC,OAAO,CAAC,mCAAmC,CAAC,CAC7C;yBACF,CAAC;qBACH,EAAA,QAAA,EAAA,i1BAAA,EAAA,MAAA,EAAA,CAAA,oqCAAA,CAAA,EAAA,CAAA;yHAKkC,YAAY,EAAA,CAAA;sBAA9C,WAAW;uBAAC,oBAAoB,CAAA;gBACxB,IAAI,EAAA,CAAA;sBAAZ,KAAK;;;MEKK,gBAAgB,CAAA;AAS3B,IAAA,QAAQ,CAAC,KAAU,EAAA;AACjB,QAAA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AACrC,QAAA,IAAG,IAAI,CAAC,WAAW,IAAI,GAAG,EAAG;AAC3B,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AACvB,YAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAC,CAAC,CAAC;AACvF,SAAA;KACF;AAED,IAAA,WAAA,CAAmB,MAAc,EAAA;AAAd,QAAA,IAAM,CAAA,MAAA,GAAN,MAAM,CAAQ;AAfvB,QAAA,IAAA,CAAA,eAAe,GAAgC,IAAI,YAAY,EAAE,CAAC;AAC5E,QAAA,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC;AAClB,QAAA,IAAW,CAAA,WAAA,GAAG,CAAC,CAAC;AAEhB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK,CAAC;KAWW;IAErC,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AACrC,QAAA,IAAI,CAAC,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC;KACzC;IAED,cAAc,GAAA;AACZ,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;AACjC,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAC,CAAC,CAAC;KACvF;IAED,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;AACvB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAC,CAAC,CAAC;KACvF;AAED,IAAA,WAAW,CAAC,IAAiB,EAAA;AAC3B,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;AACvB,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAA;KAC/B;AAED,IAAA,cAAc,CAAC,IAAiB,EAAA;QAC9B,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,QAAQ,GAAG,EAAE,CAAC;KACjE;AAED,IAAA,WAAW,CAAC,IAAiB,EAAA;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,KAAI,IAAI,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE;AAC7C,gBAAA,IAAI,IAAI,KAAK,SAAS,IAAI,SAAS,CAAC,QAAQ,EAAE;AAC5C,oBAAA,SAAS,CAAC,QAAQ,GAAG,KAAK,CAAC;AAC5B,iBAAA;AACF,aAAA;AACF,SAAA;KACF;;6GAnDU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;iGAAhB,gBAAgB,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,eAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC9B7B,iJAGA,EDac,MAAA,EAAA,CAAA,+KAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,qBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA;QACV,SAAS;QACT,OAAO,CAAC,QAAQ,EAAE;YAChB,UAAU,CAAC,QAAQ,EAAE;AACnB,gBAAA,OAAO,CAAC,QAAQ,EACd,SAAS,CAAC;oBACR,KAAK,CAAC,EAAC,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,EAAC,CAAC;oBAC/C,KAAK,CAAC,EAAC,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,EAAC,CAAC;AACjD,iBAAA,CAAC,CACH;aACF,CAAC;SACH,CAAC;AACH,KAAA,EAAA,CAAA,CAAA;2FAEU,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAlB5B,SAAS;YACE,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAGX,UAAA,EAAA;wBACV,SAAS;wBACT,OAAO,CAAC,QAAQ,EAAE;4BAChB,UAAU,CAAC,QAAQ,EAAE;AACnB,gCAAA,OAAO,CAAC,QAAQ,EACd,SAAS,CAAC;oCACR,KAAK,CAAC,EAAC,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,EAAC,CAAC;oCAC/C,KAAK,CAAC,EAAC,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,EAAC,CAAC;AACjD,iCAAA,CAAC,CACH;6BACF,CAAC;yBACH,CAAC;qBACH,EAAA,QAAA,EAAA,iJAAA,EAAA,MAAA,EAAA,CAAA,+KAAA,CAAA,EAAA,CAAA;6FAIS,eAAe,EAAA,CAAA;sBAAxB,MAAM;gBAGE,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBAIN,QAAQ,EAAA,CAAA;sBADP,YAAY;uBAAC,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAA;;;ME/B9B,0BAA0B,CAAA;AAErC,IAAA,WAAA,GAAA,GAAiB;IAEjB,QAAQ,GAAA;KACP;;uHALU,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,8DCPvC,u9BAkBA,EAAA,MAAA,EAAA,CAAA,q9BAAA,CAAA,EAAA,CAAA,CAAA;2FDXa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBALtC,SAAS;+BACE,wBAAwB,EAAA,QAAA,EAAA,u9BAAA,EAAA,MAAA,EAAA,CAAA,q9BAAA,CAAA,EAAA,CAAA;;;MEWvB,gBAAgB,CAAA;AAS3B,IAAA,WAAA,CAAmB,UAA4B,EAAA;AAA5B,QAAA,IAAU,CAAA,UAAA,GAAV,UAAU,CAAkB;AAJ/C,QAAA,IAAoB,CAAA,oBAAA,GAAG,KAAK,CAAC;KAIuB;IAEpD,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC;AACzC,QAAA,IAAI,CAAC,WAAW,CAAC,YAAY,GAAG,CAAC;AAC/B,gBAAA,IAAI,EAAE,mBAAmB;AACzB,gBAAA,KAAK,EAAE,mBAAmB;AAC1B,gBAAA,OAAO,EAAE,IAAI;aACd,EAAE;AACD,gBAAA,IAAI,EAAE,iBAAiB;AACvB,gBAAA,KAAK,EAAE,iBAAiB;AACxB,gBAAA,OAAO,EAAE,KAAK;aACf,EAAE;AACD,gBAAA,IAAI,EAAE,gBAAgB;AACtB,gBAAA,KAAK,EAAE,gBAAgB;AACvB,gBAAA,OAAO,EAAE,KAAK;AACf,aAAA,CAAC,CAAC;KAEJ;IAED,sBAAsB,GAAA;AACpB,QAAA,IAAI,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,oBAAoB,CAAC;KACxD;IACD,qBAAqB,GAAA;AACnB,QAAA,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;KACnC;AACD,IAAA,QAAQ,CAAC,QAAa,EAAA;AACpB,QAAA,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AAC7C,QAAA,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC;KACtB;IAED,UAAU,GAAA;QACR,IAAI,CAAC,gBAAgB,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC;KAC5D;IAED,YAAY,GAAA;QACV,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC;KAClD;;6GA/CU,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAIhB,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,gBAAgB,EClB7B,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,krGA8EA,EDpEc,MAAA,EAAA,CAAA,w8FAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAF,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,wDAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAG,IAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,eAAA,EAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,GAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,GAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,0BAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,CAAA,EAAA,UAAA,EAAA;QACV,SAAS;AACV,KAAA,EAAA,CAAA,CAAA;2FAEU,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAR5B,SAAS;YACE,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,aAAa,EAGX,UAAA,EAAA;wBACV,SAAS;qBACV,EAAA,QAAA,EAAA,krGAAA,EAAA,MAAA,EAAA,CAAA,w8FAAA,CAAA,EAAA,CAAA;oGAIQ,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACe,OAAO,EAAA,CAAA;sBAA3B,SAAS;uBAAC,QAAQ,CAAA;gBACU,MAAM,EAAA,CAAA;sBAAlC,SAAS;uBAAC,gBAAgB,CAAA;;;MEgChB,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,iBA3BpB,kBAAkB;QAClB,qBAAqB;QACrB,gBAAgB;QAChB,gBAAgB;QAChB,qBAAqB;AACrB,QAAA,0BAA0B,aAG9B,uBAAuB;QACvB,YAAY;QACZ,gBAAgB;QAChB,YAAY;QACZ,WAAW;QACX,aAAa;QACb,aAAa;QACb,gBAAgB;QAChB,eAAe;AACf,QAAA,cAAc,aAGd,kBAAkB;QAClB,qBAAqB;QACrB,gBAAgB;QAChB,gBAAgB,CAAA,EAAA,CAAA,CAAA;AAIP,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAFhB,SAAA,EAAA,CAAC,gBAAgB,CAAC,YAjB1B,uBAAuB;QACvB,YAAY;QACZ,gBAAgB;QAChB,YAAY;QACZ,WAAW;QACX,aAAa;QACb,aAAa;QACb,gBAAgB;QAChB,eAAe;QACf,cAAc,CAAA,EAAA,CAAA,CAAA;2FAUL,eAAe,EAAA,UAAA,EAAA,CAAA;kBA7B3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE;wBACV,kBAAkB;wBAClB,qBAAqB;wBACrB,gBAAgB;wBAChB,gBAAgB;wBAChB,qBAAqB;wBACrB,0BAA0B;AAC7B,qBAAA;AACH,oBAAA,OAAO,EAAE;wBACP,uBAAuB;wBACvB,YAAY;wBACZ,gBAAgB;wBAChB,YAAY;wBACZ,WAAW;wBACX,aAAa;wBACb,aAAa;wBACb,gBAAgB;wBAChB,eAAe;wBACf,cAAc;AACf,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,kBAAkB;wBAClB,qBAAqB;wBACrB,gBAAgB;wBAChB,gBAAgB;AACjB,qBAAA;oBACD,SAAS,EAAC,CAAC,gBAAgB,CAAC;iBAC7B,CAAA;;;ACjDD;;AAEG;;ACFH;;AAEG;;;;"}
1	+ {"version":3,"file":"sgh-navbar.mjs","sources":["../../../projects/sgh-navbar/src/lib/sgh-navbar.service.ts","../../../projects/sgh-navbar/src/lib/sgh-navbar.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/helper.ts","../../../projects/sgh-navbar/src/lib/sidenav/sublevel-menu.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/nav-data.ts","../../../projects/sgh-navbar/src/lib/sidenav/menu-list-item/menu-list-item.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/menu-list-item/menu-list-item.component.html","../../../projects/sgh-navbar/src/lib/sidenav/sidenav.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/sidenav.component.html","../../../projects/sgh-navbar/src/lib/toolbar/noftification-list/noftification-list.component.ts","../../../projects/sgh-navbar/src/lib/toolbar/noftification-list/noftification-list.component.html","../../../projects/sgh-navbar/src/lib/toolbar/toolbar.component.ts","../../../projects/sgh-navbar/src/lib/toolbar/toolbar.component.html","../../../projects/sgh-navbar/src/lib/sgh-navbar.module.ts","../../../projects/sgh-navbar/src/public-api.ts","../../../projects/sgh-navbar/src/sgh-navbar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport {BehaviorSubject} from \"rxjs\";\r\nimport {Event, NavigationEnd, Router} from \"@angular/router\";\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class SghNavbarService {\r\n public appDrawer: any;\r\n // @ts-ignore\r\n public currentUrl = new BehaviorSubject<string>(undefined);\r\n constructor(private router: Router) {\r\n this.router.events.subscribe((event: Event) => {\r\n if (event instanceof NavigationEnd){\r\n this.currentUrl.next(event.urlAfterRedirects);\r\n }\r\n });\r\n }\r\n public closeNav() {\r\n this.appDrawer.close();\r\n }\r\n public openNav() {\r\n this.appDrawer.open();\r\n }\r\n public toggleNav() {\r\n this.appDrawer.toggle();\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-sgh-navbar',\r\n template: `\r\n <p>\r\n sgh-navbar works!\r\n </p>\r\n `,\r\n styles: [\r\n ]\r\n})\r\nexport class SghNavbarComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import { animate, style, transition, trigger } from \"@angular/animations\";\r\n\r\nexport interface INavbarData {\r\n routeLink: string;\r\n icon?: string;\r\n label: string;\r\n expanded?: boolean;\r\n items?: INavbarData[];\r\n}\r\n\r\nexport const fadeInOut = trigger('fadeInOut', [\r\n transition(':enter', [\r\n style({opacity: 0}),\r\n animate('350ms',\r\n style({opacity: 1})\r\n )\r\n ]),\r\n transition(':leave', [\r\n style({opacity: 1}),\r\n animate('350ms',\r\n style({opacity: 0})\r\n )\r\n ])\r\n ])","import { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { Component, Input, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { fadeInOut, INavbarData } from './helper';\r\n\r\n@Component({\r\n selector: 'app-sublevel-menu',\r\n template: `\r\n <ul ngIf=\"collapsed && data.items && data.items.length > 0\"\r\n [@submenu]=\"expanded\r\n ? {value: 'visible',\r\n params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: ''}}\r\n : {value: 'hidden',\r\n params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}\"\r\n class=\"sublevel-nav\"\r\n >\r\n <li ngFor=\"let item of data.items\" class=\"sublevel-nav-item\">\r\n <a class=\"sublevel-nav-link\"\r\n (click)=\"handleClick(item)\"\r\n ngIf=\"item.items && item.items.length > 0\"\r\n [ngClass]=\"getActiveClass(item)\"\r\n >\r\n <i class=\"sublevel-link-icon fa fa-circle\"></i>\r\n <span class=\"sublevel-link-text\" @fadeInOut\r\n ngIf=\"collapsed\">{{item.label}}</span>\r\n <i ngIf=\"item.items && collapsed\" class=\"menu-collapse-icon\"\r\n [ngClass]=\"!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'\"\r\n ></i>\r\n </a>\r\n <a class=\"sublevel-nav-link\"\r\n ngIf=\"!item.items \|\| (item.items && item.items.length === 0)\"\r\n [routerLink]=\"[item.routeLink]\"\r\n routerLinkActive=\"active-sublevel\"\r\n [routerLinkActiveOptions]=\"{exact: true}\"\r\n >\r\n <i class=\"sublevel-link-icon fa fa-circle\"></i>\r\n <span class=\"sublevel-link-text\" @fadeInOut\r\n ngIf=\"collapsed\">{{item.label}}</span>\r\n </a>\r\n <div ngIf=\"item.items && item.items.length > 0\">\r\n <app-sublevel-menu\r\n [data]=\"item\"\r\n [collapsed]=\"collapsed\"\r\n [multiple]=\"multiple\"\r\n [expanded]=\"item.expanded\"\r\n ></app-sublevel-menu>\r\n </div>\r\n </li>\r\n </ul>\r\n `,\r\n styleUrls: ['./sidenav.component.scss'],\r\n animations: [\r\n fadeInOut,\r\n trigger('submenu', [\r\n state('hidden', style({\r\n height: '0',\r\n overflow: 'hidden'\r\n })),\r\n state('visible', style({\r\n height: ''\r\n })),\r\n transition('visible <=> hidden', [style({overflow: 'hidden'}),\r\n animate('{{transitionParams}}')]),\r\n transition('void => ', animate(0))\r\n ])\r\n ]\r\n})\r\nexport class SublevelMenuComponent implements OnInit {\r\n\r\n @Input() data: INavbarData = {\r\n routeLink: '',\r\n icon: '',\r\n label: '',\r\n items: []\r\n }\r\n @Input() collapsed = false;\r\n @Input() animating: boolean \| undefined;\r\n @Input() expanded: boolean \| undefined;\r\n @Input() multiple: boolean = false;\r\n\r\n constructor(public router: Router) {}\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n handleClick(item: any): void {\r\n if (!this.multiple) {\r\n if (this.data.items && this.data.items.length > 0) {\r\n for(let modelItem of this.data.items) {\r\n if (item !==modelItem && modelItem.expanded) {\r\n modelItem.expanded = false;\r\n }\r\n }\r\n }\r\n }\r\n item.expanded = !item.expanded;\r\n }\r\n\r\n getActiveClass(item: INavbarData): string {\r\n return item.expanded && this.router.url.includes(item.routeLink)\r\n ? 'active-sublevel'\r\n : '';\r\n }\r\n\r\n}\r\n","import { INavbarData } from \"./helper\";\r\n\r\nexport const navbarData: INavbarData[] = [\r\n {\r\n \"label\": \"Dashboard\",\r\n \"icon\": \"home\",\r\n \"routeLink\": \"dashboard\",\r\n \"items\": [\r\n {\r\n \"label\": \"Cards\",\r\n \"icon\": \"dashboard_customize\",\r\n \"routeLink\": \"dashboard/cards\"\r\n },\r\n {\r\n \"label\": \"Charts\",\r\n \"icon\": \"area_chart\",\r\n \"routeLink\": \"dashboard/charts\",\r\n \"items\": [\r\n {\r\n \"label\": \"Vertical bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/vertical-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Horizontal bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/horizontal-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Grouped horizontal bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/grouped-horizontal-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Grouped vertical bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/grouped-vertical-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Pie chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/pie-chart\"\r\n },\r\n {\r\n \"label\": \"Advanced pie chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/advanced-pie-chart\"\r\n },\r\n {\r\n \"label\": \"Pie grid chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/pie-grid-chart\"\r\n },\r\n {\r\n \"label\": \"Line chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/line-chart\"\r\n },\r\n {\r\n \"label\": \"Number card chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/number-card-chart\"\r\n },\r\n {\r\n \"label\": \"Linear gauge chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/linear-gauge-chart\"\r\n },\r\n {\r\n \"label\": \"Combo chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/combo-chart\"\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n \"label\": \"Form elements\",\r\n \"icon\": \"text_snippet\",\r\n \"routeLink\": \"main\"\r\n },\r\n];\r\n","import {Component, HostBinding, Input, OnInit, ViewEncapsulation} from '@angular/core';\r\nimport {INavbarData} from '../helper';\r\nimport {Router} from '@angular/router';\r\nimport {animate, state, style, transition, trigger} from '@angular/animations';\r\nimport {SghNavbarService} from \"../../sgh-navbar.service\";\r\n\r\n@Component({\r\n selector: 'app-menu-list-item',\r\n templateUrl: './menu-list-item.component.html',\r\n styleUrls: ['./menu-list-item.component.scss'],\r\n encapsulation:ViewEncapsulation.None,\r\n animations: [\r\n trigger('indicatorRotate', [\r\n state('collapsed', style({transform: 'rotate(0deg)'})),\r\n state('expanded', style({transform: 'rotate(180deg)'})),\r\n transition('expanded <=> collapsed',\r\n animate('225ms cubic-bezier(0.4,0.0,0.2,1)')\r\n ),\r\n ])\r\n ]\r\n})\r\nexport class MenuListItemComponent implements OnInit {\r\n expanded: boolean;\r\n // @ts-ignore\r\n @HostBinding('attr.aria-expanded') ariaExpanded = this.expanded;\r\n @Input() item: INavbarData;\r\n hideSublinkIcon = true;\r\n\r\n constructor(public router: Router, public navService: SghNavbarService) { }\r\n\r\n ngOnInit(): void {\r\n this.navService.currentUrl.subscribe((url: string) => {\r\n if (this.item.routeLink && url) {\r\n // console.log(`Checking '/${this.item.route}' against '${url}'`);\r\n this.expanded = url.indexOf(`/${this.item.routeLink}`) === 0;\r\n this.ariaExpanded = this.expanded;\r\n // console.log(`${this.item.route} is expanded: ${this.expanded}`);\r\n }\r\n });\r\n }\r\n\r\n onItemSelected(item: INavbarData) {\r\n if (!item.items \|\| !item.items.length) {\r\n this.router.navigate([item.routeLink]).then();\r\n }\r\n if (item.items && item.items.length) {\r\n this.expanded = !this.expanded;\r\n }\r\n }\r\n\r\n}\r\n","<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","import { animate, keyframes, style, transition, trigger } from '@angular/animations';\r\nimport { Component, Output, EventEmitter, OnInit, HostListener, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { fadeInOut, INavbarData } from './helper';\r\nimport { navbarData } from './nav-data';\r\nimport {SidenavData} from \"./sidenav-data\";\r\n\r\ninterface SideNavToggle {\r\n screenWidth: number;\r\n collapsed: boolean;\r\n}\r\n\r\n@Component({\r\n selector: 'app-sidenav',\r\n templateUrl: './sidenav.component.html',\r\n styleUrls: ['./sidenav.component.scss'],\r\n animations: [\r\n fadeInOut,\r\n trigger('rotate', [\r\n transition(':enter', [\r\n animate('1000ms',\r\n keyframes([\r\n style({transform: 'rotate(0deg)', offset: '0'}),\r\n style({transform: 'rotate(2turn)', offset: '1'})\r\n ])\r\n )\r\n ])\r\n ])\r\n ]\r\n})\r\nexport class SidenavComponent implements OnInit {\r\n\r\n @Output() onToggleSideNav: EventEmitter<SideNavToggle> = new EventEmitter();\r\n collapsed = false;\r\n screenWidth = 0;\r\n @Input() sidenavData: SidenavData = {\r\n navData:navbarData,\r\n bgColor:'#fff',\r\n imgSm:'',\r\n imgLg:'',\r\n };\r\n multiple: boolean = false;\r\n\r\n @HostListener('window:resize', ['$event'])\r\n onResize(event: any) {\r\n this.screenWidth = window.innerWidth;\r\n if(this.screenWidth <= 768 ) {\r\n this.collapsed = false;\r\n this.onToggleSideNav.emit({collapsed: this.collapsed, screenWidth: this.screenWidth});\r\n }\r\n }\r\n\r\n constructor(public router: Router) {}\r\n\r\n ngOnInit(): void {\r\n this.screenWidth = window.innerWidth;\r\n // this.sidenavData.navData = navbarData;\r\n }\r\n\r\n toggleCollapse(): void {\r\n this.collapsed = !this.collapsed;\r\n this.onToggleSideNav.emit({collapsed: this.collapsed, screenWidth: this.screenWidth});\r\n }\r\n\r\n closeSidenav(): void {\r\n this.collapsed = false;\r\n this.onToggleSideNav.emit({collapsed: this.collapsed, screenWidth: this.screenWidth});\r\n }\r\n\r\n handleClick(item: INavbarData): void {\r\n this.shrinkItems(item);\r\n item.expanded = !item.expanded\r\n }\r\n\r\n getActiveClass(data: INavbarData): string {\r\n return this.router.url.includes(data.routeLink) ? 'active' : '';\r\n }\r\n\r\n shrinkItems(item: INavbarData): void {\r\n if (!this.multiple) {\r\n for(let modelItem of this.sidenavData.navData) {\r\n if (item !== modelItem && modelItem.expanded) {\r\n modelItem.expanded = false;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n","<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","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-noftification-list',\r\n templateUrl: './noftification-list.component.html',\r\n styleUrls: ['./noftification-list.component.scss']\r\n})\r\nexport class NoftificationListComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n}\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 <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","import {Component, Input, ViewChild} from '@angular/core';\r\nimport { fadeInOut } from '../sidenav/helper';\r\nimport {MatDrawer} from \"@angular/material/sidenav\";\r\nimport {SghNavbarService} from \"../sgh-navbar.service\";\r\nimport {ToolbarData} from \"../sidenav/toolbar-data\";\r\n\r\n@Component({\r\n selector: 'app-toolbar',\r\n templateUrl: './toolbar.component.html',\r\n styleUrls: ['./toolbar.component.scss'],\r\n animations: [\r\n fadeInOut\r\n ]\r\n})\r\nexport class ToolbarComponent {\r\n prev:any;\r\n @Input() toolbarData: ToolbarData;\r\n @ViewChild('drawer') sidenav: MatDrawer;\r\n @ViewChild(ToolbarComponent) topbar: ToolbarComponent;\r\n showNotificationList = false;\r\n profileView: boolean;\r\n isThemeCollapsed: boolean;\r\n\r\n constructor(public navService: SghNavbarService) { }\r\n\r\n ngOnInit(): void {\r\n this.navService.appDrawer = this.sidenav;\r\n this.toolbarData.themeOptions = [{\r\n name: 'Sgh-default-theme',\r\n value: 'sgh-default-theme',\r\n checked: true\r\n }, {\r\n name: 'Sgh-light-theme',\r\n value: 'sgh-light-theme',\r\n checked: false\r\n }, {\r\n name: 'Sgh-blue-theme',\r\n value: 'sgh-blue-theme',\r\n checked: false\r\n }];\r\n\r\n }\r\n\r\n toggleNotificationList() {\r\n this.showNotificationList = !this.showNotificationList;\r\n }\r\n closeNotificationList() {\r\n this.showNotificationList = false;\r\n }\r\n setClass(selected: any) {\r\n window.document.body.classList.remove(this.prev);\r\n window.document.body.classList.add(selected);\r\n this.prev = selected;\r\n }\r\n\r\n clickTheme(){\r\n this.toolbarData.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;\r\n }\r\n\r\n clickProfile(){\r\n this.toolbarData.profileView = !this.toolbarData.profileView;\r\n }\r\n}\r\n","<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=\"toolbarData.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 <mat-list class=\"profile-view-wrapper\">\r\n <mat-list-item >\r\n <button mat-button >\r\n <mat-icon matListItemIcon>person_outline</mat-icon>\r\n <div>Profile View</div>\r\n </button>\r\n </mat-list-item>\r\n <mat-divider></mat-divider>\r\n <mat-list-item >\r\n <button mat-button [routerLink]=\"'/user-login/login'\">\r\n <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n <div>Log Out</div>\r\n </button>\r\n </mat-list-item>\r\n </mat-list>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<div ngIf=\"toolbarData.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","import { NgModule } from '@angular/core';\r\nimport { SghNavbarComponent } from './sgh-navbar.component';\r\nimport { SublevelMenuComponent } from './sidenav/sublevel-menu.component';\r\nimport { SidenavComponent } from './sidenav/sidenav.component';\r\nimport { ToolbarComponent } from './toolbar/toolbar.component';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { CommonModule } from '@angular/common';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { RouterModule } from '@angular/router';\r\nimport { FormsModule } from '@angular/forms';\r\nimport {MatLegacyListModule} from \"@angular/material/legacy-list\";\r\nimport {MatListModule} from \"@angular/material/list\";\r\nimport {MenuListItemComponent} from \"./sidenav/menu-list-item/menu-list-item.component\";\r\nimport {MatIconModule} from \"@angular/material/icon\";\r\nimport {MatToolbarModule} from \"@angular/material/toolbar\";\r\nimport {MatButtonModule} from \"@angular/material/button\";\r\nimport {MatInputModule} from \"@angular/material/input\";\r\nimport {SghNavbarService} from \"./sgh-navbar.service\";\r\nimport {NoftificationListComponent} from \"./toolbar/noftification-list/noftification-list.component\";\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n SghNavbarComponent,\r\n SublevelMenuComponent,\r\n SidenavComponent,\r\n ToolbarComponent,\r\n MenuListItemComponent,\r\n NoftificationListComponent\r\n ],\r\n imports: [\r\n BrowserAnimationsModule,\r\n CommonModule,\r\n HttpClientModule,\r\n RouterModule,\r\n FormsModule,\r\n MatListModule,\r\n MatIconModule,\r\n MatToolbarModule,\r\n MatButtonModule,\r\n MatInputModule\r\n ],\r\n exports: [\r\n SghNavbarComponent,\r\n SublevelMenuComponent,\r\n SidenavComponent,\r\n ToolbarComponent\r\n ],\r\n providers:[SghNavbarService],\r\n})\r\nexport class SghNavbarModule { }\r\n","/\r\n * Public API Surface of sgh-navbar\r\n /\r\n\r\nexport from './lib/sgh-navbar.service';\r\nexport * from './lib/sgh-navbar.component';\r\nexport * from './lib/sgh-navbar.module';\r\n\r\n\r\nexport * from './lib/sidenav/sidenav.component';\r\nexport * from './lib/sidenav/sublevel-menu.component';\r\nexport * from './lib/toolbar/toolbar.component';\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i2.SghNavbarService","i3","i4.MenuListItemComponent","i1.SghNavbarService","i5","i6","i11.NoftificationListComponent"],"mappings":"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"}

package/fesm2020/sgh-navbar.mjs CHANGED Viewed

@@ -390,11 +390,17 @@ class SidenavComponent {
         this.onToggleSideNav = new EventEmitter();
         this.collapsed = false;
         this.screenWidth = 0;
+        this.sidenavData = {
+            navData: navbarData,
+            bgColor: '#fff',
+            imgSm: '',
+            imgLg: '',
+        };
         this.multiple = false;
     }
     ngOnInit() {
         this.screenWidth = window.innerWidth;
-        this.sidenavData.navData = navbarData;
+        // this.sidenavData.navData = navbarData;
     }
     toggleCollapse() {
         this.collapsed = !this.collapsed;
@@ -422,7 +428,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: i4.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: ["item"] }], animations: [
         fadeInOut,
         trigger('rotate', [
             transition(':enter', [
@@ -445,7 +451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                                 ]))
                             ])
                         ])
-                    ], 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"] }]
+                    ], 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"] }]
         }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { onToggleSideNav: [{
                 type: Output
             }], sidenavData: [{
@@ -500,21 +506,21 @@ class ToolbarComponent {
         this.prev = selected;
     }
     clickTheme() {
-        this.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;
+        this.toolbarData.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;
     }
     clickProfile() {
-        this.profileView = !this.toolbarData.profileView;
+        this.toolbarData.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 (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        <mat-list class=\"profile-view-wrapper\">\r\n          <mat-list-item  >\r\n            <button  mat-button >\r\n              <mat-icon matListItemIcon>person_outline</mat-icon>\r\n              <div>Profile View</div>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n          <mat-list-item >\r\n            <button  mat-button [routerLink]=\"'/user-login/login'\">\r\n              <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n              <div>Log Out</div>\r\n            </button>\r\n          </mat-list-item>\r\n        </mat-list>\r\n      </div>\r\n    </div>\r\n  </div>\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: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i4.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i4.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i9.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: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.MatLabel, selector: "mat-label" }, { kind: "component", type: NoftificationListComponent, selector: "app-noftification-list" }], 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=\"toolbarData.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        <mat-list class=\"profile-view-wrapper\">\r\n          <mat-list-item  >\r\n            <button  mat-button >\r\n              <mat-icon matListItemIcon>person_outline</mat-icon>\r\n              <div>Profile View</div>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n          <mat-list-item >\r\n            <button  mat-button [routerLink]=\"'/user-login/login'\">\r\n              <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n              <div>Log Out</div>\r\n            </button>\r\n          </mat-list-item>\r\n        </mat-list>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"toolbarData.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: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i4.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i4.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "directive", type: i4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "component", type: i5$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i8.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i9.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: i10.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i10.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 (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        <mat-list class=\"profile-view-wrapper\">\r\n          <mat-list-item  >\r\n            <button  mat-button >\r\n              <mat-icon matListItemIcon>person_outline</mat-icon>\r\n              <div>Profile View</div>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n          <mat-list-item >\r\n            <button  mat-button [routerLink]=\"'/user-login/login'\">\r\n              <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n              <div>Log Out</div>\r\n            </button>\r\n          </mat-list-item>\r\n        </mat-list>\r\n      </div>\r\n    </div>\r\n  </div>\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"] }]
+                    ], 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=\"toolbarData.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        <mat-list class=\"profile-view-wrapper\">\r\n          <mat-list-item  >\r\n            <button  mat-button >\r\n              <mat-icon matListItemIcon>person_outline</mat-icon>\r\n              <div>Profile View</div>\r\n            </button>\r\n          </mat-list-item>\r\n          <mat-divider></mat-divider>\r\n          <mat-list-item >\r\n            <button  mat-button [routerLink]=\"'/user-login/login'\">\r\n              <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n              <div>Log Out</div>\r\n            </button>\r\n          </mat-list-item>\r\n        </mat-list>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n<div *ngIf=\"toolbarData.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: [{

package/fesm2020/sgh-navbar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sgh-navbar.mjs","sources":["../../../projects/sgh-navbar/src/lib/sgh-navbar.service.ts","../../../projects/sgh-navbar/src/lib/sgh-navbar.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/helper.ts","../../../projects/sgh-navbar/src/lib/sidenav/sublevel-menu.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/nav-data.ts","../../../projects/sgh-navbar/src/lib/sidenav/menu-list-item/menu-list-item.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/menu-list-item/menu-list-item.component.html","../../../projects/sgh-navbar/src/lib/sidenav/sidenav.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/sidenav.component.html","../../../projects/sgh-navbar/src/lib/toolbar/noftification-list/noftification-list.component.ts","../../../projects/sgh-navbar/src/lib/toolbar/noftification-list/noftification-list.component.html","../../../projects/sgh-navbar/src/lib/toolbar/toolbar.component.ts","../../../projects/sgh-navbar/src/lib/toolbar/toolbar.component.html","../../../projects/sgh-navbar/src/lib/sgh-navbar.module.ts","../../../projects/sgh-navbar/src/public-api.ts","../../../projects/sgh-navbar/src/sgh-navbar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport {BehaviorSubject} from \"rxjs\";\r\nimport {Event, NavigationEnd, Router} from \"@angular/router\";\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class SghNavbarService {\r\n public appDrawer: any;\r\n // @ts-ignore\r\n public currentUrl = new BehaviorSubject<string>(undefined);\r\n constructor(private router: Router) {\r\n this.router.events.subscribe((event: Event) => {\r\n if (event instanceof NavigationEnd){\r\n this.currentUrl.next(event.urlAfterRedirects);\r\n }\r\n });\r\n }\r\n public closeNav() {\r\n this.appDrawer.close();\r\n }\r\n public openNav() {\r\n this.appDrawer.open();\r\n }\r\n public toggleNav() {\r\n this.appDrawer.toggle();\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-sgh-navbar',\r\n template: `\r\n <p>\r\n sgh-navbar works!\r\n </p>\r\n `,\r\n styles: [\r\n ]\r\n})\r\nexport class SghNavbarComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import { animate, style, transition, trigger } from \"@angular/animations\";\r\n\r\nexport interface INavbarData {\r\n routeLink: string;\r\n icon?: string;\r\n label: string;\r\n expanded?: boolean;\r\n items?: INavbarData[];\r\n}\r\n\r\nexport const fadeInOut = trigger('fadeInOut', [\r\n transition(':enter', [\r\n style({opacity: 0}),\r\n animate('350ms',\r\n style({opacity: 1})\r\n )\r\n ]),\r\n transition(':leave', [\r\n style({opacity: 1}),\r\n animate('350ms',\r\n style({opacity: 0})\r\n )\r\n ])\r\n ])","import { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { Component, Input, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { fadeInOut, INavbarData } from './helper';\r\n\r\n@Component({\r\n selector: 'app-sublevel-menu',\r\n template: `\r\n <ul ngIf=\"collapsed && data.items && data.items.length > 0\"\r\n [@submenu]=\"expanded\r\n ? {value: 'visible',\r\n params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: ''}}\r\n : {value: 'hidden',\r\n params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}\"\r\n class=\"sublevel-nav\"\r\n >\r\n <li ngFor=\"let item of data.items\" class=\"sublevel-nav-item\">\r\n <a class=\"sublevel-nav-link\"\r\n (click)=\"handleClick(item)\"\r\n ngIf=\"item.items && item.items.length > 0\"\r\n [ngClass]=\"getActiveClass(item)\"\r\n >\r\n <i class=\"sublevel-link-icon fa fa-circle\"></i>\r\n <span class=\"sublevel-link-text\" @fadeInOut\r\n ngIf=\"collapsed\">{{item.label}}</span>\r\n <i ngIf=\"item.items && collapsed\" class=\"menu-collapse-icon\"\r\n [ngClass]=\"!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'\"\r\n ></i>\r\n </a>\r\n <a class=\"sublevel-nav-link\"\r\n ngIf=\"!item.items \|\| (item.items && item.items.length === 0)\"\r\n [routerLink]=\"[item.routeLink]\"\r\n routerLinkActive=\"active-sublevel\"\r\n [routerLinkActiveOptions]=\"{exact: true}\"\r\n >\r\n <i class=\"sublevel-link-icon fa fa-circle\"></i>\r\n <span class=\"sublevel-link-text\" @fadeInOut\r\n ngIf=\"collapsed\">{{item.label}}</span>\r\n </a>\r\n <div ngIf=\"item.items && item.items.length > 0\">\r\n <app-sublevel-menu\r\n [data]=\"item\"\r\n [collapsed]=\"collapsed\"\r\n [multiple]=\"multiple\"\r\n [expanded]=\"item.expanded\"\r\n ></app-sublevel-menu>\r\n </div>\r\n </li>\r\n </ul>\r\n `,\r\n styleUrls: ['./sidenav.component.scss'],\r\n animations: [\r\n fadeInOut,\r\n trigger('submenu', [\r\n state('hidden', style({\r\n height: '0',\r\n overflow: 'hidden'\r\n })),\r\n state('visible', style({\r\n height: ''\r\n })),\r\n transition('visible <=> hidden', [style({overflow: 'hidden'}),\r\n animate('{{transitionParams}}')]),\r\n transition('void => ', animate(0))\r\n ])\r\n ]\r\n})\r\nexport class SublevelMenuComponent implements OnInit {\r\n\r\n @Input() data: INavbarData = {\r\n routeLink: '',\r\n icon: '',\r\n label: '',\r\n items: []\r\n }\r\n @Input() collapsed = false;\r\n @Input() animating: boolean \| undefined;\r\n @Input() expanded: boolean \| undefined;\r\n @Input() multiple: boolean = false;\r\n\r\n constructor(public router: Router) {}\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n handleClick(item: any): void {\r\n if (!this.multiple) {\r\n if (this.data.items && this.data.items.length > 0) {\r\n for(let modelItem of this.data.items) {\r\n if (item !==modelItem && modelItem.expanded) {\r\n modelItem.expanded = false;\r\n }\r\n }\r\n }\r\n }\r\n item.expanded = !item.expanded;\r\n }\r\n\r\n getActiveClass(item: INavbarData): string {\r\n return item.expanded && this.router.url.includes(item.routeLink)\r\n ? 'active-sublevel'\r\n : '';\r\n }\r\n\r\n}\r\n","import { INavbarData } from \"./helper\";\r\n\r\nexport const navbarData: INavbarData[] = [\r\n {\r\n \"label\": \"Dashboard\",\r\n \"icon\": \"home\",\r\n \"routeLink\": \"dashboard\",\r\n \"items\": [\r\n {\r\n \"label\": \"Cards\",\r\n \"icon\": \"dashboard_customize\",\r\n \"routeLink\": \"dashboard/cards\"\r\n },\r\n {\r\n \"label\": \"Charts\",\r\n \"icon\": \"area_chart\",\r\n \"routeLink\": \"dashboard/charts\",\r\n \"items\": [\r\n {\r\n \"label\": \"Vertical bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/vertical-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Horizontal bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/horizontal-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Grouped horizontal bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/grouped-horizontal-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Grouped vertical bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/grouped-vertical-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Pie chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/pie-chart\"\r\n },\r\n {\r\n \"label\": \"Advanced pie chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/advanced-pie-chart\"\r\n },\r\n {\r\n \"label\": \"Pie grid chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/pie-grid-chart\"\r\n },\r\n {\r\n \"label\": \"Line chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/line-chart\"\r\n },\r\n {\r\n \"label\": \"Number card chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/number-card-chart\"\r\n },\r\n {\r\n \"label\": \"Linear gauge chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/linear-gauge-chart\"\r\n },\r\n {\r\n \"label\": \"Combo chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/combo-chart\"\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n \"label\": \"Form elements\",\r\n \"icon\": \"text_snippet\",\r\n \"routeLink\": \"main\"\r\n },\r\n];\r\n","import {Component, HostBinding, Input, OnInit, ViewEncapsulation} from '@angular/core';\r\nimport {INavbarData} from '../helper';\r\nimport {Router} from '@angular/router';\r\nimport {animate, state, style, transition, trigger} from '@angular/animations';\r\nimport {SghNavbarService} from \"../../sgh-navbar.service\";\r\n\r\n@Component({\r\n selector: 'app-menu-list-item',\r\n templateUrl: './menu-list-item.component.html',\r\n styleUrls: ['./menu-list-item.component.scss'],\r\n encapsulation:ViewEncapsulation.None,\r\n animations: [\r\n trigger('indicatorRotate', [\r\n state('collapsed', style({transform: 'rotate(0deg)'})),\r\n state('expanded', style({transform: 'rotate(180deg)'})),\r\n transition('expanded <=> collapsed',\r\n animate('225ms cubic-bezier(0.4,0.0,0.2,1)')\r\n ),\r\n ])\r\n ]\r\n})\r\nexport class MenuListItemComponent implements OnInit {\r\n expanded: boolean;\r\n // @ts-ignore\r\n @HostBinding('attr.aria-expanded') ariaExpanded = this.expanded;\r\n @Input() item: INavbarData;\r\n hideSublinkIcon = true;\r\n\r\n constructor(public router: Router, public navService: SghNavbarService) { }\r\n\r\n ngOnInit(): void {\r\n this.navService.currentUrl.subscribe((url: string) => {\r\n if (this.item.routeLink && url) {\r\n // console.log(`Checking '/${this.item.route}' against '${url}'`);\r\n this.expanded = url.indexOf(`/${this.item.routeLink}`) === 0;\r\n this.ariaExpanded = this.expanded;\r\n // console.log(`${this.item.route} is expanded: ${this.expanded}`);\r\n }\r\n });\r\n }\r\n\r\n onItemSelected(item: INavbarData) {\r\n if (!item.items \|\| !item.items.length) {\r\n this.router.navigate([item.routeLink]).then();\r\n }\r\n if (item.items && item.items.length) {\r\n this.expanded = !this.expanded;\r\n }\r\n }\r\n\r\n}\r\n","<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","import { animate, keyframes, style, transition, trigger } from '@angular/animations';\r\nimport { Component, Output, EventEmitter, OnInit, HostListener, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { fadeInOut, INavbarData } from './helper';\r\nimport { navbarData } from './nav-data';\r\nimport {SidenavData} from \"./sidenav-data\";\r\n\r\ninterface SideNavToggle {\r\n screenWidth: number;\r\n collapsed: boolean;\r\n}\r\n\r\n@Component({\r\n selector: 'app-sidenav',\r\n templateUrl: './sidenav.component.html',\r\n styleUrls: ['./sidenav.component.scss'],\r\n animations: [\r\n fadeInOut,\r\n trigger('rotate', [\r\n transition(':enter', [\r\n animate('1000ms',\r\n keyframes([\r\n style({transform: 'rotate(0deg)', offset: '0'}),\r\n style({transform: 'rotate(2turn)', offset: '1'})\r\n ])\r\n )\r\n ])\r\n ])\r\n ]\r\n})\r\nexport class SidenavComponent implements OnInit {\r\n\r\n @Output() onToggleSideNav: EventEmitter<SideNavToggle> = new EventEmitter();\r\n collapsed = false;\r\n screenWidth = 0;\r\n @Input() sidenavData: SidenavData;\r\n multiple: boolean = false;\r\n\r\n @HostListener('window:resize', ['$event'])\r\n onResize(event: any) {\r\n this.screenWidth = window.innerWidth;\r\n if(this.screenWidth <= 768 ) {\r\n this.collapsed = false;\r\n this.onToggleSideNav.emit({collapsed: this.collapsed, screenWidth: this.screenWidth});\r\n }\r\n }\r\n\r\n constructor(public router: Router) {}\r\n\r\n ngOnInit(): void {\r\n this.screenWidth = window.innerWidth;\r\n this.sidenavData.navData = navbarData;\r\n }\r\n\r\n toggleCollapse(): void {\r\n this.collapsed = !this.collapsed;\r\n this.onToggleSideNav.emit({collapsed: this.collapsed, screenWidth: this.screenWidth});\r\n }\r\n\r\n closeSidenav(): void {\r\n this.collapsed = false;\r\n this.onToggleSideNav.emit({collapsed: this.collapsed, screenWidth: this.screenWidth});\r\n }\r\n\r\n handleClick(item: INavbarData): void {\r\n this.shrinkItems(item);\r\n item.expanded = !item.expanded\r\n }\r\n\r\n getActiveClass(data: INavbarData): string {\r\n return this.router.url.includes(data.routeLink) ? 'active' : '';\r\n }\r\n\r\n shrinkItems(item: INavbarData): void {\r\n if (!this.multiple) {\r\n for(let modelItem of this.sidenavData.navData) {\r\n if (item !== modelItem && modelItem.expanded) {\r\n modelItem.expanded = false;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n","<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","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-noftification-list',\r\n templateUrl: './noftification-list.component.html',\r\n styleUrls: ['./noftification-list.component.scss']\r\n})\r\nexport class NoftificationListComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n}\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 <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","import {Component, Input, ViewChild} from '@angular/core';\r\nimport { fadeInOut } from '../sidenav/helper';\r\nimport {MatDrawer} from \"@angular/material/sidenav\";\r\nimport {SghNavbarService} from \"../sgh-navbar.service\";\r\nimport {ToolbarData} from \"../sidenav/toolbar-data\";\r\n\r\n@Component({\r\n selector: 'app-toolbar',\r\n templateUrl: './toolbar.component.html',\r\n styleUrls: ['./toolbar.component.scss'],\r\n animations: [\r\n fadeInOut\r\n ]\r\n})\r\nexport class ToolbarComponent {\r\n prev:any;\r\n @Input() toolbarData: ToolbarData;\r\n @ViewChild('drawer') sidenav: MatDrawer;\r\n @ViewChild(ToolbarComponent) topbar: ToolbarComponent;\r\n showNotificationList = false;\r\n profileView: boolean;\r\n isThemeCollapsed: boolean;\r\n\r\n constructor(public navService: SghNavbarService) { }\r\n\r\n ngOnInit(): void {\r\n this.navService.appDrawer = this.sidenav;\r\n this.toolbarData.themeOptions = [{\r\n name: 'Sgh-default-theme',\r\n value: 'sgh-default-theme',\r\n checked: true\r\n }, {\r\n name: 'Sgh-light-theme',\r\n value: 'sgh-light-theme',\r\n checked: false\r\n }, {\r\n name: 'Sgh-blue-theme',\r\n value: 'sgh-blue-theme',\r\n checked: false\r\n }];\r\n\r\n }\r\n\r\n toggleNotificationList() {\r\n this.showNotificationList = !this.showNotificationList;\r\n }\r\n closeNotificationList() {\r\n this.showNotificationList = false;\r\n }\r\n setClass(selected: any) {\r\n window.document.body.classList.remove(this.prev);\r\n window.document.body.classList.add(selected);\r\n this.prev = selected;\r\n }\r\n\r\n clickTheme(){\r\n this.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;\r\n }\r\n\r\n clickProfile(){\r\n this.profileView = !this.toolbarData.profileView;\r\n }\r\n}\r\n","<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 <mat-list class=\"profile-view-wrapper\">\r\n <mat-list-item >\r\n <button mat-button >\r\n <mat-icon matListItemIcon>person_outline</mat-icon>\r\n <div>Profile View</div>\r\n </button>\r\n </mat-list-item>\r\n <mat-divider></mat-divider>\r\n <mat-list-item >\r\n <button mat-button [routerLink]=\"'/user-login/login'\">\r\n <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n <div>Log Out</div>\r\n </button>\r\n </mat-list-item>\r\n </mat-list>\r\n </div>\r\n </div>\r\n </div>\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","import { NgModule } from '@angular/core';\r\nimport { SghNavbarComponent } from './sgh-navbar.component';\r\nimport { SublevelMenuComponent } from './sidenav/sublevel-menu.component';\r\nimport { SidenavComponent } from './sidenav/sidenav.component';\r\nimport { ToolbarComponent } from './toolbar/toolbar.component';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { CommonModule } from '@angular/common';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { RouterModule } from '@angular/router';\r\nimport { FormsModule } from '@angular/forms';\r\nimport {MatLegacyListModule} from \"@angular/material/legacy-list\";\r\nimport {MatListModule} from \"@angular/material/list\";\r\nimport {MenuListItemComponent} from \"./sidenav/menu-list-item/menu-list-item.component\";\r\nimport {MatIconModule} from \"@angular/material/icon\";\r\nimport {MatToolbarModule} from \"@angular/material/toolbar\";\r\nimport {MatButtonModule} from \"@angular/material/button\";\r\nimport {MatInputModule} from \"@angular/material/input\";\r\nimport {SghNavbarService} from \"./sgh-navbar.service\";\r\nimport {NoftificationListComponent} from \"./toolbar/noftification-list/noftification-list.component\";\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n SghNavbarComponent,\r\n SublevelMenuComponent,\r\n SidenavComponent,\r\n ToolbarComponent,\r\n MenuListItemComponent,\r\n NoftificationListComponent\r\n ],\r\n imports: [\r\n BrowserAnimationsModule,\r\n CommonModule,\r\n HttpClientModule,\r\n RouterModule,\r\n FormsModule,\r\n MatListModule,\r\n MatIconModule,\r\n MatToolbarModule,\r\n MatButtonModule,\r\n MatInputModule\r\n ],\r\n exports: [\r\n SghNavbarComponent,\r\n SublevelMenuComponent,\r\n SidenavComponent,\r\n ToolbarComponent\r\n ],\r\n providers:[SghNavbarService],\r\n})\r\nexport class SghNavbarModule { }\r\n","/\r\n * Public API Surface of sgh-navbar\r\n /\r\n\r\nexport from './lib/sgh-navbar.service';\r\nexport * from './lib/sgh-navbar.component';\r\nexport * from './lib/sgh-navbar.module';\r\n\r\n\r\nexport * from './lib/sidenav/sidenav.component';\r\nexport * from './lib/sidenav/sublevel-menu.component';\r\nexport * from './lib/toolbar/toolbar.component';\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i2.SghNavbarService","i3","i4.MenuListItemComponent","i1.SghNavbarService","i5","i6","i11.NoftificationListComponent"],"mappings":"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"}
1	+ {"version":3,"file":"sgh-navbar.mjs","sources":["../../../projects/sgh-navbar/src/lib/sgh-navbar.service.ts","../../../projects/sgh-navbar/src/lib/sgh-navbar.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/helper.ts","../../../projects/sgh-navbar/src/lib/sidenav/sublevel-menu.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/nav-data.ts","../../../projects/sgh-navbar/src/lib/sidenav/menu-list-item/menu-list-item.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/menu-list-item/menu-list-item.component.html","../../../projects/sgh-navbar/src/lib/sidenav/sidenav.component.ts","../../../projects/sgh-navbar/src/lib/sidenav/sidenav.component.html","../../../projects/sgh-navbar/src/lib/toolbar/noftification-list/noftification-list.component.ts","../../../projects/sgh-navbar/src/lib/toolbar/noftification-list/noftification-list.component.html","../../../projects/sgh-navbar/src/lib/toolbar/toolbar.component.ts","../../../projects/sgh-navbar/src/lib/toolbar/toolbar.component.html","../../../projects/sgh-navbar/src/lib/sgh-navbar.module.ts","../../../projects/sgh-navbar/src/public-api.ts","../../../projects/sgh-navbar/src/sgh-navbar.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport {BehaviorSubject} from \"rxjs\";\r\nimport {Event, NavigationEnd, Router} from \"@angular/router\";\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class SghNavbarService {\r\n public appDrawer: any;\r\n // @ts-ignore\r\n public currentUrl = new BehaviorSubject<string>(undefined);\r\n constructor(private router: Router) {\r\n this.router.events.subscribe((event: Event) => {\r\n if (event instanceof NavigationEnd){\r\n this.currentUrl.next(event.urlAfterRedirects);\r\n }\r\n });\r\n }\r\n public closeNav() {\r\n this.appDrawer.close();\r\n }\r\n public openNav() {\r\n this.appDrawer.open();\r\n }\r\n public toggleNav() {\r\n this.appDrawer.toggle();\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'lib-sgh-navbar',\r\n template: `\r\n <p>\r\n sgh-navbar works!\r\n </p>\r\n `,\r\n styles: [\r\n ]\r\n})\r\nexport class SghNavbarComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","import { animate, style, transition, trigger } from \"@angular/animations\";\r\n\r\nexport interface INavbarData {\r\n routeLink: string;\r\n icon?: string;\r\n label: string;\r\n expanded?: boolean;\r\n items?: INavbarData[];\r\n}\r\n\r\nexport const fadeInOut = trigger('fadeInOut', [\r\n transition(':enter', [\r\n style({opacity: 0}),\r\n animate('350ms',\r\n style({opacity: 1})\r\n )\r\n ]),\r\n transition(':leave', [\r\n style({opacity: 1}),\r\n animate('350ms',\r\n style({opacity: 0})\r\n )\r\n ])\r\n ])","import { animate, state, style, transition, trigger } from '@angular/animations';\r\nimport { Component, Input, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { fadeInOut, INavbarData } from './helper';\r\n\r\n@Component({\r\n selector: 'app-sublevel-menu',\r\n template: `\r\n <ul ngIf=\"collapsed && data.items && data.items.length > 0\"\r\n [@submenu]=\"expanded\r\n ? {value: 'visible',\r\n params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: ''}}\r\n : {value: 'hidden',\r\n params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}\"\r\n class=\"sublevel-nav\"\r\n >\r\n <li ngFor=\"let item of data.items\" class=\"sublevel-nav-item\">\r\n <a class=\"sublevel-nav-link\"\r\n (click)=\"handleClick(item)\"\r\n ngIf=\"item.items && item.items.length > 0\"\r\n [ngClass]=\"getActiveClass(item)\"\r\n >\r\n <i class=\"sublevel-link-icon fa fa-circle\"></i>\r\n <span class=\"sublevel-link-text\" @fadeInOut\r\n ngIf=\"collapsed\">{{item.label}}</span>\r\n <i ngIf=\"item.items && collapsed\" class=\"menu-collapse-icon\"\r\n [ngClass]=\"!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'\"\r\n ></i>\r\n </a>\r\n <a class=\"sublevel-nav-link\"\r\n ngIf=\"!item.items \|\| (item.items && item.items.length === 0)\"\r\n [routerLink]=\"[item.routeLink]\"\r\n routerLinkActive=\"active-sublevel\"\r\n [routerLinkActiveOptions]=\"{exact: true}\"\r\n >\r\n <i class=\"sublevel-link-icon fa fa-circle\"></i>\r\n <span class=\"sublevel-link-text\" @fadeInOut\r\n ngIf=\"collapsed\">{{item.label}}</span>\r\n </a>\r\n <div ngIf=\"item.items && item.items.length > 0\">\r\n <app-sublevel-menu\r\n [data]=\"item\"\r\n [collapsed]=\"collapsed\"\r\n [multiple]=\"multiple\"\r\n [expanded]=\"item.expanded\"\r\n ></app-sublevel-menu>\r\n </div>\r\n </li>\r\n </ul>\r\n `,\r\n styleUrls: ['./sidenav.component.scss'],\r\n animations: [\r\n fadeInOut,\r\n trigger('submenu', [\r\n state('hidden', style({\r\n height: '0',\r\n overflow: 'hidden'\r\n })),\r\n state('visible', style({\r\n height: ''\r\n })),\r\n transition('visible <=> hidden', [style({overflow: 'hidden'}),\r\n animate('{{transitionParams}}')]),\r\n transition('void => ', animate(0))\r\n ])\r\n ]\r\n})\r\nexport class SublevelMenuComponent implements OnInit {\r\n\r\n @Input() data: INavbarData = {\r\n routeLink: '',\r\n icon: '',\r\n label: '',\r\n items: []\r\n }\r\n @Input() collapsed = false;\r\n @Input() animating: boolean \| undefined;\r\n @Input() expanded: boolean \| undefined;\r\n @Input() multiple: boolean = false;\r\n\r\n constructor(public router: Router) {}\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n handleClick(item: any): void {\r\n if (!this.multiple) {\r\n if (this.data.items && this.data.items.length > 0) {\r\n for(let modelItem of this.data.items) {\r\n if (item !==modelItem && modelItem.expanded) {\r\n modelItem.expanded = false;\r\n }\r\n }\r\n }\r\n }\r\n item.expanded = !item.expanded;\r\n }\r\n\r\n getActiveClass(item: INavbarData): string {\r\n return item.expanded && this.router.url.includes(item.routeLink)\r\n ? 'active-sublevel'\r\n : '';\r\n }\r\n\r\n}\r\n","import { INavbarData } from \"./helper\";\r\n\r\nexport const navbarData: INavbarData[] = [\r\n {\r\n \"label\": \"Dashboard\",\r\n \"icon\": \"home\",\r\n \"routeLink\": \"dashboard\",\r\n \"items\": [\r\n {\r\n \"label\": \"Cards\",\r\n \"icon\": \"dashboard_customize\",\r\n \"routeLink\": \"dashboard/cards\"\r\n },\r\n {\r\n \"label\": \"Charts\",\r\n \"icon\": \"area_chart\",\r\n \"routeLink\": \"dashboard/charts\",\r\n \"items\": [\r\n {\r\n \"label\": \"Vertical bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/vertical-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Horizontal bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/horizontal-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Grouped horizontal bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/grouped-horizontal-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Grouped vertical bar chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/grouped-vertical-bar-chart\"\r\n },\r\n {\r\n \"label\": \"Pie chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/pie-chart\"\r\n },\r\n {\r\n \"label\": \"Advanced pie chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/advanced-pie-chart\"\r\n },\r\n {\r\n \"label\": \"Pie grid chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/pie-grid-chart\"\r\n },\r\n {\r\n \"label\": \"Line chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/line-chart\"\r\n },\r\n {\r\n \"label\": \"Number card chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/number-card-chart\"\r\n },\r\n {\r\n \"label\": \"Linear gauge chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/linear-gauge-chart\"\r\n },\r\n {\r\n \"label\": \"Combo chart\",\r\n \"icon\": \"\",\r\n \"routeLink\": \"dashboard/charts/pages/combo-chart\"\r\n }\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n \"label\": \"Form elements\",\r\n \"icon\": \"text_snippet\",\r\n \"routeLink\": \"main\"\r\n },\r\n];\r\n","import {Component, HostBinding, Input, OnInit, ViewEncapsulation} from '@angular/core';\r\nimport {INavbarData} from '../helper';\r\nimport {Router} from '@angular/router';\r\nimport {animate, state, style, transition, trigger} from '@angular/animations';\r\nimport {SghNavbarService} from \"../../sgh-navbar.service\";\r\n\r\n@Component({\r\n selector: 'app-menu-list-item',\r\n templateUrl: './menu-list-item.component.html',\r\n styleUrls: ['./menu-list-item.component.scss'],\r\n encapsulation:ViewEncapsulation.None,\r\n animations: [\r\n trigger('indicatorRotate', [\r\n state('collapsed', style({transform: 'rotate(0deg)'})),\r\n state('expanded', style({transform: 'rotate(180deg)'})),\r\n transition('expanded <=> collapsed',\r\n animate('225ms cubic-bezier(0.4,0.0,0.2,1)')\r\n ),\r\n ])\r\n ]\r\n})\r\nexport class MenuListItemComponent implements OnInit {\r\n expanded: boolean;\r\n // @ts-ignore\r\n @HostBinding('attr.aria-expanded') ariaExpanded = this.expanded;\r\n @Input() item: INavbarData;\r\n hideSublinkIcon = true;\r\n\r\n constructor(public router: Router, public navService: SghNavbarService) { }\r\n\r\n ngOnInit(): void {\r\n this.navService.currentUrl.subscribe((url: string) => {\r\n if (this.item.routeLink && url) {\r\n // console.log(`Checking '/${this.item.route}' against '${url}'`);\r\n this.expanded = url.indexOf(`/${this.item.routeLink}`) === 0;\r\n this.ariaExpanded = this.expanded;\r\n // console.log(`${this.item.route} is expanded: ${this.expanded}`);\r\n }\r\n });\r\n }\r\n\r\n onItemSelected(item: INavbarData) {\r\n if (!item.items \|\| !item.items.length) {\r\n this.router.navigate([item.routeLink]).then();\r\n }\r\n if (item.items && item.items.length) {\r\n this.expanded = !this.expanded;\r\n }\r\n }\r\n\r\n}\r\n","<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","import { animate, keyframes, style, transition, trigger } from '@angular/animations';\r\nimport { Component, Output, EventEmitter, OnInit, HostListener, Input } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { fadeInOut, INavbarData } from './helper';\r\nimport { navbarData } from './nav-data';\r\nimport {SidenavData} from \"./sidenav-data\";\r\n\r\ninterface SideNavToggle {\r\n screenWidth: number;\r\n collapsed: boolean;\r\n}\r\n\r\n@Component({\r\n selector: 'app-sidenav',\r\n templateUrl: './sidenav.component.html',\r\n styleUrls: ['./sidenav.component.scss'],\r\n animations: [\r\n fadeInOut,\r\n trigger('rotate', [\r\n transition(':enter', [\r\n animate('1000ms',\r\n keyframes([\r\n style({transform: 'rotate(0deg)', offset: '0'}),\r\n style({transform: 'rotate(2turn)', offset: '1'})\r\n ])\r\n )\r\n ])\r\n ])\r\n ]\r\n})\r\nexport class SidenavComponent implements OnInit {\r\n\r\n @Output() onToggleSideNav: EventEmitter<SideNavToggle> = new EventEmitter();\r\n collapsed = false;\r\n screenWidth = 0;\r\n @Input() sidenavData: SidenavData = {\r\n navData:navbarData,\r\n bgColor:'#fff',\r\n imgSm:'',\r\n imgLg:'',\r\n };\r\n multiple: boolean = false;\r\n\r\n @HostListener('window:resize', ['$event'])\r\n onResize(event: any) {\r\n this.screenWidth = window.innerWidth;\r\n if(this.screenWidth <= 768 ) {\r\n this.collapsed = false;\r\n this.onToggleSideNav.emit({collapsed: this.collapsed, screenWidth: this.screenWidth});\r\n }\r\n }\r\n\r\n constructor(public router: Router) {}\r\n\r\n ngOnInit(): void {\r\n this.screenWidth = window.innerWidth;\r\n // this.sidenavData.navData = navbarData;\r\n }\r\n\r\n toggleCollapse(): void {\r\n this.collapsed = !this.collapsed;\r\n this.onToggleSideNav.emit({collapsed: this.collapsed, screenWidth: this.screenWidth});\r\n }\r\n\r\n closeSidenav(): void {\r\n this.collapsed = false;\r\n this.onToggleSideNav.emit({collapsed: this.collapsed, screenWidth: this.screenWidth});\r\n }\r\n\r\n handleClick(item: INavbarData): void {\r\n this.shrinkItems(item);\r\n item.expanded = !item.expanded\r\n }\r\n\r\n getActiveClass(data: INavbarData): string {\r\n return this.router.url.includes(data.routeLink) ? 'active' : '';\r\n }\r\n\r\n shrinkItems(item: INavbarData): void {\r\n if (!this.multiple) {\r\n for(let modelItem of this.sidenavData.navData) {\r\n if (item !== modelItem && modelItem.expanded) {\r\n modelItem.expanded = false;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n","<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","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-noftification-list',\r\n templateUrl: './noftification-list.component.html',\r\n styleUrls: ['./noftification-list.component.scss']\r\n})\r\nexport class NoftificationListComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit(): void {\r\n }\r\n}\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 <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","import {Component, Input, ViewChild} from '@angular/core';\r\nimport { fadeInOut } from '../sidenav/helper';\r\nimport {MatDrawer} from \"@angular/material/sidenav\";\r\nimport {SghNavbarService} from \"../sgh-navbar.service\";\r\nimport {ToolbarData} from \"../sidenav/toolbar-data\";\r\n\r\n@Component({\r\n selector: 'app-toolbar',\r\n templateUrl: './toolbar.component.html',\r\n styleUrls: ['./toolbar.component.scss'],\r\n animations: [\r\n fadeInOut\r\n ]\r\n})\r\nexport class ToolbarComponent {\r\n prev:any;\r\n @Input() toolbarData: ToolbarData;\r\n @ViewChild('drawer') sidenav: MatDrawer;\r\n @ViewChild(ToolbarComponent) topbar: ToolbarComponent;\r\n showNotificationList = false;\r\n profileView: boolean;\r\n isThemeCollapsed: boolean;\r\n\r\n constructor(public navService: SghNavbarService) { }\r\n\r\n ngOnInit(): void {\r\n this.navService.appDrawer = this.sidenav;\r\n this.toolbarData.themeOptions = [{\r\n name: 'Sgh-default-theme',\r\n value: 'sgh-default-theme',\r\n checked: true\r\n }, {\r\n name: 'Sgh-light-theme',\r\n value: 'sgh-light-theme',\r\n checked: false\r\n }, {\r\n name: 'Sgh-blue-theme',\r\n value: 'sgh-blue-theme',\r\n checked: false\r\n }];\r\n\r\n }\r\n\r\n toggleNotificationList() {\r\n this.showNotificationList = !this.showNotificationList;\r\n }\r\n closeNotificationList() {\r\n this.showNotificationList = false;\r\n }\r\n setClass(selected: any) {\r\n window.document.body.classList.remove(this.prev);\r\n window.document.body.classList.add(selected);\r\n this.prev = selected;\r\n }\r\n\r\n clickTheme(){\r\n this.toolbarData.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;\r\n }\r\n\r\n clickProfile(){\r\n this.toolbarData.profileView = !this.toolbarData.profileView;\r\n }\r\n}\r\n","<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=\"toolbarData.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 <mat-list class=\"profile-view-wrapper\">\r\n <mat-list-item >\r\n <button mat-button >\r\n <mat-icon matListItemIcon>person_outline</mat-icon>\r\n <div>Profile View</div>\r\n </button>\r\n </mat-list-item>\r\n <mat-divider></mat-divider>\r\n <mat-list-item >\r\n <button mat-button [routerLink]=\"'/user-login/login'\">\r\n <mat-icon matListItemIcon>power_settings_new</mat-icon>\r\n <div>Log Out</div>\r\n </button>\r\n </mat-list-item>\r\n </mat-list>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n<div ngIf=\"toolbarData.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","import { NgModule } from '@angular/core';\r\nimport { SghNavbarComponent } from './sgh-navbar.component';\r\nimport { SublevelMenuComponent } from './sidenav/sublevel-menu.component';\r\nimport { SidenavComponent } from './sidenav/sidenav.component';\r\nimport { ToolbarComponent } from './toolbar/toolbar.component';\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\nimport { CommonModule } from '@angular/common';\r\nimport { HttpClientModule } from '@angular/common/http';\r\nimport { RouterModule } from '@angular/router';\r\nimport { FormsModule } from '@angular/forms';\r\nimport {MatLegacyListModule} from \"@angular/material/legacy-list\";\r\nimport {MatListModule} from \"@angular/material/list\";\r\nimport {MenuListItemComponent} from \"./sidenav/menu-list-item/menu-list-item.component\";\r\nimport {MatIconModule} from \"@angular/material/icon\";\r\nimport {MatToolbarModule} from \"@angular/material/toolbar\";\r\nimport {MatButtonModule} from \"@angular/material/button\";\r\nimport {MatInputModule} from \"@angular/material/input\";\r\nimport {SghNavbarService} from \"./sgh-navbar.service\";\r\nimport {NoftificationListComponent} from \"./toolbar/noftification-list/noftification-list.component\";\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n SghNavbarComponent,\r\n SublevelMenuComponent,\r\n SidenavComponent,\r\n ToolbarComponent,\r\n MenuListItemComponent,\r\n NoftificationListComponent\r\n ],\r\n imports: [\r\n BrowserAnimationsModule,\r\n CommonModule,\r\n HttpClientModule,\r\n RouterModule,\r\n FormsModule,\r\n MatListModule,\r\n MatIconModule,\r\n MatToolbarModule,\r\n MatButtonModule,\r\n MatInputModule\r\n ],\r\n exports: [\r\n SghNavbarComponent,\r\n SublevelMenuComponent,\r\n SidenavComponent,\r\n ToolbarComponent\r\n ],\r\n providers:[SghNavbarService],\r\n})\r\nexport class SghNavbarModule { }\r\n","/\r\n * Public API Surface of sgh-navbar\r\n /\r\n\r\nexport from './lib/sgh-navbar.service';\r\nexport * from './lib/sgh-navbar.component';\r\nexport * from './lib/sgh-navbar.module';\r\n\r\n\r\nexport * from './lib/sidenav/sidenav.component';\r\nexport * from './lib/sidenav/sublevel-menu.component';\r\nexport * from './lib/toolbar/toolbar.component';\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i2.SghNavbarService","i3","i4.MenuListItemComponent","i1.SghNavbarService","i5","i6","i11.NoftificationListComponent"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,9 +1,10 @@
 {
   "name": "sgh-navbar",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "peerDependencies": {
     "@angular/common": "^15.2.8",
-    "@angular/core": "^15.2.8"
+    "@angular/core": "^15.2.8",
+    "@angular/material": "^15.2.8"
   },
   "dependencies": {
     "tslib": "^2.3.0"