sgh-navbar 0.0.4 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/sgh-navbar.component.mjs +3 -3
- package/esm2020/lib/sgh-navbar.module.mjs +10 -7
- package/esm2020/lib/sgh-navbar.service.mjs +3 -3
- package/esm2020/lib/sidenav/menu-list-item/menu-list-item.component.mjs +3 -3
- package/esm2020/lib/sidenav/sidenav-data.mjs +3 -0
- package/esm2020/lib/sidenav/sidenav.component.mjs +8 -17
- package/esm2020/lib/sidenav/sublevel-menu.component.mjs +3 -3
- package/esm2020/lib/sidenav/toolbar-data.mjs +3 -0
- package/esm2020/lib/toolbar/noftification-list/noftification-list.component.mjs +14 -0
- package/esm2020/lib/toolbar/toolbar.component.mjs +49 -11
- package/fesm2015/sgh-navbar.mjs +86 -44
- package/fesm2015/sgh-navbar.mjs.map +1 -1
- package/fesm2020/sgh-navbar.mjs +86 -44
- package/fesm2020/sgh-navbar.mjs.map +1 -1
- package/lib/sgh-navbar.module.d.ts +12 -11
- package/lib/sidenav/sidenav-data.d.ts +7 -0
- package/lib/sidenav/sidenav.component.d.ts +3 -5
- package/lib/sidenav/toolbar-data.d.ts +12 -0
- package/lib/toolbar/noftification-list/noftification-list.component.d.ts +8 -0
- package/lib/toolbar/toolbar.component.d.ts +10 -5
- package/package.json +3 -3
|
@@ -5,13 +5,13 @@ export class SghNavbarComponent {
|
|
|
5
5
|
ngOnInit() {
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
|
-
SghNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
9
|
-
SghNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
8
|
+
SghNavbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
SghNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SghNavbarComponent, selector: "lib-sgh-navbar", ngImport: i0, template: `
|
|
10
10
|
<p>
|
|
11
11
|
sgh-navbar works!
|
|
12
12
|
</p>
|
|
13
13
|
`, isInline: true });
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'lib-sgh-navbar', template: `
|
|
17
17
|
<p>
|
|
@@ -15,15 +15,17 @@ import { MatToolbarModule } from "@angular/material/toolbar";
|
|
|
15
15
|
import { MatButtonModule } from "@angular/material/button";
|
|
16
16
|
import { MatInputModule } from "@angular/material/input";
|
|
17
17
|
import { SghNavbarService } from "./sgh-navbar.service";
|
|
18
|
+
import { NoftificationListComponent } from "./toolbar/noftification-list/noftification-list.component";
|
|
18
19
|
import * as i0 from "@angular/core";
|
|
19
20
|
export class SghNavbarModule {
|
|
20
21
|
}
|
|
21
|
-
SghNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
22
|
-
SghNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.
|
|
22
|
+
SghNavbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
23
|
+
SghNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarModule, declarations: [SghNavbarComponent,
|
|
23
24
|
SublevelMenuComponent,
|
|
24
25
|
SidenavComponent,
|
|
25
26
|
ToolbarComponent,
|
|
26
|
-
MenuListItemComponent
|
|
27
|
+
MenuListItemComponent,
|
|
28
|
+
NoftificationListComponent], imports: [BrowserAnimationsModule,
|
|
27
29
|
CommonModule,
|
|
28
30
|
HttpClientModule,
|
|
29
31
|
RouterModule,
|
|
@@ -36,7 +38,7 @@ SghNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
|
|
|
36
38
|
SublevelMenuComponent,
|
|
37
39
|
SidenavComponent,
|
|
38
40
|
ToolbarComponent] });
|
|
39
|
-
SghNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.
|
|
41
|
+
SghNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarModule, providers: [SghNavbarService], imports: [BrowserAnimationsModule,
|
|
40
42
|
CommonModule,
|
|
41
43
|
HttpClientModule,
|
|
42
44
|
RouterModule,
|
|
@@ -46,7 +48,7 @@ SghNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
|
|
|
46
48
|
MatToolbarModule,
|
|
47
49
|
MatButtonModule,
|
|
48
50
|
MatInputModule] });
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarModule, decorators: [{
|
|
50
52
|
type: NgModule,
|
|
51
53
|
args: [{
|
|
52
54
|
declarations: [
|
|
@@ -54,7 +56,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
54
56
|
SublevelMenuComponent,
|
|
55
57
|
SidenavComponent,
|
|
56
58
|
ToolbarComponent,
|
|
57
|
-
MenuListItemComponent
|
|
59
|
+
MenuListItemComponent,
|
|
60
|
+
NoftificationListComponent
|
|
58
61
|
],
|
|
59
62
|
imports: [
|
|
60
63
|
BrowserAnimationsModule,
|
|
@@ -77,4 +80,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
77
80
|
providers: [SghNavbarService],
|
|
78
81
|
}]
|
|
79
82
|
}] });
|
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2doLW5hdmJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2doLW5hdmJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMvRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUU3QyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sbURBQW1ELENBQUM7QUFDeEYsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLHdCQUF3QixDQUFDO0FBQ3JELE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFDdEQsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0sMkRBQTJELENBQUM7O0FBZ0NyRyxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTs2R0FBZixlQUFlLGlCQTNCcEIsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQixnQkFBZ0I7UUFDaEIsZ0JBQWdCO1FBQ2hCLHFCQUFxQjtRQUNyQiwwQkFBMEIsYUFHOUIsdUJBQXVCO1FBQ3ZCLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsWUFBWTtRQUNaLFdBQVc7UUFDWCxhQUFhO1FBQ2IsYUFBYTtRQUNiLGdCQUFnQjtRQUNoQixlQUFlO1FBQ2YsY0FBYyxhQUdkLGtCQUFrQjtRQUNsQixxQkFBcUI7UUFDckIsZ0JBQWdCO1FBQ2hCLGdCQUFnQjs2R0FJUCxlQUFlLGFBRmhCLENBQUMsZ0JBQWdCLENBQUMsWUFqQjFCLHVCQUF1QjtRQUN2QixZQUFZO1FBQ1osZ0JBQWdCO1FBQ2hCLFlBQVk7UUFDWixXQUFXO1FBQ1gsYUFBYTtRQUNiLGFBQWE7UUFDYixnQkFBZ0I7UUFDaEIsZUFBZTtRQUNmLGNBQWM7MkZBVUwsZUFBZTtrQkE3QjNCLFFBQVE7bUJBQUM7b0JBQ04sWUFBWSxFQUFFO3dCQUNWLGtCQUFrQjt3QkFDbEIscUJBQXFCO3dCQUNyQixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIscUJBQXFCO3dCQUNyQiwwQkFBMEI7cUJBQzdCO29CQUNILE9BQU8sRUFBRTt3QkFDUCx1QkFBdUI7d0JBQ3ZCLFlBQVk7d0JBQ1osZ0JBQWdCO3dCQUNoQixZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsYUFBYTt3QkFDYixhQUFhO3dCQUNiLGdCQUFnQjt3QkFDaEIsZUFBZTt3QkFDZixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7d0JBQ2xCLHFCQUFxQjt3QkFDckIsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7cUJBQ2pCO29CQUNELFNBQVMsRUFBQyxDQUFDLGdCQUFnQixDQUFDO2lCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNnaE5hdmJhckNvbXBvbmVudCB9IGZyb20gJy4vc2doLW5hdmJhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTdWJsZXZlbE1lbnVDb21wb25lbnQgfSBmcm9tICcuL3NpZGVuYXYvc3VibGV2ZWwtbWVudS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBTaWRlbmF2Q29tcG9uZW50IH0gZnJvbSAnLi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVG9vbGJhckNvbXBvbmVudCB9IGZyb20gJy4vdG9vbGJhci90b29sYmFyLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IEJyb3dzZXJBbmltYXRpb25zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgSHR0cENsaWVudE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbi9odHRwJztcclxuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7TWF0TGVnYWN5TGlzdE1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2xlZ2FjeS1saXN0XCI7XHJcbmltcG9ydCB7TWF0TGlzdE1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2xpc3RcIjtcclxuaW1wb3J0IHtNZW51TGlzdEl0ZW1Db21wb25lbnR9IGZyb20gXCIuL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50XCI7XHJcbmltcG9ydCB7TWF0SWNvbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2ljb25cIjtcclxuaW1wb3J0IHtNYXRUb29sYmFyTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbGJhclwiO1xyXG5pbXBvcnQge01hdEJ1dHRvbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2J1dHRvblwiO1xyXG5pbXBvcnQge01hdElucHV0TW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXRcIjtcclxuaW1wb3J0IHtTZ2hOYXZiYXJTZXJ2aWNlfSBmcm9tIFwiLi9zZ2gtbmF2YmFyLnNlcnZpY2VcIjtcclxuaW1wb3J0IHtOb2Z0aWZpY2F0aW9uTGlzdENvbXBvbmVudH0gZnJvbSBcIi4vdG9vbGJhci9ub2Z0aWZpY2F0aW9uLWxpc3Qvbm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudFwiO1xyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBkZWNsYXJhdGlvbnM6IFtcclxuICAgICAgICBTZ2hOYXZiYXJDb21wb25lbnQsXHJcbiAgICAgICAgU3VibGV2ZWxNZW51Q29tcG9uZW50LFxyXG4gICAgICAgIFNpZGVuYXZDb21wb25lbnQsXHJcbiAgICAgICAgVG9vbGJhckNvbXBvbmVudCxcclxuICAgICAgICBNZW51TGlzdEl0ZW1Db21wb25lbnQsXHJcbiAgICAgICAgTm9mdGlmaWNhdGlvbkxpc3RDb21wb25lbnRcclxuICAgIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQnJvd3NlckFuaW1hdGlvbnNNb2R1bGUsXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBIdHRwQ2xpZW50TW9kdWxlLFxyXG4gICAgUm91dGVyTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBNYXRMaXN0TW9kdWxlLFxyXG4gICAgTWF0SWNvbk1vZHVsZSxcclxuICAgIE1hdFRvb2xiYXJNb2R1bGUsXHJcbiAgICBNYXRCdXR0b25Nb2R1bGUsXHJcbiAgICBNYXRJbnB1dE1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgU2doTmF2YmFyQ29tcG9uZW50LFxyXG4gICAgU3VibGV2ZWxNZW51Q29tcG9uZW50LFxyXG4gICAgU2lkZW5hdkNvbXBvbmVudCxcclxuICAgIFRvb2xiYXJDb21wb25lbnRcclxuICBdLFxyXG4gIHByb3ZpZGVyczpbU2doTmF2YmFyU2VydmljZV0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZ2hOYXZiYXJNb2R1bGUgeyB9XHJcbiJdfQ==
|
|
@@ -24,9 +24,9 @@ export class SghNavbarService {
|
|
|
24
24
|
this.appDrawer.toggle();
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
|
-
SghNavbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
28
|
-
SghNavbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
27
|
+
SghNavbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarService, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
28
|
+
SghNavbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarService, providedIn: 'root' });
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarService, decorators: [{
|
|
30
30
|
type: Injectable,
|
|
31
31
|
args: [{
|
|
32
32
|
providedIn: 'root'
|
|
@@ -33,15 +33,15 @@ export class MenuListItemComponent {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
|
-
MenuListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
37
|
-
MenuListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
36
|
+
MenuListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuListItemComponent, deps: [{ token: i1.Router }, { token: i2.SghNavbarService }], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
+
MenuListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: { item: "item" }, host: { properties: { "attr.aria-expanded": "this.ariaExpanded" } }, ngImport: i0, template: "<a mat-list-item [ngClass]=\"{'item-expanded':expanded && !(item.items == undefined)}\"\r\n (click)=\"onItemSelected(item)\" [routerLink]=\"[item.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrapper\">\r\n <div class=\"main-text\">\r\n <mat-icon class=\"material-icons-outlined\">{{item.icon}}</mat-icon>\r\n {{item.label}}\r\n <span fxFlex></span>\r\n </div>\r\n <mat-icon class=\"material-icons-outlined\" *ngIf=\"!(item.items == undefined)\"\r\n [@indicatorRotate]=\"expanded ? 'expanded': 'collapsed'\">expand_more\r\n </mat-icon>\r\n </div>\r\n</a>\r\n<div class=\"sub-link-wrapper\" [ngClass]=\"{'hide-sublink-icon':hideSublinkIcon}\" *ngIf=\"expanded\">\r\n <app-menu-list-item *ngFor=\"let child of item.items\" [item]=\"child\">\r\n </app-menu-list-item>\r\n</div>\r\n", styles: ["::ng-deep .sub-link-wrapper span.mdc-list-item__content{padding-left:1.3rem!important}::ng-deep .sub-link-wrapper span.mdc-list-item__content span.mat-mdc-list-item-unscoped-content{white-space:normal!important}a.mdc-list-item.item-active{background:#26787f!important;border-radius:10px}a.mdc-list-item.item-active .mdc-list-item__primary-text{color:#fff!important;white-space:pre-line}a.mdc-list-item .mdc-list-item__primary-text{color:#005860!important;white-space:pre-line}.mdc-list-item:focus:before{background-color:transparent!important}a.mdc-list-item:hover{background:#26787f!important;border-radius:10px}a.mdc-list-item:hover .mdc-list-item__primary-text{color:#fff!important;white-space:pre-line}a.mdc-list-item.mdc-list-item__content{text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;align-self:center!important;flex:1!important;pointer-events:none!important}.text-wrapper{display:flex!important;justify-content:space-between!important;font-size:12px!important}.text-wrapper .main-text{display:flex!important}.text-wrapper .main-text .mat-icon{padding-right:5px!important}.sub-link-wrapper a.mdc-list-item{padding:0 0 0 33px!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: ["item"] }], animations: [
|
|
38
38
|
trigger('indicatorRotate', [
|
|
39
39
|
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
40
40
|
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
41
41
|
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
42
42
|
])
|
|
43
43
|
], encapsulation: i0.ViewEncapsulation.None });
|
|
44
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
44
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuListItemComponent, decorators: [{
|
|
45
45
|
type: Component,
|
|
46
46
|
args: [{ selector: 'app-menu-list-item', encapsulation: ViewEncapsulation.None, animations: [
|
|
47
47
|
trigger('indicatorRotate', [
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export class SidenavData {
|
|
2
|
+
}
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi1kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NpZGVuYXYvc2lkZW5hdi1kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sT0FBTyxXQUFXO0NBS3ZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtJTmF2YmFyRGF0YX0gZnJvbSBcIi4vaGVscGVyXCI7XHJcblxyXG5leHBvcnQgY2xhc3MgU2lkZW5hdkRhdGEge1xyXG4gIG5hdkRhdGE6SU5hdmJhckRhdGFbXTtcclxuICBiZ0NvbG9yOnN0cmluZztcclxuICBpbWdTbTpzdHJpbmc7XHJcbiAgaW1nTGc6c3RyaW5nO1xyXG59XHJcbiJdfQ==
|
|
@@ -20,14 +20,11 @@ export class SidenavComponent {
|
|
|
20
20
|
this.onToggleSideNav = new EventEmitter();
|
|
21
21
|
this.collapsed = false;
|
|
22
22
|
this.screenWidth = 0;
|
|
23
|
-
this.navData = navbarData;
|
|
24
|
-
this.bgColor = "#33284e";
|
|
25
|
-
this.imgSm = "assets/favicon.ico";
|
|
26
|
-
this.imgLg = "assets/SPAY.png";
|
|
27
23
|
this.multiple = false;
|
|
28
24
|
}
|
|
29
25
|
ngOnInit() {
|
|
30
26
|
this.screenWidth = window.innerWidth;
|
|
27
|
+
this.sidenavData.navData = navbarData;
|
|
31
28
|
}
|
|
32
29
|
toggleCollapse() {
|
|
33
30
|
this.collapsed = !this.collapsed;
|
|
@@ -46,7 +43,7 @@ export class SidenavComponent {
|
|
|
46
43
|
}
|
|
47
44
|
shrinkItems(item) {
|
|
48
45
|
if (!this.multiple) {
|
|
49
|
-
for (let modelItem of this.navData) {
|
|
46
|
+
for (let modelItem of this.sidenavData.navData) {
|
|
50
47
|
if (item !== modelItem && modelItem.expanded) {
|
|
51
48
|
modelItem.expanded = false;
|
|
52
49
|
}
|
|
@@ -54,8 +51,8 @@ export class SidenavComponent {
|
|
|
54
51
|
}
|
|
55
52
|
}
|
|
56
53
|
}
|
|
57
|
-
SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
58
|
-
SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
54
|
+
SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidenavComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
+
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: [
|
|
59
56
|
fadeInOut,
|
|
60
57
|
trigger('rotate', [
|
|
61
58
|
transition(':enter', [
|
|
@@ -66,7 +63,7 @@ SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
|
|
|
66
63
|
])
|
|
67
64
|
])
|
|
68
65
|
] });
|
|
69
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidenavComponent, decorators: [{
|
|
70
67
|
type: Component,
|
|
71
68
|
args: [{ selector: 'app-sidenav', animations: [
|
|
72
69
|
fadeInOut,
|
|
@@ -78,19 +75,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
78
75
|
]))
|
|
79
76
|
])
|
|
80
77
|
])
|
|
81
|
-
], template: "<mat-nav-list>\r\n <app-menu-list-item *ngFor=\"let item of 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"] }]
|
|
78
|
+
], 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"] }]
|
|
82
79
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { onToggleSideNav: [{
|
|
83
80
|
type: Output
|
|
84
|
-
}],
|
|
85
|
-
type: Input
|
|
86
|
-
}], bgColor: [{
|
|
87
|
-
type: Input
|
|
88
|
-
}], imgSm: [{
|
|
89
|
-
type: Input
|
|
90
|
-
}], imgLg: [{
|
|
81
|
+
}], sidenavData: [{
|
|
91
82
|
type: Input
|
|
92
83
|
}], onResize: [{
|
|
93
84
|
type: HostListener,
|
|
94
85
|
args: ['window:resize', ['$event']]
|
|
95
86
|
}] } });
|
|
96
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNyRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQVUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUU3RixPQUFPLEVBQUUsU0FBUyxFQUFlLE1BQU0sVUFBVSxDQUFDO0FBQ2xELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUM7Ozs7OztBQTBCeEMsTUFBTSxPQUFPLGdCQUFnQjtJQVMzQixRQUFRLENBQUMsS0FBVTtRQUNqQixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUM7UUFDckMsSUFBRyxJQUFJLENBQUMsV0FBVyxJQUFJLEdBQUcsRUFBRztZQUMzQixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztZQUN2QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxFQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFDLENBQUMsQ0FBQztTQUN2RjtJQUNILENBQUM7SUFFRCxZQUFtQixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQWZ2QixvQkFBZSxHQUFnQyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzVFLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsZ0JBQVcsR0FBRyxDQUFDLENBQUM7UUFFaEIsYUFBUSxHQUFZLEtBQUssQ0FBQztJQVdVLENBQUM7SUFFckMsUUFBUTtRQUNKLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUNyQyxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sR0FBRyxVQUFVLENBQUM7SUFDMUMsQ0FBQztJQUVELGNBQWM7UUFDWixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztRQUNqQyxJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxFQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFDLENBQUMsQ0FBQztJQUN4RixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUMsQ0FBQyxDQUFDO0lBQ3hGLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBaUI7UUFDM0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN2QixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQTtJQUNoQyxDQUFDO0lBRUQsY0FBYyxDQUFDLElBQWlCO1FBQzlCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDbEUsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFpQjtRQUMzQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixLQUFJLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxXQUFXLENBQUMsT0FBTyxFQUFFO2dCQUM3QyxJQUFJLElBQUksS0FBSyxTQUFTLElBQUksU0FBUyxDQUFDLFFBQVEsRUFBRTtvQkFDNUMsU0FBUyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7aUJBQzVCO2FBQ0Y7U0FDRjtJQUNILENBQUM7OzZHQW5EVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQiwwTUM5QjdCLGlKQUdBLCtoQkRhYztRQUNWLFNBQVM7UUFDVCxPQUFPLENBQUMsUUFBUSxFQUFFO1lBQ2hCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0JBQ25CLE9BQU8sQ0FBQyxRQUFRLEVBQ2QsU0FBUyxDQUFDO29CQUNSLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBQyxDQUFDO29CQUMvQyxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUMsQ0FBQztpQkFDakQsQ0FBQyxDQUNIO2FBQ0YsQ0FBQztTQUNILENBQUM7S0FDSDsyRkFFVSxnQkFBZ0I7a0JBbEI1QixTQUFTOytCQUNFLGFBQWEsY0FHWDt3QkFDVixTQUFTO3dCQUNULE9BQU8sQ0FBQyxRQUFRLEVBQUU7NEJBQ2hCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLE9BQU8sQ0FBQyxRQUFRLEVBQ2QsU0FBUyxDQUFDO29DQUNSLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBQyxDQUFDO29DQUMvQyxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUMsQ0FBQztpQ0FDakQsQ0FBQyxDQUNIOzZCQUNGLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDs2RkFJUyxlQUFlO3NCQUF4QixNQUFNO2dCQUdFLFdBQVc7c0JBQW5CLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxZQUFZO3VCQUFDLGVBQWUsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIGtleWZyYW1lcywgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXIgfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25Jbml0LCBIb3N0TGlzdGVuZXIsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7IGZhZGVJbk91dCwgSU5hdmJhckRhdGEgfSBmcm9tICcuL2hlbHBlcic7XHJcbmltcG9ydCB7IG5hdmJhckRhdGEgfSBmcm9tICcuL25hdi1kYXRhJztcclxuaW1wb3J0IHtTaWRlbmF2RGF0YX0gZnJvbSBcIi4vc2lkZW5hdi1kYXRhXCI7XHJcblxyXG5pbnRlcmZhY2UgU2lkZU5hdlRvZ2dsZSB7XHJcbiAgc2NyZWVuV2lkdGg6IG51bWJlcjtcclxuICBjb2xsYXBzZWQ6IGJvb2xlYW47XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXNpZGVuYXYnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlbmF2LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zaWRlbmF2LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgZmFkZUluT3V0LFxyXG4gICAgdHJpZ2dlcigncm90YXRlJywgW1xyXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXHJcbiAgICAgICAgYW5pbWF0ZSgnMTAwMG1zJyxcclxuICAgICAgICAgIGtleWZyYW1lcyhbXHJcbiAgICAgICAgICAgIHN0eWxlKHt0cmFuc2Zvcm06ICdyb3RhdGUoMGRlZyknLCBvZmZzZXQ6ICcwJ30pLFxyXG4gICAgICAgICAgICBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDJ0dXJuKScsIG9mZnNldDogJzEnfSlcclxuICAgICAgICAgIF0pXHJcbiAgICAgICAgKVxyXG4gICAgICBdKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlbmF2Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQE91dHB1dCgpIG9uVG9nZ2xlU2lkZU5hdjogRXZlbnRFbWl0dGVyPFNpZGVOYXZUb2dnbGU+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIGNvbGxhcHNlZCA9IGZhbHNlO1xyXG4gIHNjcmVlbldpZHRoID0gMDtcclxuICBASW5wdXQoKSBzaWRlbmF2RGF0YTogU2lkZW5hdkRhdGE7XHJcbiAgbXVsdGlwbGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScsIFsnJGV2ZW50J10pXHJcbiAgb25SZXNpemUoZXZlbnQ6IGFueSkge1xyXG4gICAgdGhpcy5zY3JlZW5XaWR0aCA9IHdpbmRvdy5pbm5lcldpZHRoO1xyXG4gICAgaWYodGhpcy5zY3JlZW5XaWR0aCA8PSA3NjggKSB7XHJcbiAgICAgIHRoaXMuY29sbGFwc2VkID0gZmFsc2U7XHJcbiAgICAgIHRoaXMub25Ub2dnbGVTaWRlTmF2LmVtaXQoe2NvbGxhcHNlZDogdGhpcy5jb2xsYXBzZWQsIHNjcmVlbldpZHRoOiB0aGlzLnNjcmVlbldpZHRofSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcm91dGVyOiBSb3V0ZXIpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICB0aGlzLnNjcmVlbldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XHJcbiAgICAgIHRoaXMuc2lkZW5hdkRhdGEubmF2RGF0YSA9IG5hdmJhckRhdGE7XHJcbiAgfVxyXG5cclxuICB0b2dnbGVDb2xsYXBzZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuY29sbGFwc2VkID0gIXRoaXMuY29sbGFwc2VkO1xyXG4gICAgdGhpcy5vblRvZ2dsZVNpZGVOYXYuZW1pdCh7Y29sbGFwc2VkOiB0aGlzLmNvbGxhcHNlZCwgc2NyZWVuV2lkdGg6IHRoaXMuc2NyZWVuV2lkdGh9KTtcclxuICB9XHJcblxyXG4gIGNsb3NlU2lkZW5hdigpOiB2b2lkIHtcclxuICAgIHRoaXMuY29sbGFwc2VkID0gZmFsc2U7XHJcbiAgICB0aGlzLm9uVG9nZ2xlU2lkZU5hdi5lbWl0KHtjb2xsYXBzZWQ6IHRoaXMuY29sbGFwc2VkLCBzY3JlZW5XaWR0aDogdGhpcy5zY3JlZW5XaWR0aH0pO1xyXG4gIH1cclxuXHJcbiAgaGFuZGxlQ2xpY2soaXRlbTogSU5hdmJhckRhdGEpOiB2b2lkIHtcclxuICAgIHRoaXMuc2hyaW5rSXRlbXMoaXRlbSk7XHJcbiAgICBpdGVtLmV4cGFuZGVkID0gIWl0ZW0uZXhwYW5kZWRcclxuICB9XHJcblxyXG4gIGdldEFjdGl2ZUNsYXNzKGRhdGE6IElOYXZiYXJEYXRhKTogc3RyaW5nIHtcclxuICAgIHJldHVybiB0aGlzLnJvdXRlci51cmwuaW5jbHVkZXMoZGF0YS5yb3V0ZUxpbmspID8gJ2FjdGl2ZScgOiAnJztcclxuICB9XHJcblxyXG4gIHNocmlua0l0ZW1zKGl0ZW06IElOYXZiYXJEYXRhKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMubXVsdGlwbGUpIHtcclxuICAgICAgZm9yKGxldCBtb2RlbEl0ZW0gb2YgdGhpcy5zaWRlbmF2RGF0YS5uYXZEYXRhKSB7XHJcbiAgICAgICAgaWYgKGl0ZW0gIT09IG1vZGVsSXRlbSAmJiBtb2RlbEl0ZW0uZXhwYW5kZWQpIHtcclxuICAgICAgICAgIG1vZGVsSXRlbS5leHBhbmRlZCA9IGZhbHNlO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG5cclxuXHJcblxyXG5cclxuIiwiPG1hdC1uYXYtbGlzdD5cclxuICA8YXBwLW1lbnUtbGlzdC1pdGVtICpuZ0Zvcj1cImxldCBpdGVtIG9mIHNpZGVuYXZEYXRhLm5hdkRhdGFcIiBbaXRlbV09XCJpdGVtXCI+PC9hcHAtbWVudS1saXN0LWl0ZW0+XHJcbjwvbWF0LW5hdi1saXN0PlxyXG4iXX0=
|
|
@@ -36,8 +36,8 @@ export class SublevelMenuComponent {
|
|
|
36
36
|
: '';
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
SublevelMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
40
|
-
SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
39
|
+
SublevelMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SublevelMenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
40
|
+
SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: { data: "data", collapsed: "collapsed", animating: "animating", expanded: "expanded", multiple: "multiple" }, ngImport: i0, template: `
|
|
41
41
|
<ul *ngIf="collapsed && data.items && data.items.length > 0"
|
|
42
42
|
[@submenu]="expanded
|
|
43
43
|
? {value: 'visible',
|
|
@@ -94,7 +94,7 @@ SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
94
94
|
transition('void => *', animate(0))
|
|
95
95
|
])
|
|
96
96
|
] });
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SublevelMenuComponent, decorators: [{
|
|
98
98
|
type: Component,
|
|
99
99
|
args: [{ selector: 'app-sublevel-menu', template: `
|
|
100
100
|
<ul *ngIf="collapsed && data.items && data.items.length > 0"
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export class ToolbarData {
|
|
2
|
+
}
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NpZGVuYXYvdG9vbGJhci1kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxXQUFXO0NBT3ZCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNsYXNzIFRvb2xiYXJEYXRhIHtcclxuICB0aGVtZU9wdGlvbnM6IHsgIG5hbWU6c3RyaW5nOyB2YWx1ZTpzdHJpbmc7IGNoZWNrZWQ6Ym9vbGVhbjsgfVtdXHJcbiAgYmdDb2xvcjpzdHJpbmc7XHJcbiAgaW1nOnN0cmluZztcclxuICBwcm9maWxlQ29udGVudDogc3RyaW5nO1xyXG4gIGlzVGhlbWVDb2xsYXBzZWQ6IGJvb2xlYW47XHJcbiAgcHJvZmlsZVZpZXc6IGJvb2xlYW47XHJcbn1cclxuIl19
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class NoftificationListComponent {
|
|
4
|
+
constructor() { }
|
|
5
|
+
ngOnInit() {
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
NoftificationListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NoftificationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
+
NoftificationListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NoftificationListComponent, selector: "app-noftification-list", ngImport: i0, template: "<div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n <div class=\"notifications-title\" fxFlex=\"100\">\r\n <span class=\"title mat-h3\">Notifications</span>\r\n </div>\r\n <div class=\"notifications-list-item\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n <span class=\"item-title mat-h4\" fxFlex=\"100\">David James</span>\r\n <span class=\"item-description mat-h5\" fxFlex=\"100\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-list-item\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n <span class=\"item-title mat-h4\" fxFlex=\"100\">David James</span>\r\n <span class=\"item-description mat-h5\" fxFlex=\"100\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-title\" fxFlex=\"100\">\r\n <span class=\"see-all mat-h4\">See all</span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:450px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:center;padding:20px 10px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}\n"] });
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NoftificationListComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'app-noftification-list', template: "<div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n <div class=\"notifications-title\" fxFlex=\"100\">\r\n <span class=\"title mat-h3\">Notifications</span>\r\n </div>\r\n <div class=\"notifications-list-item\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n <span class=\"item-title mat-h4\" fxFlex=\"100\">David James</span>\r\n <span class=\"item-description mat-h5\" fxFlex=\"100\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-list-item\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n <span class=\"item-title mat-h4\" fxFlex=\"100\">David James</span>\r\n <span class=\"item-description mat-h5\" fxFlex=\"100\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-title\" fxFlex=\"100\">\r\n <span class=\"see-all mat-h4\">See all</span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:450px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:center;padding:20px 10px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}\n"] }]
|
|
13
|
+
}], ctorParameters: function () { return []; } });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi90b29sYmFyL25vZnRpZmljYXRpb24tbGlzdC9ub2Z0aWZpY2F0aW9uLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3Rvb2xiYXIvbm9mdGlmaWNhdGlvbi1saXN0L25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU9sRCxNQUFNLE9BQU8sMEJBQTBCO0lBRXJDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzt1SEFMVSwwQkFBMEI7MkdBQTFCLDBCQUEwQiw4RENQdkMsdTlCQWtCQTsyRkRYYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0Usd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW5vZnRpZmljYXRpb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5vZnRpZmljYXRpb25MaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3Qtd3JhcHBlclwiIGZ4TGF5b3V0PVwicm93IHdyYXBcIj5cclxuICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9ucy1saXN0XCIgZnhMYXlvdXQ9XCJyb3cgd3JhcFwiIGZ4RmxleD1cIjEwMFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtdGl0bGVcIiBmeEZsZXg9XCIxMDBcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZSBtYXQtaDNcIj5Ob3RpZmljYXRpb25zPC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9ucy1saXN0LWl0ZW1cIiBmeExheW91dD1cInJvdyB3cmFwXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS10aXRsZSBtYXQtaDRcIiBmeEZsZXg9XCIxMDBcIj5EYXZpZCBKYW1lczwvc3Bhbj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLWRlc2NyaXB0aW9uIG1hdC1oNVwiIGZ4RmxleD1cIjEwMFwiPkEgbm90aWZpY2F0aW9uIGJveCBzaG93IG1lc3NhZ2U8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3QtaXRlbVwiIGZ4TGF5b3V0PVwicm93IHdyYXBcIiBmeEZsZXg9XCIxMDBcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLXRpdGxlIG1hdC1oNFwiIGZ4RmxleD1cIjEwMFwiPkRhdmlkIEphbWVzPC9zcGFuPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cIml0ZW0tZGVzY3JpcHRpb24gbWF0LWg1XCIgZnhGbGV4PVwiMTAwXCI+QSBub3RpZmljYXRpb24gYm94IHNob3cgbWVzc2FnZTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtdGl0bGVcIiBmeEZsZXg9XCIxMDBcIj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJzZWUtYWxsIG1hdC1oNFwiPlNlZSBhbGw8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -3,21 +3,50 @@ import { fadeInOut } from '../sidenav/helper';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../sgh-navbar.service";
|
|
5
5
|
import * as i2 from "@angular/common";
|
|
6
|
-
import * as i3 from "@angular/
|
|
6
|
+
import * as i3 from "@angular/material/list";
|
|
7
7
|
import * as i4 from "@angular/material/icon";
|
|
8
8
|
import * as i5 from "@angular/material/toolbar";
|
|
9
9
|
import * as i6 from "@angular/material/button";
|
|
10
10
|
import * as i7 from "@angular/material/input";
|
|
11
11
|
import * as i8 from "@angular/material/form-field";
|
|
12
|
+
import * as i9 from "./noftification-list/noftification-list.component";
|
|
12
13
|
export class ToolbarComponent {
|
|
13
14
|
constructor(navService) {
|
|
14
15
|
this.navService = navService;
|
|
15
16
|
this.showNotificationList = false;
|
|
16
|
-
this.bgColor = 'primary';
|
|
17
|
-
this.img = "assets/images/Synergen_Logo-new.svgo";
|
|
18
17
|
}
|
|
19
18
|
ngOnInit() {
|
|
20
19
|
this.navService.appDrawer = this.sidenav;
|
|
20
|
+
this.toolbarData.themeOptions = [{
|
|
21
|
+
name: 'Sgh-default-theme',
|
|
22
|
+
value: 'sgh-default-theme',
|
|
23
|
+
checked: true
|
|
24
|
+
}, {
|
|
25
|
+
name: 'Sgh-light-theme',
|
|
26
|
+
value: 'sgh-light-theme',
|
|
27
|
+
checked: false
|
|
28
|
+
}, {
|
|
29
|
+
name: 'Sgh-blue-theme',
|
|
30
|
+
value: 'sgh-blue-theme',
|
|
31
|
+
checked: false
|
|
32
|
+
}];
|
|
33
|
+
this.toolbarData.profileContent = '<div>\n' +
|
|
34
|
+
'<mat-list class="profile-view-wrapper">\n' +
|
|
35
|
+
' <mat-list-item >\n' +
|
|
36
|
+
' <button mat-button >\n' +
|
|
37
|
+
' <mat-icon matListItemIcon>person_outline</mat-icon>\n' +
|
|
38
|
+
'<div>Profile View</div>\n' +
|
|
39
|
+
'</button>\n' +
|
|
40
|
+
'</mat-list-item>\n' +
|
|
41
|
+
'<mat-divider></mat-divider>\n' +
|
|
42
|
+
'<mat-list-item >\n' +
|
|
43
|
+
'<button mat-button [routerLink]="logOutUrl">\n' +
|
|
44
|
+
' <mat-icon matListItemIcon>power_settings_new</mat-icon>\n' +
|
|
45
|
+
'<div>Log Out</div>\n' +
|
|
46
|
+
'</button>\n' +
|
|
47
|
+
'</mat-list-item>\n' +
|
|
48
|
+
'</mat-list>\n' +
|
|
49
|
+
'</div>';
|
|
21
50
|
}
|
|
22
51
|
toggleNotificationList() {
|
|
23
52
|
this.showNotificationList = !this.showNotificationList;
|
|
@@ -25,19 +54,28 @@ export class ToolbarComponent {
|
|
|
25
54
|
closeNotificationList() {
|
|
26
55
|
this.showNotificationList = false;
|
|
27
56
|
}
|
|
57
|
+
setClass(selected) {
|
|
58
|
+
window.document.body.classList.remove(this.prev);
|
|
59
|
+
window.document.body.classList.add(selected);
|
|
60
|
+
this.prev = selected;
|
|
61
|
+
}
|
|
62
|
+
clickTheme() {
|
|
63
|
+
this.isThemeCollapsed = !this.toolbarData.isThemeCollapsed;
|
|
64
|
+
}
|
|
65
|
+
clickProfile() {
|
|
66
|
+
this.profileView = !this.toolbarData.profileView;
|
|
67
|
+
}
|
|
28
68
|
}
|
|
29
|
-
ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.
|
|
30
|
-
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.
|
|
69
|
+
ToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.SghNavbarService }], target: i0.ɵɵFactoryTarget.Component });
|
|
70
|
+
ToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ToolbarComponent, selector: "app-toolbar", inputs: { toolbarData: "toolbarData" }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["drawer"], descendants: true }, { propertyName: "topbar", first: true, predicate: ToolbarComponent, descendants: true }], ngImport: i0, template: "<mat-toolbar [style.background-color]=\"toolbarData.bgColor\" class=\"mat-elevation-z1\">\r\n <div class=\"first-wrapper\">\r\n <div class=\"tool-bar-lft\">\r\n <div class=\"image-wrapper\">\r\n <img class=\"logo\" src=\"{{toolbarData.img}}\" />\r\n </div>\r\n <div>\r\n <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Search</mat-label>\r\n <input matInput>\r\n </mat-form-field>\r\n <button mat-icon-button class=\"main-search-btn\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <span fxFlex></span>\r\n <div class=\"icon-tray\">\r\n\r\n <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n </button>\r\n <button mat-icon-button (click)=\"clickProfile()\">\r\n <mat-icon>person</mat-icon>\r\n </button>\r\n\r\n <button class=\"settings_icons\" mat-icon-button (click)=\"clickTheme()\">\r\n <mat-icon>settings</mat-icon>\r\n </button>\r\n </div>\r\n</mat-toolbar>\r\n\r\n<div *ngIf=\"profileView\" class=\"notifications\">\r\n <div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n <div class=\"notifications-title\" fxFlex=\"100\">\r\n {{toolbarData.profileContent}}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n<div *ngIf=\"isThemeCollapsed\" class=\"notifications\" id=\"box\">\r\n <div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n <div class=\"notifications-title\" fxFlex=\"100\">\r\n <mat-selection-list color=\"primary\" #shoes [multiple]=\"false\" (click)=\"setClass(shoes.selectedOptions.selected[0]?.value)\">\r\n <mat-list-option [selected]=\"shoe.checked\" value=\"{{shoe.value}}\" *ngFor=\"let shoe of toolbarData.themeOptions\">\r\n {{shoe.name}}\r\n </mat-list-option>\r\n </mat-selection-list>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n\r\n</div>\r\n<app-noftification-list *ngIf=\"showNotificationList\"></app-noftification-list>\r\n", styles: [".mat-toolbar{display:flex;justify-content:space-between;background-size:730px;background-position:0 -85px;position:relative;color:#006068;background-image:url(lib/assets/images/Synergen_Logo-Large2.png)!important;background-repeat:repeat-x!important;box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;z-index:2}.mat-toolbar .mat-mdc-form-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field{background:transparent!important;padding:0!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-floating-label{color:#006068!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field--filled .mdc-line-ripple:after{border-bottom-color:var(--mdc-theme-primary, #006068)!important}.mat-toolbar .first-wrapper{display:flex}.mat-toolbar .first-wrapper .tool-bar-lft{display:flex;align-items:center;width:35%!important;justify-content:space-between}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper{display:contents!important}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper img{width:50%!important}.mat-toolbar .icon-tray .show-dropdown{position:relative}.mat-toolbar .icon-tray .show-dropdown:after{content:\"\";position:absolute;left:11px;top:45px;border-bottom:8px solid white;border-right:8px solid transparent;border-left:8px solid transparent;z-index:3}.mat-toolbar .notification-btn:hover{animation:tada 1.5s ease infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:230px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:left;padding:0 3px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}.profile-view-wrapper .mdc-list-item{padding-left:0!important;padding-right:0!important}.profile-view-wrapper .mat-mdc-button{width:-webkit-fill-available!important;justify-content:flex-start!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i3.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "component", type: i9.NoftificationListComponent, selector: "app-noftification-list" }], animations: [
|
|
31
71
|
fadeInOut
|
|
32
72
|
] });
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ToolbarComponent, decorators: [{
|
|
34
74
|
type: Component,
|
|
35
75
|
args: [{ selector: 'app-toolbar', animations: [
|
|
36
76
|
fadeInOut
|
|
37
|
-
], template: "<mat-toolbar [style.background-color]=\"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=\"{{img}}\" />\r\n </div>\r\n <div>\r\n <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Search</mat-label>\r\n <input matInput>\r\n </mat-form-field>\r\n <button mat-icon-button class=\"main-search-btn\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <span fxFlex></span>\r\n <div class=\"icon-tray\">\r\n\r\n <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n </button>\r\n <button mat-icon-button>\r\n <mat-icon>person</mat-icon>\r\n </button>\r\n <button mat-icon-button
|
|
38
|
-
}], ctorParameters: function () { return [{ type: i1.SghNavbarService }]; }, propDecorators: {
|
|
39
|
-
type: Input
|
|
40
|
-
}], img: [{
|
|
77
|
+
], template: "<mat-toolbar [style.background-color]=\"toolbarData.bgColor\" class=\"mat-elevation-z1\">\r\n <div class=\"first-wrapper\">\r\n <div class=\"tool-bar-lft\">\r\n <div class=\"image-wrapper\">\r\n <img class=\"logo\" src=\"{{toolbarData.img}}\" />\r\n </div>\r\n <div>\r\n <button mat-icon-button id=\"menu\" (click)=\"navService.toggleNav();closeNotificationList()\">\r\n <mat-icon class=\"material-icons-outlined\">menu_open</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"search-wrp\" fxLayout=\"row\" fxLayoutAlign=\"start center\" >\r\n <mat-form-field appearance=\"fill\">\r\n <mat-label>Search</mat-label>\r\n <input matInput>\r\n </mat-form-field>\r\n <button mat-icon-button class=\"main-search-btn\">\r\n <mat-icon>search</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n\r\n <span fxFlex></span>\r\n <div class=\"icon-tray\">\r\n\r\n <button class=\"notification-btn\" [ngClass]=\"{'show-dropdown':showNotificationList}\" mat-icon-button (click)=\"toggleNotificationList()\">\r\n <mat-icon class=\"notifications-alert\">notifications<span class=\"dot\"></span></mat-icon>\r\n </button>\r\n <button mat-icon-button (click)=\"clickProfile()\">\r\n <mat-icon>person</mat-icon>\r\n </button>\r\n\r\n <button class=\"settings_icons\" mat-icon-button (click)=\"clickTheme()\">\r\n <mat-icon>settings</mat-icon>\r\n </button>\r\n </div>\r\n</mat-toolbar>\r\n\r\n<div *ngIf=\"profileView\" class=\"notifications\">\r\n <div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n <div class=\"notifications-title\" fxFlex=\"100\">\r\n {{toolbarData.profileContent}}\r\n </div>\r\n </div>\r\n </div>\r\n\r\n</div>\r\n<div *ngIf=\"isThemeCollapsed\" class=\"notifications\" id=\"box\">\r\n <div class=\"notifications-list-wrapper\" fxLayout=\"row wrap\">\r\n <div class=\"notifications-list\" fxLayout=\"row wrap\" fxFlex=\"100\">\r\n <div class=\"notifications-title\" fxFlex=\"100\">\r\n <mat-selection-list color=\"primary\" #shoes [multiple]=\"false\" (click)=\"setClass(shoes.selectedOptions.selected[0]?.value)\">\r\n <mat-list-option [selected]=\"shoe.checked\" value=\"{{shoe.value}}\" *ngFor=\"let shoe of toolbarData.themeOptions\">\r\n {{shoe.name}}\r\n </mat-list-option>\r\n </mat-selection-list>\r\n </div>\r\n\r\n </div>\r\n </div>\r\n\r\n</div>\r\n<app-noftification-list *ngIf=\"showNotificationList\"></app-noftification-list>\r\n", styles: [".mat-toolbar{display:flex;justify-content:space-between;background-size:730px;background-position:0 -85px;position:relative;color:#006068;background-image:url(lib/assets/images/Synergen_Logo-Large2.png)!important;background-repeat:repeat-x!important;box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;z-index:2}.mat-toolbar .mat-mdc-form-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field{background:transparent!important;padding:0!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field :hover{background:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mat-mdc-form-field-focus-overlay{background-color:transparent!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-floating-label{color:#006068!important}.mat-toolbar .mat-mdc-form-field ::ng-deep .mdc-text-field--filled .mdc-line-ripple:after{border-bottom-color:var(--mdc-theme-primary, #006068)!important}.mat-toolbar .first-wrapper{display:flex}.mat-toolbar .first-wrapper .tool-bar-lft{display:flex;align-items:center;width:35%!important;justify-content:space-between}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper{display:contents!important}.mat-toolbar .first-wrapper .tool-bar-lft .image-wrapper img{width:50%!important}.mat-toolbar .icon-tray .show-dropdown{position:relative}.mat-toolbar .icon-tray .show-dropdown:after{content:\"\";position:absolute;left:11px;top:45px;border-bottom:8px solid white;border-right:8px solid transparent;border-left:8px solid transparent;z-index:3}.mat-toolbar .notification-btn:hover{animation:tada 1.5s ease infinite}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:230px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:left;padding:0 3px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}.profile-view-wrapper .mdc-list-item{padding-left:0!important;padding-right:0!important}.profile-view-wrapper .mat-mdc-button{width:-webkit-fill-available!important;justify-content:flex-start!important}\n"] }]
|
|
78
|
+
}], ctorParameters: function () { return [{ type: i1.SghNavbarService }]; }, propDecorators: { toolbarData: [{
|
|
41
79
|
type: Input
|
|
42
80
|
}], sidenav: [{
|
|
43
81
|
type: ViewChild,
|
|
@@ -46,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImpor
|
|
|
46
84
|
type: ViewChild,
|
|
47
85
|
args: [ToolbarComponent]
|
|
48
86
|
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvdG9vbGJhci90b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi90b29sYmFyL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7Ozs7Ozs7QUFhOUMsTUFBTSxPQUFPLGdCQUFnQjtJQVMzQixZQUFtQixVQUE0QjtRQUE1QixlQUFVLEdBQVYsVUFBVSxDQUFrQjtRQUovQyx5QkFBb0IsR0FBRyxLQUFLLENBQUM7SUFJc0IsQ0FBQztJQUVwRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUN6QyxJQUFJLENBQUMsV0FBVyxDQUFDLFlBQVksR0FBRyxDQUFDO2dCQUMvQixJQUFJLEVBQUUsbUJBQW1CO2dCQUN6QixLQUFLLEVBQUUsbUJBQW1CO2dCQUMxQixPQUFPLEVBQUUsSUFBSTthQUNkLEVBQUU7Z0JBQ0QsSUFBSSxFQUFFLGlCQUFpQjtnQkFDdkIsS0FBSyxFQUFFLGlCQUFpQjtnQkFDeEIsT0FBTyxFQUFFLEtBQUs7YUFDZixFQUFFO2dCQUNELElBQUksRUFBRSxnQkFBZ0I7Z0JBQ3RCLEtBQUssRUFBRSxnQkFBZ0I7Z0JBQ3ZCLE9BQU8sRUFBRSxLQUFLO2FBQ2YsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFdBQVcsQ0FBQyxjQUFjLEdBQUcsU0FBUztZQUN6QywyQ0FBMkM7WUFDM0MseUJBQXlCO1lBQ3pCLDZCQUE2QjtZQUM3QiwyREFBMkQ7WUFDM0QsMkJBQTJCO1lBQzNCLGFBQWE7WUFDYixvQkFBb0I7WUFDcEIsK0JBQStCO1lBQy9CLG9CQUFvQjtZQUNwQixpREFBaUQ7WUFDakQsK0RBQStEO1lBQy9ELHNCQUFzQjtZQUN0QixhQUFhO1lBQ2Isb0JBQW9CO1lBQ3BCLGVBQWU7WUFDZixRQUFRLENBQUM7SUFDYixDQUFDO0lBRUQsc0JBQXNCO1FBQ3BCLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztJQUN6RCxDQUFDO0lBQ0QscUJBQXFCO1FBQ25CLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxLQUFLLENBQUM7SUFDcEMsQ0FBQztJQUNELFFBQVEsQ0FBQyxRQUFhO1FBQ3BCLE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2pELE1BQU0sQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDN0MsSUFBSSxDQUFDLElBQUksR0FBRyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLGdCQUFnQixDQUFDO0lBQzdELENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLFdBQVcsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsV0FBVyxDQUFDO0lBQ25ELENBQUM7OzZHQS9EVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQix1TkFJaEIsZ0JBQWdCLGdEQ2xCN0IsdW5GQWlFQSwyMEpEdkRjO1FBQ1YsU0FBUztLQUNWOzJGQUVVLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxhQUFhLGNBR1g7d0JBQ1YsU0FBUztxQkFDVjt1R0FJUSxXQUFXO3NCQUFuQixLQUFLO2dCQUNlLE9BQU87c0JBQTNCLFNBQVM7dUJBQUMsUUFBUTtnQkFDVSxNQUFNO3NCQUFsQyxTQUFTO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgZmFkZUluT3V0IH0gZnJvbSAnLi4vc2lkZW5hdi9oZWxwZXInO1xyXG5pbXBvcnQge01hdERyYXdlcn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3NpZGVuYXZcIjtcclxuaW1wb3J0IHtTZ2hOYXZiYXJTZXJ2aWNlfSBmcm9tIFwiLi4vc2doLW5hdmJhci5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7VG9vbGJhckRhdGF9IGZyb20gXCIuLi9zaWRlbmF2L3Rvb2xiYXItZGF0YVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtdG9vbGJhcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3Rvb2xiYXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3Rvb2xiYXIuY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICBmYWRlSW5PdXRcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUb29sYmFyQ29tcG9uZW50IHtcclxuICBwcmV2OmFueTtcclxuICBASW5wdXQoKSB0b29sYmFyRGF0YTogVG9vbGJhckRhdGE7XHJcbiAgQFZpZXdDaGlsZCgnZHJhd2VyJykgc2lkZW5hdjogTWF0RHJhd2VyO1xyXG4gIEBWaWV3Q2hpbGQoVG9vbGJhckNvbXBvbmVudCkgdG9wYmFyOiBUb29sYmFyQ29tcG9uZW50O1xyXG4gIHNob3dOb3RpZmljYXRpb25MaXN0ID0gZmFsc2U7XHJcbiAgcHJvZmlsZVZpZXc6IGJvb2xlYW47XHJcbiAgaXNUaGVtZUNvbGxhcHNlZDogYm9vbGVhbjtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIG5hdlNlcnZpY2U6IFNnaE5hdmJhclNlcnZpY2UpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMubmF2U2VydmljZS5hcHBEcmF3ZXIgPSB0aGlzLnNpZGVuYXY7XHJcbiAgICB0aGlzLnRvb2xiYXJEYXRhLnRoZW1lT3B0aW9ucyA9IFt7XHJcbiAgICAgIG5hbWU6ICdTZ2gtZGVmYXVsdC10aGVtZScsXHJcbiAgICAgIHZhbHVlOiAnc2doLWRlZmF1bHQtdGhlbWUnLFxyXG4gICAgICBjaGVja2VkOiB0cnVlXHJcbiAgICB9LCB7XHJcbiAgICAgIG5hbWU6ICdTZ2gtbGlnaHQtdGhlbWUnLFxyXG4gICAgICB2YWx1ZTogJ3NnaC1saWdodC10aGVtZScsXHJcbiAgICAgIGNoZWNrZWQ6IGZhbHNlXHJcbiAgICB9LCB7XHJcbiAgICAgIG5hbWU6ICdTZ2gtYmx1ZS10aGVtZScsXHJcbiAgICAgIHZhbHVlOiAnc2doLWJsdWUtdGhlbWUnLFxyXG4gICAgICBjaGVja2VkOiBmYWxzZVxyXG4gICAgfV07XHJcbiAgICB0aGlzLnRvb2xiYXJEYXRhLnByb2ZpbGVDb250ZW50ID0gJzxkaXY+XFxuJyArXHJcbiAgICAgICc8bWF0LWxpc3QgY2xhc3M9XCJwcm9maWxlLXZpZXctd3JhcHBlclwiPlxcbicgK1xyXG4gICAgICAnICAgIDxtYXQtbGlzdC1pdGVtICA+XFxuJyArXHJcbiAgICAgICcgICAgPGJ1dHRvbiAgbWF0LWJ1dHRvbiA+XFxuJyArXHJcbiAgICAgICcgICAgPG1hdC1pY29uIG1hdExpc3RJdGVtSWNvbj5wZXJzb25fb3V0bGluZTwvbWF0LWljb24+XFxuJyArXHJcbiAgICAgICc8ZGl2PlByb2ZpbGUgVmlldzwvZGl2PlxcbicgK1xyXG4gICAgICAnPC9idXR0b24+XFxuJyArXHJcbiAgICAgICc8L21hdC1saXN0LWl0ZW0+XFxuJyArXHJcbiAgICAgICc8bWF0LWRpdmlkZXI+PC9tYXQtZGl2aWRlcj5cXG4nICtcclxuICAgICAgJzxtYXQtbGlzdC1pdGVtID5cXG4nICtcclxuICAgICAgJzxidXR0b24gIG1hdC1idXR0b24gW3JvdXRlckxpbmtdPVwibG9nT3V0VXJsXCI+XFxuJyArXHJcbiAgICAgICcgICAgPG1hdC1pY29uIG1hdExpc3RJdGVtSWNvbj5wb3dlcl9zZXR0aW5nc19uZXc8L21hdC1pY29uPlxcbicgK1xyXG4gICAgICAnPGRpdj5Mb2cgT3V0PC9kaXY+XFxuJyArXHJcbiAgICAgICc8L2J1dHRvbj5cXG4nICtcclxuICAgICAgJzwvbWF0LWxpc3QtaXRlbT5cXG4nICtcclxuICAgICAgJzwvbWF0LWxpc3Q+XFxuJyArXHJcbiAgICAgICc8L2Rpdj4nO1xyXG4gIH1cclxuXHJcbiAgdG9nZ2xlTm90aWZpY2F0aW9uTGlzdCgpIHtcclxuICAgIHRoaXMuc2hvd05vdGlmaWNhdGlvbkxpc3QgPSAhdGhpcy5zaG93Tm90aWZpY2F0aW9uTGlzdDtcclxuICB9XHJcbiAgY2xvc2VOb3RpZmljYXRpb25MaXN0KCkge1xyXG4gICAgdGhpcy5zaG93Tm90aWZpY2F0aW9uTGlzdCA9IGZhbHNlO1xyXG4gIH1cclxuICBzZXRDbGFzcyhzZWxlY3RlZDogYW55KSB7XHJcbiAgICB3aW5kb3cuZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QucmVtb3ZlKHRoaXMucHJldik7XHJcbiAgICB3aW5kb3cuZG9jdW1lbnQuYm9keS5jbGFzc0xpc3QuYWRkKHNlbGVjdGVkKTtcclxuICAgIHRoaXMucHJldiA9IHNlbGVjdGVkO1xyXG4gIH1cclxuXHJcbiAgY2xpY2tUaGVtZSgpe1xyXG4gICAgdGhpcy5pc1RoZW1lQ29sbGFwc2VkID0gIXRoaXMudG9vbGJhckRhdGEuaXNUaGVtZUNvbGxhcHNlZDtcclxuICB9XHJcblxyXG4gIGNsaWNrUHJvZmlsZSgpe1xyXG4gICAgdGhpcy5wcm9maWxlVmlldyA9ICF0aGlzLnRvb2xiYXJEYXRhLnByb2ZpbGVWaWV3O1xyXG4gIH1cclxufVxyXG4iLCI8bWF0LXRvb2xiYXIgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwidG9vbGJhckRhdGEuYmdDb2xvclwiIGNsYXNzPVwibWF0LWVsZXZhdGlvbi16MVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJmaXJzdC13cmFwcGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwidG9vbC1iYXItbGZ0XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJpbWFnZS13cmFwcGVyXCI+XHJcbiAgICAgICAgPGltZyAgY2xhc3M9XCJsb2dvXCIgc3JjPVwie3t0b29sYmFyRGF0YS5pbWd9fVwiIC8+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2PlxyXG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGlkPVwibWVudVwiIChjbGljayk9XCJuYXZTZXJ2aWNlLnRvZ2dsZU5hdigpO2Nsb3NlTm90aWZpY2F0aW9uTGlzdCgpXCI+XHJcbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJtYXRlcmlhbC1pY29ucy1vdXRsaW5lZFwiPm1lbnVfb3BlbjwvbWF0LWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLXdycFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiID5cclxuICAgICAgPG1hdC1mb3JtLWZpZWxkIGFwcGVhcmFuY2U9XCJmaWxsXCI+XHJcbiAgICAgICAgPG1hdC1sYWJlbD5TZWFyY2g8L21hdC1sYWJlbD5cclxuICAgICAgICA8aW5wdXQgbWF0SW5wdXQ+XHJcbiAgICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwibWFpbi1zZWFyY2gtYnRuXCI+XHJcbiAgICAgICAgPG1hdC1pY29uPnNlYXJjaDwvbWF0LWljb24+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG4gIDxzcGFuIGZ4RmxleD48L3NwYW4+XHJcbiAgPGRpdiBjbGFzcz1cImljb24tdHJheVwiPlxyXG5cclxuICAgIDxidXR0b24gY2xhc3M9XCJub3RpZmljYXRpb24tYnRuXCIgW25nQ2xhc3NdPVwieydzaG93LWRyb3Bkb3duJzpzaG93Tm90aWZpY2F0aW9uTGlzdH1cIiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cInRvZ2dsZU5vdGlmaWNhdGlvbkxpc3QoKVwiPlxyXG4gICAgICA8bWF0LWljb24gY2xhc3M9XCJub3RpZmljYXRpb25zLWFsZXJ0XCI+bm90aWZpY2F0aW9uczxzcGFuIGNsYXNzPVwiZG90XCI+PC9zcGFuPjwvbWF0LWljb24+XHJcbiAgICA8L2J1dHRvbj5cclxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJjbGlja1Byb2ZpbGUoKVwiPlxyXG4gICAgICA8bWF0LWljb24+cGVyc29uPC9tYXQtaWNvbj5cclxuICAgIDwvYnV0dG9uPlxyXG5cclxuICAgIDxidXR0b24gY2xhc3M9XCJzZXR0aW5nc19pY29uc1wiIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiY2xpY2tUaGVtZSgpXCI+XHJcbiAgICAgIDxtYXQtaWNvbj5zZXR0aW5nczwvbWF0LWljb24+XHJcbiAgICA8L2J1dHRvbj5cclxuICA8L2Rpdj5cclxuPC9tYXQtdG9vbGJhcj5cclxuXHJcbjxkaXYgKm5nSWY9XCJwcm9maWxlVmlld1wiIGNsYXNzPVwibm90aWZpY2F0aW9uc1wiPlxyXG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3Qtd3JhcHBlclwiIGZ4TGF5b3V0PVwicm93IHdyYXBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3RcIiBmeExheW91dD1cInJvdyB3cmFwXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLXRpdGxlXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgICAge3t0b29sYmFyRGF0YS5wcm9maWxlQ29udGVudH19XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG48L2Rpdj5cclxuPGRpdiAqbmdJZj1cImlzVGhlbWVDb2xsYXBzZWRcIiBjbGFzcz1cIm5vdGlmaWNhdGlvbnNcIiBpZD1cImJveFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3Qtd3JhcHBlclwiIGZ4TGF5b3V0PVwicm93IHdyYXBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3RcIiBmeExheW91dD1cInJvdyB3cmFwXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLXRpdGxlXCIgZnhGbGV4PVwiMTAwXCI+XHJcbiAgICAgICAgPG1hdC1zZWxlY3Rpb24tbGlzdCBjb2xvcj1cInByaW1hcnlcIiAjc2hvZXMgW211bHRpcGxlXT1cImZhbHNlXCIgKGNsaWNrKT1cInNldENsYXNzKHNob2VzLnNlbGVjdGVkT3B0aW9ucy5zZWxlY3RlZFswXT8udmFsdWUpXCI+XHJcbiAgICAgICAgICA8bWF0LWxpc3Qtb3B0aW9uIFtzZWxlY3RlZF09XCJzaG9lLmNoZWNrZWRcIiAgdmFsdWU9XCJ7e3Nob2UudmFsdWV9fVwiICpuZ0Zvcj1cImxldCBzaG9lIG9mIHRvb2xiYXJEYXRhLnRoZW1lT3B0aW9uc1wiPlxyXG4gICAgICAgICAgICB7e3Nob2UubmFtZX19XHJcbiAgICAgICAgICA8L21hdC1saXN0LW9wdGlvbj5cclxuICAgICAgICA8L21hdC1zZWxlY3Rpb24tbGlzdD5cclxuICAgICAgPC9kaXY+XHJcblxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcblxyXG48L2Rpdj5cclxuPGFwcC1ub2Z0aWZpY2F0aW9uLWxpc3QgKm5nSWY9XCJzaG93Tm90aWZpY2F0aW9uTGlzdFwiPjwvYXBwLW5vZnRpZmljYXRpb24tbGlzdD5cclxuIl19
|