sgh-navbar 0.0.43 → 0.0.50
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 → esm2022}/lib/sgh-navbar.component.mjs +6 -6
- package/{esm2020 → esm2022}/lib/sgh-navbar.module.mjs +27 -27
- package/{esm2020 → esm2022}/lib/sgh-navbar.service.mjs +4 -4
- package/esm2022/lib/sidenav/menu-list-item/menu-list-item.component.mjs +46 -0
- package/esm2022/lib/sidenav/sidenav.component.mjs +112 -0
- package/esm2022/lib/sidenav/sublevel-menu.component.mjs +168 -0
- package/{esm2020 → esm2022}/lib/toolbar/noftification-list/noftification-list.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/toolbar/search.pipe.mjs +4 -4
- package/{esm2020 → esm2022}/lib/toolbar/sub-client-dialog/sub-client-dialog.component.mjs +5 -5
- package/esm2022/lib/toolbar/toolbar.component.mjs +214 -0
- package/{fesm2020 → fesm2022}/sgh-navbar.mjs +120 -120
- package/fesm2022/sgh-navbar.mjs.map +1 -0
- package/lib/sidenav/menu-list-item/menu-list-item.component.d.ts +1 -1
- package/lib/sidenav/sidenav.component.d.ts +1 -1
- package/lib/sidenav/sublevel-menu.component.d.ts +1 -1
- package/lib/toolbar/toolbar.component.d.ts +1 -1
- package/package.json +7 -13
- package/esm2020/lib/sidenav/menu-list-item/menu-list-item.component.mjs +0 -46
- package/esm2020/lib/sidenav/sidenav.component.mjs +0 -112
- package/esm2020/lib/sidenav/sublevel-menu.component.mjs +0 -168
- package/esm2020/lib/toolbar/toolbar.component.mjs +0 -214
- package/fesm2015/sgh-navbar.mjs +0 -837
- package/fesm2015/sgh-navbar.mjs.map +0 -1
- package/fesm2020/sgh-navbar.mjs.map +0 -1
- /package/{esm2020 → esm2022}/lib/sidenav/helper.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/sidenav/nav-data.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/sidenav/sidenav-data.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/toolbar/toolbar-data.mjs +0 -0
- /package/{esm2020 → esm2022}/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/sgh-navbar.mjs +0 -0
|
@@ -4,14 +4,14 @@ export class SghNavbarComponent {
|
|
|
4
4
|
constructor() { }
|
|
5
5
|
ngOnInit() {
|
|
6
6
|
}
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
SghNavbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SghNavbarComponent, selector: "lib-sgh-navbar", ngImport: i0, template: `
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SghNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SghNavbarComponent, selector: "lib-sgh-navbar", ngImport: i0, template: `
|
|
10
9
|
<p>
|
|
11
10
|
sgh-navbar works!
|
|
12
11
|
</p>
|
|
13
|
-
`, isInline: true });
|
|
14
|
-
|
|
12
|
+
`, isInline: true }); }
|
|
13
|
+
}
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SghNavbarComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{ selector: 'lib-sgh-navbar', template: `
|
|
17
17
|
<p>
|
|
@@ -19,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
19
19
|
</p>
|
|
20
20
|
` }]
|
|
21
21
|
}], ctorParameters: function () { return []; } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2doLW5hdmJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2doLW5hdmJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFZbEQsTUFBTSxPQUFPLGtCQUFrQjtJQUU3QixnQkFBZ0IsQ0FBQztJQUVqQixRQUFRO0lBQ1IsQ0FBQzsrR0FMVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixzREFSbkI7Ozs7R0FJVDs7NEZBSVUsa0JBQWtCO2tCQVY5QixTQUFTOytCQUNFLGdCQUFnQixZQUNoQjs7OztHQUlUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLXNnaC1uYXZiYXInLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8cD5cclxuICAgICAgc2doLW5hdmJhciB3b3JrcyFcclxuICAgIDwvcD5cclxuICBgLFxyXG4gIHN0eWxlczogW1xyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNnaE5hdmJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIl19
|
|
@@ -17,33 +17,33 @@ import { MatDialogModule } from "@angular/material/dialog";
|
|
|
17
17
|
import { MatRadioModule } from "@angular/material/radio";
|
|
18
18
|
import * as i0 from "@angular/core";
|
|
19
19
|
export class SghNavbarModule {
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SghNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
21
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SghNavbarModule, declarations: [SghNavbarComponent,
|
|
22
|
+
SublevelMenuComponent,
|
|
23
|
+
SidenavComponent,
|
|
24
|
+
ToolbarComponent,
|
|
25
|
+
MenuListItemComponent,
|
|
26
|
+
NoftificationListComponent,
|
|
27
|
+
SearchPipe,
|
|
28
|
+
SubClientDialogComponent], imports: [CommonModule,
|
|
29
|
+
RouterModule,
|
|
30
|
+
FormsModule,
|
|
31
|
+
MatMenuModule,
|
|
32
|
+
MatRippleModule,
|
|
33
|
+
MatDialogModule,
|
|
34
|
+
MatRadioModule], exports: [SghNavbarComponent,
|
|
35
|
+
SublevelMenuComponent,
|
|
36
|
+
SidenavComponent,
|
|
37
|
+
ToolbarComponent] }); }
|
|
38
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SghNavbarModule, providers: [SghNavbarService], imports: [CommonModule,
|
|
39
|
+
RouterModule,
|
|
40
|
+
FormsModule,
|
|
41
|
+
MatMenuModule,
|
|
42
|
+
MatRippleModule,
|
|
43
|
+
MatDialogModule,
|
|
44
|
+
MatRadioModule] }); }
|
|
20
45
|
}
|
|
21
|
-
|
|
22
|
-
SghNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SghNavbarModule, declarations: [SghNavbarComponent,
|
|
23
|
-
SublevelMenuComponent,
|
|
24
|
-
SidenavComponent,
|
|
25
|
-
ToolbarComponent,
|
|
26
|
-
MenuListItemComponent,
|
|
27
|
-
NoftificationListComponent,
|
|
28
|
-
SearchPipe,
|
|
29
|
-
SubClientDialogComponent], imports: [CommonModule,
|
|
30
|
-
RouterModule,
|
|
31
|
-
FormsModule,
|
|
32
|
-
MatMenuModule,
|
|
33
|
-
MatRippleModule,
|
|
34
|
-
MatDialogModule,
|
|
35
|
-
MatRadioModule], exports: [SghNavbarComponent,
|
|
36
|
-
SublevelMenuComponent,
|
|
37
|
-
SidenavComponent,
|
|
38
|
-
ToolbarComponent] });
|
|
39
|
-
SghNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SghNavbarModule, providers: [SghNavbarService], imports: [CommonModule,
|
|
40
|
-
RouterModule,
|
|
41
|
-
FormsModule,
|
|
42
|
-
MatMenuModule,
|
|
43
|
-
MatRippleModule,
|
|
44
|
-
MatDialogModule,
|
|
45
|
-
MatRadioModule] });
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SghNavbarModule, decorators: [{
|
|
46
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SghNavbarModule, decorators: [{
|
|
47
47
|
type: NgModule,
|
|
48
48
|
args: [{
|
|
49
49
|
declarations: [
|
|
@@ -74,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
74
74
|
providers: [SghNavbarService],
|
|
75
75
|
}]
|
|
76
76
|
}] });
|
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2doLW5hdmJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2doLW5hdmJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2QyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUMxRCxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUN4RSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQUM3RCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSw2QkFBNkIsQ0FBQztBQUM3RCxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFDN0MsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLGlCQUFpQixDQUFDO0FBQzdDLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMzQyxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSxtREFBbUQsQ0FBQztBQUN4RixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUN0RCxPQUFPLEVBQUMsMEJBQTBCLEVBQUMsTUFBTSwyREFBMkQsQ0FBQztBQUNyRyxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDckQsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHVCQUF1QixDQUFDO0FBQ2pELE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUNuRyxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFDLGNBQWMsRUFBQyxNQUFNLHlCQUF5QixDQUFDOztBQThCdkQsTUFBTSxPQUFPLGVBQWU7K0dBQWYsZUFBZTtnSEFBZixlQUFlLGlCQTFCeEIsa0JBQWtCO1lBQ2xCLHFCQUFxQjtZQUNyQixnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBQ2hCLHFCQUFxQjtZQUNyQiwwQkFBMEI7WUFDMUIsVUFBVTtZQUNWLHdCQUF3QixhQUd4QixZQUFZO1lBQ1osWUFBWTtZQUNaLFdBQVc7WUFDWCxhQUFhO1lBQ2IsZUFBZTtZQUNmLGVBQWU7WUFDZixjQUFjLGFBR2Qsa0JBQWtCO1lBQ2xCLHFCQUFxQjtZQUNyQixnQkFBZ0I7WUFDaEIsZ0JBQWdCO2dIQUlQLGVBQWUsYUFGZixDQUFDLGdCQUFnQixDQUFDLFlBZDNCLFlBQVk7WUFDWixZQUFZO1lBQ1osV0FBVztZQUNYLGFBQWE7WUFDYixlQUFlO1lBQ2YsZUFBZTtZQUNmLGNBQWM7OzRGQVVMLGVBQWU7a0JBNUIzQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixrQkFBa0I7d0JBQ2xCLHFCQUFxQjt3QkFDckIsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7d0JBQ2hCLHFCQUFxQjt3QkFDckIsMEJBQTBCO3dCQUMxQixVQUFVO3dCQUNWLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixXQUFXO3dCQUNYLGFBQWE7d0JBQ2IsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGNBQWM7cUJBQ2Y7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGtCQUFrQjt3QkFDbEIscUJBQXFCO3dCQUNyQixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjtxQkFDakI7b0JBQ0QsU0FBUyxFQUFFLENBQUMsZ0JBQWdCLENBQUM7aUJBQzlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtOZ01vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7U2doTmF2YmFyQ29tcG9uZW50fSBmcm9tICcuL3NnaC1uYXZiYXIuY29tcG9uZW50JztcclxuaW1wb3J0IHtTdWJsZXZlbE1lbnVDb21wb25lbnR9IGZyb20gJy4vc2lkZW5hdi9zdWJsZXZlbC1tZW51LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7U2lkZW5hdkNvbXBvbmVudH0gZnJvbSAnLi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50JztcclxuaW1wb3J0IHtUb29sYmFyQ29tcG9uZW50fSBmcm9tICcuL3Rvb2xiYXIvdG9vbGJhci5jb21wb25lbnQnO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtSb3V0ZXJNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7Rm9ybXNNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHtNZW51TGlzdEl0ZW1Db21wb25lbnR9IGZyb20gXCIuL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50XCI7XHJcbmltcG9ydCB7U2doTmF2YmFyU2VydmljZX0gZnJvbSBcIi4vc2doLW5hdmJhci5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7Tm9mdGlmaWNhdGlvbkxpc3RDb21wb25lbnR9IGZyb20gXCIuL3Rvb2xiYXIvbm9mdGlmaWNhdGlvbi1saXN0L25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtNYXRNZW51TW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvbWVudVwiO1xyXG5pbXBvcnQge1NlYXJjaFBpcGV9IGZyb20gXCIuL3Rvb2xiYXIvc2VhcmNoLnBpcGVcIjtcclxuaW1wb3J0IHtNYXRSaXBwbGVNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9jb3JlXCI7XHJcbmltcG9ydCB7IFN1YkNsaWVudERpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vdG9vbGJhci9zdWItY2xpZW50LWRpYWxvZy9zdWItY2xpZW50LWRpYWxvZy5jb21wb25lbnQnO1xyXG5pbXBvcnQge01hdERpYWxvZ01vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RpYWxvZ1wiO1xyXG5pbXBvcnQge01hdFJhZGlvTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvcmFkaW9cIjtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICBTZ2hOYXZiYXJDb21wb25lbnQsXHJcbiAgICBTdWJsZXZlbE1lbnVDb21wb25lbnQsXHJcbiAgICBTaWRlbmF2Q29tcG9uZW50LFxyXG4gICAgVG9vbGJhckNvbXBvbmVudCxcclxuICAgIE1lbnVMaXN0SXRlbUNvbXBvbmVudCxcclxuICAgIE5vZnRpZmljYXRpb25MaXN0Q29tcG9uZW50LFxyXG4gICAgU2VhcmNoUGlwZSxcclxuICAgIFN1YkNsaWVudERpYWxvZ0NvbXBvbmVudFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgUm91dGVyTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBNYXRNZW51TW9kdWxlLFxyXG4gICAgTWF0UmlwcGxlTW9kdWxlLFxyXG4gICAgTWF0RGlhbG9nTW9kdWxlLFxyXG4gICAgTWF0UmFkaW9Nb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFNnaE5hdmJhckNvbXBvbmVudCxcclxuICAgIFN1YmxldmVsTWVudUNvbXBvbmVudCxcclxuICAgIFNpZGVuYXZDb21wb25lbnQsXHJcbiAgICBUb29sYmFyQ29tcG9uZW50XHJcbiAgXSxcclxuICBwcm92aWRlcnM6IFtTZ2hOYXZiYXJTZXJ2aWNlXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNnaE5hdmJhck1vZHVsZSB7XHJcbn1cclxuIl19
|
|
@@ -24,13 +24,13 @@ export class SghNavbarService {
|
|
|
24
24
|
getSubclient() {
|
|
25
25
|
return this.subClient;
|
|
26
26
|
}
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SghNavbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
28
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SghNavbarService, providedIn: 'root' }); }
|
|
27
29
|
}
|
|
28
|
-
|
|
29
|
-
SghNavbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SghNavbarService, providedIn: 'root' });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SghNavbarService, decorators: [{
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SghNavbarService, decorators: [{
|
|
31
31
|
type: Injectable,
|
|
32
32
|
args: [{
|
|
33
33
|
providedIn: 'root'
|
|
34
34
|
}]
|
|
35
35
|
}] });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2doLW5hdmJhci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NnaC1uYXZiYXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxNQUFNLENBQUM7O0FBS3JDLE1BQU0sT0FBTyxnQkFBZ0I7SUFIN0I7UUFLRSxXQUFNLEdBQUcsSUFBSSxlQUFlLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDakMsY0FBUyxHQUFHLElBQUksZUFBZSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0tBd0JyQztJQXZCQyxXQUFXLENBQUMsS0FBYztRQUN4QixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0lBRUQsV0FBVztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDO0lBRUQsU0FBUyxDQUFDLE1BQU07UUFDZCxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsU0FBUztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRUQsWUFBWSxDQUFDLFNBQVM7UUFDcEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELFlBQVk7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQzsrR0ExQlUsZ0JBQWdCO21IQUFoQixnQkFBZ0IsY0FGZixNQUFNOzs0RkFFUCxnQkFBZ0I7a0JBSDVCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0JlaGF2aW9yU3ViamVjdH0gZnJvbSBcInJ4anNcIjtcclxuXHJcbkBJbmplY3RhYmxlKHtcclxuICBwcm92aWRlZEluOiAncm9vdCdcclxufSlcclxuZXhwb3J0IGNsYXNzIFNnaE5hdmJhclNlcnZpY2Uge1xyXG4gIGV4cGFuZGVkOmJvb2xlYW47XHJcbiAgY2xpZW50ID0gbmV3IEJlaGF2aW9yU3ViamVjdCh7fSk7XHJcbiAgc3ViQ2xpZW50ID0gbmV3IEJlaGF2aW9yU3ViamVjdCh7fSk7XHJcbiAgc2V0RXhwYW5kZWQodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIHRoaXMuZXhwYW5kZWQgPSB2YWx1ZTtcclxuICB9XHJcblxyXG4gIGdldEV4cGFuZGVkKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuZXhwYW5kZWQ7XHJcbiAgfVxyXG5cclxuICBzZXRDbGllbnQoY2xpZW50KSB7XHJcbiAgICB0aGlzLmNsaWVudC5uZXh0KGNsaWVudCk7XHJcbiAgfVxyXG5cclxuICBnZXRDbGllbnQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5jbGllbnQ7XHJcbiAgfVxyXG5cclxuICBzZXRTdWJjbGllbnQoc3ViY2xpZW50KSB7XHJcbiAgICB0aGlzLnN1YkNsaWVudC5uZXh0KHN1YmNsaWVudCk7XHJcbiAgfVxyXG5cclxuICBnZXRTdWJjbGllbnQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5zdWJDbGllbnQ7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
+
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/router";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
export class MenuListItemComponent {
|
|
7
|
+
constructor(router) {
|
|
8
|
+
this.router = router;
|
|
9
|
+
// @ts-ignore
|
|
10
|
+
this.ariaExpanded = this.expanded;
|
|
11
|
+
}
|
|
12
|
+
ngOnInit() {
|
|
13
|
+
}
|
|
14
|
+
onItemSelected(item) {
|
|
15
|
+
if (!item.items || !item.items.length) {
|
|
16
|
+
this.router.navigate([item.routeLink]).then();
|
|
17
|
+
}
|
|
18
|
+
if (item.items && item.items.length) {
|
|
19
|
+
item.expanded = !item.expanded;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuListItemComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: { items: "items" }, host: { properties: { "attr.aria-expanded": "this.ariaExpanded" } }, ngImport: i0, template: "<div class=\"sidebar_div\" *ngFor=\"let data of items\">\r\n <a (click)=\"onItemSelected(data)\" class=\"sub-link {{data.customLinkCSS}}\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}} {{data.icon ? '' : 'padding-10'}}\"></i>\r\n <div class=\"text-div\">\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n</div>\r\n", styles: [".padding-10{padding-left:10px}.text-div{text-align:initial;padding-left:10px}.sub-link{padding-left:30px}.sidebar_div{margin:0;padding:0;overflow:auto}.sidebar_div a{color:#005860;padding:10px 13px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;color:#fff;border-radius:13px}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:13px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{width:100%;height:auto;position:relative}.sidebar_div a{float:left;width:-webkit-fill-available}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:13px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#0009;left:0%;top:0;z-index:-1;cursor:default}.text-wrapper{display:flex;align-items:center;margin-left:10px}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute;background:#fff}.sidenav-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: ["items"] }], animations: [
|
|
24
|
+
trigger('indicatorRotate', [
|
|
25
|
+
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
26
|
+
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
27
|
+
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
28
|
+
])
|
|
29
|
+
], encapsulation: i0.ViewEncapsulation.None }); }
|
|
30
|
+
}
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuListItemComponent, decorators: [{
|
|
32
|
+
type: Component,
|
|
33
|
+
args: [{ selector: 'app-menu-list-item', encapsulation: ViewEncapsulation.None, animations: [
|
|
34
|
+
trigger('indicatorRotate', [
|
|
35
|
+
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
36
|
+
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
37
|
+
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
38
|
+
])
|
|
39
|
+
], template: "<div class=\"sidebar_div\" *ngFor=\"let data of items\">\r\n <a (click)=\"onItemSelected(data)\" class=\"sub-link {{data.customLinkCSS}}\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}} {{data.icon ? '' : 'padding-10'}}\"></i>\r\n <div class=\"text-div\">\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n</div>\r\n", styles: [".padding-10{padding-left:10px}.text-div{text-align:initial;padding-left:10px}.sub-link{padding-left:30px}.sidebar_div{margin:0;padding:0;overflow:auto}.sidebar_div a{color:#005860;padding:10px 13px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;color:#fff;border-radius:13px}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:13px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{width:100%;height:auto;position:relative}.sidebar_div a{float:left;width:-webkit-fill-available}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:13px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#0009;left:0%;top:0;z-index:-1;cursor:default}.text-wrapper{display:flex;align-items:center;margin-left:10px}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute;background:#fff}.sidenav-overlay{display:block}}\n"] }]
|
|
40
|
+
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { ariaExpanded: [{
|
|
41
|
+
type: HostBinding,
|
|
42
|
+
args: ['attr.aria-expanded']
|
|
43
|
+
}], items: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}] } });
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBR3ZGLE9BQU8sRUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFpQi9FLE1BQU0sT0FBTyxxQkFBcUI7SUFPaEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFKakMsYUFBYTtRQUNzQixpQkFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7SUFHM0IsQ0FBQztJQUV0QyxRQUFRO0lBQ1IsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFpQjtRQUM5QixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDL0M7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUU7WUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7U0FDaEM7SUFDSCxDQUFDOytHQW5CVSxxQkFBcUI7bUdBQXJCLHFCQUFxQiwySkNwQmxDLHl4QkFpQkEsMGlFREdhLHFCQUFxQixvRUFWcEI7WUFDVixPQUFPLENBQUMsaUJBQWlCLEVBQUU7Z0JBQ3pCLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGNBQWMsRUFBQyxDQUFDLENBQUM7Z0JBQ3RELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGdCQUFnQixFQUFDLENBQUMsQ0FBQztnQkFDdkQsVUFBVSxDQUFDLHdCQUF3QixFQUNqQyxPQUFPLENBQUMsbUNBQW1DLENBQUMsQ0FDN0M7YUFDRixDQUFDO1NBQ0g7OzRGQUVVLHFCQUFxQjtrQkFmakMsU0FBUzsrQkFDRSxvQkFBb0IsaUJBR2hCLGlCQUFpQixDQUFDLElBQUksY0FDeEI7d0JBQ1YsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUN6QixLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUMsQ0FBQyxDQUFDOzRCQUN0RCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxnQkFBZ0IsRUFBQyxDQUFDLENBQUM7NEJBQ3ZELFVBQVUsQ0FBQyx3QkFBd0IsRUFDakMsT0FBTyxDQUFDLG1DQUFtQyxDQUFDLENBQzdDO3lCQUNGLENBQUM7cUJBQ0g7NkZBTWtDLFlBQVk7c0JBQTlDLFdBQVc7dUJBQUMsb0JBQW9CO2dCQUN4QixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtJTmF2YmFyRGF0YX0gZnJvbSAnLi4vaGVscGVyJztcclxuaW1wb3J0IHtSb3V0ZXJ9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7YW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW1lbnUtbGlzdC1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21lbnUtbGlzdC1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjpWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2luZGljYXRvclJvdGF0ZScsIFtcclxuICAgICAgc3RhdGUoJ2NvbGxhcHNlZCcsIHN0eWxlKHt0cmFuc2Zvcm06ICdyb3RhdGUoMGRlZyknfSkpLFxyXG4gICAgICBzdGF0ZSgnZXhwYW5kZWQnLCBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknfSkpLFxyXG4gICAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA8PT4gY29sbGFwc2VkJyxcclxuICAgICAgICBhbmltYXRlKCcyMjVtcyBjdWJpYy1iZXppZXIoMC40LDAuMCwwLjIsMSknKVxyXG4gICAgICApLFxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51TGlzdEl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGV4cGFuZGVkOiBib29sZWFuO1xyXG4gIGV4cGFuZE1lbnU6IGJvb2xlYW47XHJcbiAgLy8gQHRzLWlnbm9yZVxyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWV4cGFuZGVkJykgYXJpYUV4cGFuZGVkID0gdGhpcy5leHBhbmRlZDtcclxuICBASW5wdXQoKSBpdGVtczogYW55O1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcm91dGVyOiBSb3V0ZXIpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIG9uSXRlbVNlbGVjdGVkKGl0ZW06IElOYXZiYXJEYXRhKSB7XHJcbiAgICBpZiAoIWl0ZW0uaXRlbXMgfHwgIWl0ZW0uaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtpdGVtLnJvdXRlTGlua10pLnRoZW4oKTtcclxuICAgIH1cclxuICAgIGlmIChpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSAhaXRlbS5leHBhbmRlZDtcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJzaWRlYmFyX2RpdlwiICpuZ0Zvcj1cImxldCBkYXRhIG9mIGl0ZW1zXCI+XHJcbiAgPGEgKGNsaWNrKT1cIm9uSXRlbVNlbGVjdGVkKGRhdGEpXCIgY2xhc3M9XCJzdWItbGluayB7e2RhdGEuY3VzdG9tTGlua0NTU319XCJcclxuICAgICBbcm91dGVyTGlua109XCJbZGF0YS5yb3V0ZUxpbmtdXCIgcm91dGVyTGlua0FjdGl2ZT1cIml0ZW0tYWN0aXZlXCIgKm5nSWY9XCJkYXRhLnZpc2libGVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXdyYXBwZXJcIj5cclxuICAgICAgPGkgY2xhc3M9XCJmYS1zaXplIGZhIGZhLXt7ZGF0YS5pY29ufX0ge3tkYXRhLmljb24gPyAnJyA6ICdwYWRkaW5nLTEwJ319XCI+PC9pPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGV4dC1kaXZcIj5cclxuICAgICAgICB7e2RhdGEubGFiZWx9fVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGkgY2xhc3M9XCJmYS1zaXplIGZhIGZhLWFuZ2xlLWRvd25cIiAqbmdJZj1cIiEoZGF0YS5pdGVtcyA9PSB1bmRlZmluZWQpXCJcclxuICAgICAgIFtAaW5kaWNhdG9yUm90YXRlXT1cImRhdGEuZXhwYW5kZWQgPyAnZXhwYW5kZWQnOiAnY29sbGFwc2VkJ1wiPjwvaT5cclxuICA8L2E+XHJcbiAgPGRpdiBjbGFzcz1cInN1Yi1saW5rLXdyYXBwZXJcIiAqbmdJZj1cImRhdGEuZXhwYW5kZWRcIj5cclxuICAgIDxhcHAtbWVudS1saXN0LWl0ZW0gW2l0ZW1zXT1cImRhdGEuaXRlbXNcIj5cclxuICAgIDwvYXBwLW1lbnUtbGlzdC1pdGVtPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { animate, keyframes, state, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
import { Component, Output, EventEmitter, Input, } from '@angular/core';
|
|
3
|
+
import { navbarData } from './nav-data';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/router";
|
|
6
|
+
import * as i2 from "../sgh-navbar.service";
|
|
7
|
+
import * as i3 from "@angular/common";
|
|
8
|
+
import * as i4 from "./menu-list-item/menu-list-item.component";
|
|
9
|
+
export class SidenavComponent {
|
|
10
|
+
constructor(router, sidebarService) {
|
|
11
|
+
this.router = router;
|
|
12
|
+
this.sidebarService = sidebarService;
|
|
13
|
+
this.onToggleSideNav = new EventEmitter();
|
|
14
|
+
this.sidenavData = {
|
|
15
|
+
navData: navbarData,
|
|
16
|
+
bgColor: '#fff',
|
|
17
|
+
imgSm: '',
|
|
18
|
+
imgLg: ''
|
|
19
|
+
};
|
|
20
|
+
this.sidebarService.getClient().subscribe((client) => {
|
|
21
|
+
this.client = client;
|
|
22
|
+
});
|
|
23
|
+
this.sidebarService.getSubclient().subscribe((subclient) => {
|
|
24
|
+
this.subclient = subclient;
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
ngOnInit() {
|
|
28
|
+
}
|
|
29
|
+
onItemSelected(item) {
|
|
30
|
+
if (!item.items || !item.items.length) {
|
|
31
|
+
this.router.navigate([item.routeLink]).then();
|
|
32
|
+
}
|
|
33
|
+
if (item.items && item.items.length) {
|
|
34
|
+
item.expanded = !item.expanded;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SidenavComponent, deps: [{ token: i1.Router }, { token: i2.SghNavbarService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SidenavComponent, selector: "app-sidenav", inputs: { expanded: "expanded", sidenavData: "sidenavData" }, outputs: { onToggleSideNav: "onToggleSideNav" }, ngImport: i0, template: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\" class=\"{{data.customLinkCSS}}\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\" [@inOutAnimation]>\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\" *ngIf=\"hasClients\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:#fff;width:240px;display:flex;flex-direction:column;align-items:center;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;border-radius:13px}.sidebar_div a.active .text-wrap,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:12px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{height:auto;position:relative}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#00000063;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0}.sgh-sidebar{position:fixed;background:#fff}.sidenav-overlay{display:block}}\n"], dependencies: [{ 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.MenuListItemComponent, selector: "app-menu-list-item", inputs: ["items"] }], animations: [
|
|
39
|
+
trigger('inOutAnimation', [
|
|
40
|
+
transition(':enter', [
|
|
41
|
+
style({ height: 0, opacity: 0 }),
|
|
42
|
+
animate('500ms ease-out', style({ height: '*', opacity: 1 }))
|
|
43
|
+
]),
|
|
44
|
+
transition(':leave', [
|
|
45
|
+
style({ height: '*', opacity: 1 }),
|
|
46
|
+
animate('500ms ease-in', style({ height: 0, opacity: 0 }))
|
|
47
|
+
])
|
|
48
|
+
]),
|
|
49
|
+
trigger('rotate', [
|
|
50
|
+
transition(':enter', [
|
|
51
|
+
animate('1000ms', keyframes([
|
|
52
|
+
style({ transform: 'rotate(0deg)', offset: '0' }),
|
|
53
|
+
style({ transform: 'rotate(2turn)', offset: '1' })
|
|
54
|
+
]))
|
|
55
|
+
])
|
|
56
|
+
]),
|
|
57
|
+
trigger('indicatorRotate', [
|
|
58
|
+
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
59
|
+
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
60
|
+
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
61
|
+
]),
|
|
62
|
+
trigger('slideInOut', [
|
|
63
|
+
transition(':enter', [style({ transform: 'translateX(-100px)' }), animate('.5s ease-out', style({ transform: 'translateX(0%)' }))]),
|
|
64
|
+
transition(':leave', [
|
|
65
|
+
style({ transform: 'translateX(0%)' }),
|
|
66
|
+
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
67
|
+
])
|
|
68
|
+
])
|
|
69
|
+
] }); }
|
|
70
|
+
}
|
|
71
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SidenavComponent, decorators: [{
|
|
72
|
+
type: Component,
|
|
73
|
+
args: [{ selector: 'app-sidenav', animations: [
|
|
74
|
+
trigger('inOutAnimation', [
|
|
75
|
+
transition(':enter', [
|
|
76
|
+
style({ height: 0, opacity: 0 }),
|
|
77
|
+
animate('500ms ease-out', style({ height: '*', opacity: 1 }))
|
|
78
|
+
]),
|
|
79
|
+
transition(':leave', [
|
|
80
|
+
style({ height: '*', opacity: 1 }),
|
|
81
|
+
animate('500ms ease-in', style({ height: 0, opacity: 0 }))
|
|
82
|
+
])
|
|
83
|
+
]),
|
|
84
|
+
trigger('rotate', [
|
|
85
|
+
transition(':enter', [
|
|
86
|
+
animate('1000ms', keyframes([
|
|
87
|
+
style({ transform: 'rotate(0deg)', offset: '0' }),
|
|
88
|
+
style({ transform: 'rotate(2turn)', offset: '1' })
|
|
89
|
+
]))
|
|
90
|
+
])
|
|
91
|
+
]),
|
|
92
|
+
trigger('indicatorRotate', [
|
|
93
|
+
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
94
|
+
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
95
|
+
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
96
|
+
]),
|
|
97
|
+
trigger('slideInOut', [
|
|
98
|
+
transition(':enter', [style({ transform: 'translateX(-100px)' }), animate('.5s ease-out', style({ transform: 'translateX(0%)' }))]),
|
|
99
|
+
transition(':leave', [
|
|
100
|
+
style({ transform: 'translateX(0%)' }),
|
|
101
|
+
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
102
|
+
])
|
|
103
|
+
])
|
|
104
|
+
], template: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\" class=\"{{data.customLinkCSS}}\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\" [@inOutAnimation]>\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\" *ngIf=\"hasClients\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:#fff;width:240px;display:flex;flex-direction:column;align-items:center;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;border-radius:13px}.sidebar_div a.active .text-wrap,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:12px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{height:auto;position:relative}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#00000063;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0}.sgh-sidebar{position:fixed;background:#fff}.sidenav-overlay{display:block}}\n"] }]
|
|
105
|
+
}], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.SghNavbarService }]; }, propDecorators: { onToggleSideNav: [{
|
|
106
|
+
type: Output
|
|
107
|
+
}], expanded: [{
|
|
108
|
+
type: Input
|
|
109
|
+
}], sidenavData: [{
|
|
110
|
+
type: Input
|
|
111
|
+
}] } });
|
|
112
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDMUYsT0FBTyxFQUNMLFNBQVMsRUFDVCxNQUFNLEVBQ04sWUFBWSxFQUVaLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sWUFBWSxDQUFDOzs7Ozs7QUEwRHRDLE1BQU0sT0FBTyxnQkFBZ0I7SUFjM0IsWUFBbUIsTUFBYyxFQUFVLGNBQWdDO1FBQXhELFdBQU0sR0FBTixNQUFNLENBQVE7UUFBVSxtQkFBYyxHQUFkLGNBQWMsQ0FBa0I7UUFaakUsb0JBQWUsR0FBZ0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVuRSxnQkFBVyxHQUFnQjtZQUNsQyxPQUFPLEVBQUUsVUFBVTtZQUNuQixPQUFPLEVBQUUsTUFBTTtZQUNmLEtBQUssRUFBRSxFQUFFO1lBQ1QsS0FBSyxFQUFFLEVBQUU7U0FDVixDQUFBO1FBTUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNuRCxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUN2QixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxFQUFFLEVB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Q0FBbUMsQ0FBQyxDQUM3Qzt5QkFDRixDQUFDO3dCQUNGLE9BQU8sQ0FBQyxZQUFZLEVBQUU7NEJBQ3BCLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsb0JBQW9CLEVBQUMsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGdCQUFnQixFQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7NEJBQy9ILFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDO2dDQUN0QyxPQUFPLENBQUMsY0FBYyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDLENBQUM7NkJBQ25FLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDs0SEFJUyxlQUFlO3NCQUF4QixNQUFNO2dCQUNFLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7YW5pbWF0ZSwga2V5ZnJhbWVzLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIE9uSW5pdCxcclxuICBJbnB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtSb3V0ZXJ9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7bmF2YmFyRGF0YX0gZnJvbSAnLi9uYXYtZGF0YSc7XHJcbmltcG9ydCB7U2doTmF2YmFyU2VydmljZX0gZnJvbSBcIi4uL3NnaC1uYXZiYXIuc2VydmljZVwiO1xyXG5pbXBvcnQge1NpZGVuYXZEYXRhfSBmcm9tIFwiLi9zaWRlbmF2LWRhdGFcIjtcclxuXHJcbmludGVyZmFjZSBTaWRlTmF2VG9nZ2xlIHtcclxuICBzY3JlZW5XaWR0aDogbnVtYmVyO1xyXG4gIGNvbGxhcHNlZDogYm9vbGVhbjtcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtc2lkZW5hdicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGVuYXYuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NpZGVuYXYuY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdpbk91dEFuaW1hdGlvbicsIFtcclxuICAgICAgdHJhbnNpdGlvbihcclxuICAgICAgICAnOmVudGVyJyxcclxuICAgICAgICBbXHJcbiAgICAgICAgICBzdHlsZSh7IGhlaWdodDogMCwgb3BhY2l0eTogMCB9KSxcclxuICAgICAgICAgIGFuaW1hdGUoJzUwMG1zIGVhc2Utb3V0JyxcclxuICAgICAgICAgICAgc3R5bGUoeyBoZWlnaHQ6ICcqJywgb3BhY2l0eTogMSB9KSlcclxuICAgICAgICBdXHJcbiAgICAgICksXHJcbiAgICAgIHRyYW5zaXRpb24oXHJcbiAgICAgICAgJzpsZWF2ZScsXHJcbiAgICAgICAgW1xyXG4gICAgICAgICAgc3R5bGUoeyBoZWlnaHQ6ICcqJywgb3BhY2l0eTogMSB9KSxcclxuICAgICAgICAgIGFuaW1hdGUoJzUwMG1zIGVhc2UtaW4nLFxyXG4gICAgICAgICAgICBzdHlsZSh7IGhlaWdodDogMCwgb3BhY2l0eTogMCB9KSlcclxuICAgICAgICBdXHJcbiAgICAgIClcclxuICAgIF0pLFxyXG4gICAgdHJpZ2dlcigncm90YXRlJywgW1xyXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXHJcbiAgICAgICAgYW5pbWF0ZSgnMTAwMG1zJyxcclxuICAgICAgICAgIGtleWZyYW1lcyhbXHJcbiAgICAgICAgICAgIHN0eWxlKHt0cmFuc2Zvcm06ICdyb3RhdGUoMGRlZyknLCBvZmZzZXQ6ICcwJ30pLFxyXG4gICAgICAgICAgICBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDJ0dXJuKScsIG9mZnNldDogJzEnfSlcclxuICAgICAgICAgIF0pXHJcbiAgICAgICAgKVxyXG4gICAgICBdKVxyXG4gICAgXSksXHJcbiAgICB0cmlnZ2VyKCdpbmRpY2F0b3JSb3RhdGUnLCBbXHJcbiAgICAgIHN0YXRlKCdjb2xsYXBzZWQnLCBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJ30pKSxcclxuICAgICAgc3RhdGUoJ2V4cGFuZGVkJywgc3R5bGUoe3RyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJ30pKSxcclxuICAgICAgdHJhbnNpdGlvbignZXhwYW5kZWQgPD0+IGNvbGxhcHNlZCcsXHJcbiAgICAgICAgYW5pbWF0ZSgnMjI1bXMgY3ViaWMtYmV6aWVyKDAuNCwwLjAsMC4yLDEpJylcclxuICAgICAgKSxcclxuICAgIF0pLFxyXG4gICAgdHJpZ2dlcignc2xpZGVJbk91dCcsIFtcclxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW3N0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMDBweCknfSksIGFuaW1hdGUoJy41cyBlYXNlLW91dCcsIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKSd9KSldKSxcclxuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknIH0pLFxyXG4gICAgICAgIGFuaW1hdGUoJy41cyBlYXNlLW91dCcsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwJSknIH0pKVxyXG4gICAgICBdKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlbmF2Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQE91dHB1dCgpIG9uVG9nZ2xlU2lkZU5hdjogRXZlbnRFbWl0dGVyPFNpZGVOYXZUb2dnbGU+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkOmJvb2xlYW47XHJcbiAgQElucHV0KCkgc2lkZW5hdkRhdGE6IFNpZGVuYXZEYXRhID0ge1xyXG4gICAgbmF2RGF0YTogbmF2YmFyRGF0YSxcclxuICAgIGJnQ29sb3I6ICcjZmZmJyxcclxuICAgIGltZ1NtOiAnJyxcclxuICAgIGltZ0xnOiAnJ1xyXG4gIH1cclxuICBjbGllbnQ7XHJcbiAgc3ViY2xpZW50O1xyXG4gIGhhc0NsaWVudHM6Ym9vbGVhbjtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHJvdXRlcjogUm91dGVyLCBwcml2YXRlIHNpZGViYXJTZXJ2aWNlOiBTZ2hOYXZiYXJTZXJ2aWNlKSB7XHJcbiAgICB0aGlzLnNpZGViYXJTZXJ2aWNlLmdldENsaWVudCgpLnN1YnNjcmliZSgoY2xpZW50KSA9PiB7XHJcbiAgICAgIHRoaXMuY2xpZW50ID0gY2xpZW50O1xyXG4gICAgfSk7XHJcbiAgICB0aGlzLnNpZGViYXJTZXJ2aWNlLmdldFN1YmNsaWVudCgpLnN1YnNjcmliZSgoc3ViY2xpZW50KSA9PiB7XHJcbiAgICAgIHRoaXMuc3ViY2xpZW50ID0gc3ViY2xpZW50O1xyXG4gICAgfSlcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcblxyXG4gIG9uSXRlbVNlbGVjdGVkKGl0ZW06IGFueSkge1xyXG4gICAgaWYgKCFpdGVtLml0ZW1zIHx8ICFpdGVtLml0ZW1zLmxlbmd0aCkge1xyXG4gICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbaXRlbS5yb3V0ZUxpbmtdKS50aGVuKCk7XHJcbiAgICB9XHJcbiAgICBpZiAoaXRlbS5pdGVtcyAmJiBpdGVtLml0ZW1zLmxlbmd0aCkge1xyXG4gICAgICBpdGVtLmV4cGFuZGVkID0gIWl0ZW0uZXhwYW5kZWQ7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjbG9zZSBzaWRlbmF2LW92ZXJsYXlcIiAqbmdJZj1cImV4cGFuZGVkXCI+PC9kaXY+XHJcbjxhc2lkZSBjbGFzcz1cInNnaC1zaWRlYmFyXCIgKm5nSWY9XCJleHBhbmRlZFwiIFtAc2xpZGVJbk91dF0+XHJcbiAgPGRpdiBjbGFzcz1cIm1lbnUtd3JhcHBlclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInNpZGViYXJfZGl2IFwiICpuZ0Zvcj1cImxldCBkYXRhIG9mIHNpZGVuYXZEYXRhLm5hdkRhdGFcIj5cclxuICAgICAgPGEgKGNsaWNrKT1cIm9uSXRlbVNlbGVjdGVkKGRhdGEpXCIgY2xhc3M9XCJ7e2RhdGEuY3VzdG9tTGlua0NTU319XCJcclxuICAgICAgICAgW3JvdXRlckxpbmtdPVwiW2RhdGEucm91dGVMaW5rXVwiIHJvdXRlckxpbmtBY3RpdmU9XCJpdGVtLWFjdGl2ZVwiICpuZ0lmPVwiZGF0YS52aXNpYmxlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtd3JhcFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImljb24td3JhcHBlclwiPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhLXNpemUgZmEgZmEte3tkYXRhLmljb259fVwiPjwvaT5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAge3tkYXRhLmxhYmVsfX1cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmEtc2l6ZSBmYSBmYS1hbmdsZS1kb3duXCIgKm5nSWY9XCIhKGRhdGEuaXRlbXMgPT0gdW5kZWZpbmVkKVwiXHJcbiAgICAgICAgICAgW0BpbmRpY2F0b3JSb3RhdGVdPVwiZGF0YS5leHBhbmRlZCA/ICdleHBhbmRlZCc6ICdjb2xsYXBzZWQnXCI+PC9pPlxyXG4gICAgICA8L2E+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzdWItbGluay13cmFwcGVyXCIgKm5nSWY9XCJkYXRhLmV4cGFuZGVkXCIgW0Bpbk91dEFuaW1hdGlvbl0+XHJcbiAgICAgICAgPGFwcC1tZW51LWxpc3QtaXRlbSBbaXRlbXNdPVwiZGF0YS5pdGVtc1wiPlxyXG4gICAgICAgIDwvYXBwLW1lbnUtbGlzdC1pdGVtPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImF1dGgtaW5mby13cnBcIiAqbmdJZj1cImhhc0NsaWVudHNcIj5cclxuICAgICAgPGRpdiAqbmdJZj1cImNsaWVudCAmJiBzdWJjbGllbnRcIiBjbGFzcz1cImNsaWVudC1pbmZvLXdycFwiPlxyXG4gICAgICAgIDxkaXY+e3tjbGllbnQ/LnRleHR9fTwvZGl2PlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtcmlnaHRcIj48L2k+XHJcbiAgICAgICAgPGRpdj57e3N1YmNsaWVudD8udGV4dH19PC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2ICpuZ0lmPVwic2lkZW5hdkRhdGEuYWN0aXZlUm9sZVwiIGNsYXNzPVwicm9sZS1pbmZvLXdycFwiPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwicm9sZS1pbmZvLXRleHRcIj5Mb2dnZWQgaW4gYXMgPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwicm9sZS1pbmZvLXRleHQgcm9sZVwiPnt7c2lkZW5hdkRhdGEuYWN0aXZlUm9sZX19PC9zcGFuPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvYXNpZGU+XHJcbiJdfQ==
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { fadeInOut } from './helper';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/router";
|
|
6
|
+
import * as i2 from "@angular/common";
|
|
7
|
+
export class SublevelMenuComponent {
|
|
8
|
+
constructor(router) {
|
|
9
|
+
this.router = router;
|
|
10
|
+
this.data = {
|
|
11
|
+
routeLink: '',
|
|
12
|
+
icon: '',
|
|
13
|
+
label: '',
|
|
14
|
+
visible: true,
|
|
15
|
+
items: []
|
|
16
|
+
};
|
|
17
|
+
this.collapsed = false;
|
|
18
|
+
this.multiple = false;
|
|
19
|
+
}
|
|
20
|
+
ngOnInit() {
|
|
21
|
+
}
|
|
22
|
+
handleClick(item) {
|
|
23
|
+
if (!this.multiple) {
|
|
24
|
+
if (this.data.items && this.data.items.length > 0) {
|
|
25
|
+
for (let modelItem of this.data.items) {
|
|
26
|
+
if (item !== modelItem && modelItem.expanded) {
|
|
27
|
+
modelItem.expanded = false;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
item.expanded = !item.expanded;
|
|
33
|
+
}
|
|
34
|
+
getActiveClass(item) {
|
|
35
|
+
return item.expanded && this.router.url.includes(item.routeLink)
|
|
36
|
+
? 'active-sublevel'
|
|
37
|
+
: '';
|
|
38
|
+
}
|
|
39
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SublevelMenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: { data: "data", collapsed: "collapsed", animating: "animating", expanded: "expanded", multiple: "multiple" }, ngImport: i0, template: `
|
|
41
|
+
<ul *ngIf="collapsed && data.items && data.items.length > 0"
|
|
42
|
+
[@submenu]="expanded
|
|
43
|
+
? {value: 'visible',
|
|
44
|
+
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '*'}}
|
|
45
|
+
: {value: 'hidden',
|
|
46
|
+
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}"
|
|
47
|
+
class="sublevel-nav"
|
|
48
|
+
>
|
|
49
|
+
<li *ngFor="let item of data.items" class="sublevel-nav-item">
|
|
50
|
+
<a class="sublevel-nav-link"
|
|
51
|
+
(click)="handleClick(item)"
|
|
52
|
+
*ngIf="item.items && item.items.length > 0 && item.visible"
|
|
53
|
+
[ngClass]="getActiveClass(item)"
|
|
54
|
+
>
|
|
55
|
+
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
56
|
+
<span class="sublevel-link-text" @fadeInOut
|
|
57
|
+
*ngIf="collapsed">{{item.label}}</span>
|
|
58
|
+
<i *ngIf="item.items && collapsed" class="menu-collapse-icon"
|
|
59
|
+
[ngClass]="!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'"
|
|
60
|
+
></i>
|
|
61
|
+
</a>
|
|
62
|
+
<a class="sublevel-nav-link"
|
|
63
|
+
*ngIf="(!item.items || (item.items && item.items.length === 0)) && item.visible"
|
|
64
|
+
[routerLink]="[item.routeLink]"
|
|
65
|
+
routerLinkActive="active-sublevel"
|
|
66
|
+
[routerLinkActiveOptions]="{exact: true}"
|
|
67
|
+
>
|
|
68
|
+
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
69
|
+
<span class="sublevel-link-text" @fadeInOut
|
|
70
|
+
*ngIf="collapsed">{{item.label}}</span>
|
|
71
|
+
</a>
|
|
72
|
+
<div *ngIf="item.items && item.items.length > 0">
|
|
73
|
+
<app-sublevel-menu
|
|
74
|
+
[data]="item"
|
|
75
|
+
[collapsed]="collapsed"
|
|
76
|
+
[multiple]="multiple"
|
|
77
|
+
[expanded]="item.expanded"
|
|
78
|
+
></app-sublevel-menu>
|
|
79
|
+
</div>
|
|
80
|
+
</li>
|
|
81
|
+
</ul>
|
|
82
|
+
`, isInline: true, styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:#fff;width:240px;display:flex;flex-direction:column;align-items:center;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;border-radius:13px}.sidebar_div a.active .text-wrap,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:12px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{height:auto;position:relative}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#00000063;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0}.sgh-sidebar{position:fixed;background:#fff}.sidenav-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: ["data", "collapsed", "animating", "expanded", "multiple"] }], animations: [
|
|
83
|
+
fadeInOut,
|
|
84
|
+
trigger('submenu', [
|
|
85
|
+
state('hidden', style({
|
|
86
|
+
height: '0',
|
|
87
|
+
overflow: 'hidden'
|
|
88
|
+
})),
|
|
89
|
+
state('visible', style({
|
|
90
|
+
height: '*'
|
|
91
|
+
})),
|
|
92
|
+
transition('visible <=> hidden', [style({ overflow: 'hidden' }),
|
|
93
|
+
animate('{{transitionParams}}')]),
|
|
94
|
+
transition('void => *', animate(0))
|
|
95
|
+
])
|
|
96
|
+
] }); }
|
|
97
|
+
}
|
|
98
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SublevelMenuComponent, decorators: [{
|
|
99
|
+
type: Component,
|
|
100
|
+
args: [{ selector: 'app-sublevel-menu', template: `
|
|
101
|
+
<ul *ngIf="collapsed && data.items && data.items.length > 0"
|
|
102
|
+
[@submenu]="expanded
|
|
103
|
+
? {value: 'visible',
|
|
104
|
+
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '*'}}
|
|
105
|
+
: {value: 'hidden',
|
|
106
|
+
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}"
|
|
107
|
+
class="sublevel-nav"
|
|
108
|
+
>
|
|
109
|
+
<li *ngFor="let item of data.items" class="sublevel-nav-item">
|
|
110
|
+
<a class="sublevel-nav-link"
|
|
111
|
+
(click)="handleClick(item)"
|
|
112
|
+
*ngIf="item.items && item.items.length > 0 && item.visible"
|
|
113
|
+
[ngClass]="getActiveClass(item)"
|
|
114
|
+
>
|
|
115
|
+
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
116
|
+
<span class="sublevel-link-text" @fadeInOut
|
|
117
|
+
*ngIf="collapsed">{{item.label}}</span>
|
|
118
|
+
<i *ngIf="item.items && collapsed" class="menu-collapse-icon"
|
|
119
|
+
[ngClass]="!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'"
|
|
120
|
+
></i>
|
|
121
|
+
</a>
|
|
122
|
+
<a class="sublevel-nav-link"
|
|
123
|
+
*ngIf="(!item.items || (item.items && item.items.length === 0)) && item.visible"
|
|
124
|
+
[routerLink]="[item.routeLink]"
|
|
125
|
+
routerLinkActive="active-sublevel"
|
|
126
|
+
[routerLinkActiveOptions]="{exact: true}"
|
|
127
|
+
>
|
|
128
|
+
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
129
|
+
<span class="sublevel-link-text" @fadeInOut
|
|
130
|
+
*ngIf="collapsed">{{item.label}}</span>
|
|
131
|
+
</a>
|
|
132
|
+
<div *ngIf="item.items && item.items.length > 0">
|
|
133
|
+
<app-sublevel-menu
|
|
134
|
+
[data]="item"
|
|
135
|
+
[collapsed]="collapsed"
|
|
136
|
+
[multiple]="multiple"
|
|
137
|
+
[expanded]="item.expanded"
|
|
138
|
+
></app-sublevel-menu>
|
|
139
|
+
</div>
|
|
140
|
+
</li>
|
|
141
|
+
</ul>
|
|
142
|
+
`, animations: [
|
|
143
|
+
fadeInOut,
|
|
144
|
+
trigger('submenu', [
|
|
145
|
+
state('hidden', style({
|
|
146
|
+
height: '0',
|
|
147
|
+
overflow: 'hidden'
|
|
148
|
+
})),
|
|
149
|
+
state('visible', style({
|
|
150
|
+
height: '*'
|
|
151
|
+
})),
|
|
152
|
+
transition('visible <=> hidden', [style({ overflow: 'hidden' }),
|
|
153
|
+
animate('{{transitionParams}}')]),
|
|
154
|
+
transition('void => *', animate(0))
|
|
155
|
+
])
|
|
156
|
+
], styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:#fff;width:240px;display:flex;flex-direction:column;align-items:center;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;border-radius:13px}.sidebar_div a.active .text-wrap,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:12px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{height:auto;position:relative}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#00000063;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0}.sgh-sidebar{position:fixed;background:#fff}.sidenav-overlay{display:block}}\n"] }]
|
|
157
|
+
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
|
|
158
|
+
type: Input
|
|
159
|
+
}], collapsed: [{
|
|
160
|
+
type: Input
|
|
161
|
+
}], animating: [{
|
|
162
|
+
type: Input
|
|
163
|
+
}], expanded: [{
|
|
164
|
+
type: Input
|
|
165
|
+
}], multiple: [{
|
|
166
|
+
type: Input
|
|
167
|
+
}] } });
|
|
168
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VibGV2ZWwtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zdWJsZXZlbC1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBRSxTQUFTLEVBQWUsTUFBTSxVQUFVLENBQUM7Ozs7QUFnRWxELE1BQU0sT0FBTyxxQkFBcUI7SUFjaEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFaeEIsU0FBSSxHQUFnQjtZQUMzQixTQUFTLEVBQUUsRUFBRTtZQUNiLElBQUksRUFBRSxFQUFFO1lBQ1IsS0FBSyxFQUFFLEVBQUU7WUFDVCxPQUFPLEVBQUUsSUFBSTtZQUNiLEtBQUssRUFBRSxFQUFFO1NBQ1YsQ0FBQTtRQUNRLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFHbEIsYUFBUSxHQUFZLEtBQUssQ0FBQztJQUVDLENBQUM7SUFFckMsUUFBUTtJQUNSLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBUztRQUNuQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ2pELEtBQUksSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7b0JBQ3BDLElBQUksSUFBSSxLQUFJLFNBQVMsSUFBSSxTQUFTLENBQUMsUUFBUSxFQUFFO3dCQUMzQyxTQUFTLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztxQkFDNUI7aUJBQ0Y7YUFDRjtTQUNGO1FBQ0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFpQjtRQUM5QixPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7WUFDOUQsQ0FBQyxDQUFDLGlCQUFpQjtZQUNuQixDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ1QsQ0FBQzsrR0FwQ1UscUJBQXFCO21HQUFyQixxQkFBcUIsK0tBNUR0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMENULHlqR0FrQlUscUJBQXFCLG9IQWhCcEI7WUFDVixTQUFTO1lBQ1QsT0FBTyxDQUFDLFNBQVMsRUFBRTtnQkFDakIsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7b0JBQ3BCLE1BQU0sRUFBRSxHQUFHO29CQUNYLFFBQVEsRUFBRSxRQUFRO2lCQUNuQixDQUFDLENBQUM7Z0JBQ0gsS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUM7b0JBQ3JCLE1BQU0sRUFBRSxHQUFHO2lCQUNaLENBQUMsQ0FBQztnQkFDSCxVQUFVLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFDLENBQUM7b0JBQzNELE9BQU8sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUM7Z0JBQ25DLFVBQVUsQ0FBQyxXQUFXLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ3BDLENBQUM7U0FDSDs7NEZBRVUscUJBQXFCO2tCQTlEakMsU0FBUzsrQkFDRSxtQkFBbUIsWUFDbkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBDVCxjQUVXO3dCQUNWLFNBQVM7d0JBQ1QsT0FBTyxDQUFDLFNBQVMsRUFBRTs0QkFDakIsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7Z0NBQ3BCLE1BQU0sRUFBRSxHQUFHO2dDQUNYLFFBQVEsRUFBRSxRQUFROzZCQUNuQixDQUFDLENBQUM7NEJBQ0gsS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUM7Z0NBQ3JCLE1BQU0sRUFBRSxHQUFHOzZCQUNaLENBQUMsQ0FBQzs0QkFDSCxVQUFVLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFDLENBQUM7Z0NBQzNELE9BQU8sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUM7NEJBQ25DLFVBQVUsQ0FBQyxXQUFXLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO3lCQUNwQyxDQUFDO3FCQUNIOzZGQUlRLElBQUk7c0JBQVosS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBmYWRlSW5PdXQsIElOYXZiYXJEYXRhIH0gZnJvbSAnLi9oZWxwZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtc3VibGV2ZWwtbWVudScsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDx1bCAqbmdJZj1cImNvbGxhcHNlZCAmJiBkYXRhLml0ZW1zICYmIGRhdGEuaXRlbXMubGVuZ3RoID4gMFwiXHJcbiAgICBbQHN1Ym1lbnVdPVwiZXhwYW5kZWRcclxuICAgICAgPyB7dmFsdWU6ICd2aXNpYmxlJyxcclxuICAgICAgICAgIHBhcmFtczoge3RyYW5zaXRpb25QYXJhbXM6ICc0MDBtcyBjdWJpYy1iZXppZXIoMC44NiwgMCwgMC4wNywgMSknLCBoZWlnaHQ6ICcqJ319XHJcbiAgICAgIDoge3ZhbHVlOiAnaGlkZGVuJyxcclxuICAgICAgICAgIHBhcmFtczoge3RyYW5zaXRpb25QYXJhbXM6ICc0MDBtcyBjdWJpYy1iZXppZXIoMC44NiwgMCwgMC4wNywgMSknLCBoZWlnaHQ6ICcwJ319XCJcclxuICAgICAgY2xhc3M9XCJzdWJsZXZlbC1uYXZcIlxyXG4gICAgPlxyXG4gICAgICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YS5pdGVtc1wiIGNsYXNzPVwic3VibGV2ZWwtbmF2LWl0ZW1cIj5cclxuICAgICAgICAgIDxhIGNsYXNzPVwic3VibGV2ZWwtbmF2LWxpbmtcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKGl0ZW0pXCJcclxuICAgICAgICAgICAgKm5nSWY9XCJpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoID4gMCAmJiBpdGVtLnZpc2libGVcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJnZXRBY3RpdmVDbGFzcyhpdGVtKVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwic3VibGV2ZWwtbGluay1pY29uIGZhIGZhLWNpcmNsZVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdWJsZXZlbC1saW5rLXRleHRcIiBAZmFkZUluT3V0XHJcbiAgICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgY29sbGFwc2VkXCIgY2xhc3M9XCJtZW51LWNvbGxhcHNlLWljb25cIlxyXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIiFpdGVtLmV4cGFuZGVkID8gJ2ZhbCBmYS1hbmdsZS1yaWdodCcgOiAnZmFsIGZhLWFuZ2xlLWRvd24nXCJcclxuICAgICAgICAgICAgPjwvaT5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICAgIDxhIGNsYXNzPVwic3VibGV2ZWwtbmF2LWxpbmtcIlxyXG4gICAgICAgICAgICAqbmdJZj1cIighaXRlbS5pdGVtcyB8fCAoaXRlbS5pdGVtcyAmJiBpdGVtLml0ZW1zLmxlbmd0aCA9PT0gMCkpICYmIGl0ZW0udmlzaWJsZVwiXHJcbiAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIltpdGVtLnJvdXRlTGlua11cIlxyXG4gICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlLXN1YmxldmVsXCJcclxuICAgICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cIntleGFjdDogdHJ1ZX1cIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cInN1YmxldmVsLWxpbmstaWNvbiBmYSBmYS1jaXJjbGVcIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3VibGV2ZWwtbGluay10ZXh0XCIgQGZhZGVJbk91dFxyXG4gICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgaXRlbS5pdGVtcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgIDxhcHAtc3VibGV2ZWwtbWVudVxyXG4gICAgICAgICAgICAgIFtkYXRhXT1cIml0ZW1cIlxyXG4gICAgICAgICAgICAgIFtjb2xsYXBzZWRdPVwiY29sbGFwc2VkXCJcclxuICAgICAgICAgICAgICBbbXVsdGlwbGVdPVwibXVsdGlwbGVcIlxyXG4gICAgICAgICAgICAgIFtleHBhbmRlZF09XCJpdGVtLmV4cGFuZGVkXCJcclxuICAgICAgICAgICAgPjwvYXBwLXN1YmxldmVsLW1lbnU+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9zaWRlbmF2LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgZmFkZUluT3V0LFxyXG4gICAgdHJpZ2dlcignc3VibWVudScsIFtcclxuICAgICAgc3RhdGUoJ2hpZGRlbicsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcwJyxcclxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgndmlzaWJsZScsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcqJ1xyXG4gICAgICB9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ3Zpc2libGUgPD0+IGhpZGRlbicsIFtzdHlsZSh7b3ZlcmZsb3c6ICdoaWRkZW4nfSksXHJcbiAgICAgICAgYW5pbWF0ZSgne3t0cmFuc2l0aW9uUGFyYW1zfX0nKV0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IConLCBhbmltYXRlKDApKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWJsZXZlbE1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBkYXRhOiBJTmF2YmFyRGF0YSA9IHtcclxuICAgIHJvdXRlTGluazogJycsXHJcbiAgICBpY29uOiAnJyxcclxuICAgIGxhYmVsOiAnJyxcclxuICAgIHZpc2libGU6IHRydWUsXHJcbiAgICBpdGVtczogW11cclxuICB9XHJcbiAgQElucHV0KCkgY29sbGFwc2VkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYW5pbWF0aW5nOiBib29sZWFuIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkOiBib29sZWFuIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyByb3V0ZXI6IFJvdXRlcikge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVDbGljayhpdGVtOiBhbnkpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5tdWx0aXBsZSkge1xyXG4gICAgICBpZiAodGhpcy5kYXRhLml0ZW1zICYmIHRoaXMuZGF0YS5pdGVtcy5sZW5ndGggPiAwKSB7XHJcbiAgICAgICAgZm9yKGxldCBtb2RlbEl0ZW0gb2YgdGhpcy5kYXRhLml0ZW1zKSB7XHJcbiAgICAgICAgICBpZiAoaXRlbSAhPT1tb2RlbEl0ZW0gJiYgbW9kZWxJdGVtLmV4cGFuZGVkKSB7XHJcbiAgICAgICAgICAgIG1vZGVsSXRlbS5leHBhbmRlZCA9IGZhbHNlO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgaXRlbS5leHBhbmRlZCA9ICFpdGVtLmV4cGFuZGVkO1xyXG4gIH1cclxuXHJcbiAgZ2V0QWN0aXZlQ2xhc3MoaXRlbTogSU5hdmJhckRhdGEpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGl0ZW0uZXhwYW5kZWQgJiYgdGhpcy5yb3V0ZXIudXJsLmluY2x1ZGVzKGl0ZW0ucm91dGVMaW5rKVxyXG4gICAgICA/ICdhY3RpdmUtc3VibGV2ZWwnXHJcbiAgICAgIDogJyc7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|
|
@@ -4,11 +4,11 @@ export class NoftificationListComponent {
|
|
|
4
4
|
constructor() { }
|
|
5
5
|
ngOnInit() {
|
|
6
6
|
}
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoftificationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NoftificationListComponent, selector: "app-noftification-list", ngImport: i0, template: "<div class=\"notifications-list-wrapper\">\r\n <div class=\"notifications-list\">\r\n <div class=\"notifications-title\">\r\n <span class=\"title mat-h3\">Notifications</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-title\">\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:400px}.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 5px 0 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}}.notifications-list-wrapper{animation:cardAnim 1s cubic-bezier(.33,1,.68,1) 0s 1 normal none}@keyframes cardAnim{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0);transform-origin:top}}\n"] }); }
|
|
7
9
|
}
|
|
8
|
-
|
|
9
|
-
NoftificationListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NoftificationListComponent, selector: "app-noftification-list", ngImport: i0, template: "<div class=\"notifications-list-wrapper\">\r\n <div class=\"notifications-list\">\r\n <div class=\"notifications-title\">\r\n <span class=\"title mat-h3\">Notifications</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-title\">\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:400px}.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 5px 0 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}}.notifications-list-wrapper{animation:cardAnim 1s cubic-bezier(.33,1,.68,1) 0s 1 normal none}@keyframes cardAnim{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0);transform-origin:top}}\n"] });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NoftificationListComponent, decorators: [{
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NoftificationListComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
12
|
args: [{ selector: 'app-noftification-list', template: "<div class=\"notifications-list-wrapper\">\r\n <div class=\"notifications-list\">\r\n <div class=\"notifications-title\">\r\n <span class=\"title mat-h3\">Notifications</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-title\">\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:400px}.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 5px 0 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}}.notifications-list-wrapper{animation:cardAnim 1s cubic-bezier(.33,1,.68,1) 0s 1 normal none}@keyframes cardAnim{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0);transform-origin:top}}\n"] }]
|
|
13
13
|
}], ctorParameters: function () { return []; } });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi90b29sYmFyL25vZnRpZmljYXRpb24tbGlzdC9ub2Z0aWZpY2F0aW9uLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3Rvb2xiYXIvbm9mdGlmaWNhdGlvbi1saXN0L25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU9sRCxNQUFNLE9BQU8sMEJBQTBCO0lBRXJDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOytHQUxVLDBCQUEwQjttR0FBMUIsMEJBQTBCLDhEQ1B2Qyx3dkJBa0JBOzs0RkRYYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0Usd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW5vZnRpZmljYXRpb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5vZnRpZmljYXRpb25MaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3Qtd3JhcHBlclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3RcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLXRpdGxlXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwidGl0bGUgbWF0LWgzXCI+Tm90aWZpY2F0aW9uczwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtbGlzdC1pdGVtXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS10aXRsZSBtYXQtaDRcIj5EYXZpZCBKYW1lczwvc3Bhbj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLWRlc2NyaXB0aW9uIG1hdC1oNVwiPkEgbm90aWZpY2F0aW9uIGJveCBzaG93IG1lc3NhZ2U8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3QtaXRlbVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cIml0ZW0tdGl0bGUgbWF0LWg0XCI+RGF2aWQgSmFtZXM8L3NwYW4+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS1kZXNjcmlwdGlvbiBtYXQtaDVcIj5BIG5vdGlmaWNhdGlvbiBib3ggc2hvdyBtZXNzYWdlPC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9ucy10aXRsZVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInNlZS1hbGwgbWF0LWg0XCI+U2VlIGFsbDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|