sgh-navbar 0.0.14 → 0.0.16
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.module.mjs +5 -29
- package/esm2020/lib/sidenav/menu-list-item/menu-list-item.component.mjs +4 -4
- package/esm2020/lib/sidenav/sidenav.component.mjs +4 -4
- package/esm2020/lib/sidenav/sublevel-menu.component.mjs +3 -3
- package/fesm2015/sgh-navbar.mjs +12 -36
- package/fesm2015/sgh-navbar.mjs.map +1 -1
- package/fesm2020/sgh-navbar.mjs +12 -36
- package/fesm2020/sgh-navbar.mjs.map +1 -1
- package/lib/sgh-navbar.module.d.ts +5 -11
- package/lib/sidenav/sidenav.component.d.ts +0 -1
- package/package.json +2 -3
|
@@ -3,17 +3,11 @@ import { SghNavbarComponent } from './sgh-navbar.component';
|
|
|
3
3
|
import { SublevelMenuComponent } from './sidenav/sublevel-menu.component';
|
|
4
4
|
import { SidenavComponent } from './sidenav/sidenav.component';
|
|
5
5
|
import { ToolbarComponent } from './toolbar/toolbar.component';
|
|
6
|
-
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
7
6
|
import { CommonModule } from '@angular/common';
|
|
8
7
|
import { HttpClientModule } from '@angular/common/http';
|
|
9
8
|
import { RouterModule } from '@angular/router';
|
|
10
9
|
import { FormsModule } from '@angular/forms';
|
|
11
|
-
import { MatListModule } from "@angular/material/list";
|
|
12
10
|
import { MenuListItemComponent } from "./sidenav/menu-list-item/menu-list-item.component";
|
|
13
|
-
import { MatIconModule } from "@angular/material/icon";
|
|
14
|
-
import { MatToolbarModule } from "@angular/material/toolbar";
|
|
15
|
-
import { MatButtonModule } from "@angular/material/button";
|
|
16
|
-
import { MatInputModule } from "@angular/material/input";
|
|
17
11
|
import { SghNavbarService } from "./sgh-navbar.service";
|
|
18
12
|
import { NoftificationListComponent } from "./toolbar/noftification-list/noftification-list.component";
|
|
19
13
|
import * as i0 from "@angular/core";
|
|
@@ -25,29 +19,17 @@ SghNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
|
|
|
25
19
|
SidenavComponent,
|
|
26
20
|
ToolbarComponent,
|
|
27
21
|
MenuListItemComponent,
|
|
28
|
-
NoftificationListComponent], imports: [
|
|
29
|
-
CommonModule,
|
|
22
|
+
NoftificationListComponent], imports: [CommonModule,
|
|
30
23
|
HttpClientModule,
|
|
31
24
|
RouterModule,
|
|
32
|
-
FormsModule,
|
|
33
|
-
MatListModule,
|
|
34
|
-
MatIconModule,
|
|
35
|
-
MatToolbarModule,
|
|
36
|
-
MatButtonModule,
|
|
37
|
-
MatInputModule], exports: [SghNavbarComponent,
|
|
25
|
+
FormsModule], exports: [SghNavbarComponent,
|
|
38
26
|
SublevelMenuComponent,
|
|
39
27
|
SidenavComponent,
|
|
40
28
|
ToolbarComponent] });
|
|
41
|
-
SghNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarModule, providers: [SghNavbarService], imports: [
|
|
42
|
-
CommonModule,
|
|
29
|
+
SghNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarModule, providers: [SghNavbarService], imports: [CommonModule,
|
|
43
30
|
HttpClientModule,
|
|
44
31
|
RouterModule,
|
|
45
|
-
FormsModule
|
|
46
|
-
MatListModule,
|
|
47
|
-
MatIconModule,
|
|
48
|
-
MatToolbarModule,
|
|
49
|
-
MatButtonModule,
|
|
50
|
-
MatInputModule] });
|
|
32
|
+
FormsModule] });
|
|
51
33
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarModule, decorators: [{
|
|
52
34
|
type: NgModule,
|
|
53
35
|
args: [{
|
|
@@ -60,16 +42,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
60
42
|
NoftificationListComponent
|
|
61
43
|
],
|
|
62
44
|
imports: [
|
|
63
|
-
BrowserAnimationsModule,
|
|
64
45
|
CommonModule,
|
|
65
46
|
HttpClientModule,
|
|
66
47
|
RouterModule,
|
|
67
48
|
FormsModule,
|
|
68
|
-
MatListModule,
|
|
69
|
-
MatIconModule,
|
|
70
|
-
MatToolbarModule,
|
|
71
|
-
MatButtonModule,
|
|
72
|
-
MatInputModule
|
|
73
49
|
],
|
|
74
50
|
exports: [
|
|
75
51
|
SghNavbarComponent,
|
|
@@ -80,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
80
56
|
providers: [SghNavbarService],
|
|
81
57
|
}]
|
|
82
58
|
}] });
|
|
83
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2doLW5hdmJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2doLW5hdmJhci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSxtREFBbUQsQ0FBQztBQUN4RixPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUN0RCxPQUFPLEVBQUMsMEJBQTBCLEVBQUMsTUFBTSwyREFBMkQsQ0FBQzs7QUEwQnJHLE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlOzZHQUFmLGVBQWUsaUJBckJwQixrQkFBa0I7UUFDbEIscUJBQXFCO1FBQ3JCLGdCQUFnQjtRQUNoQixnQkFBZ0I7UUFDaEIscUJBQXFCO1FBQ3JCLDBCQUEwQixhQUc5QixZQUFZO1FBQ1osZ0JBQWdCO1FBQ2hCLFlBQVk7UUFDWixXQUFXLGFBR1gsa0JBQWtCO1FBQ2xCLHFCQUFxQjtRQUNyQixnQkFBZ0I7UUFDaEIsZ0JBQWdCOzZHQUlQLGVBQWUsYUFGaEIsQ0FBQyxnQkFBZ0IsQ0FBQyxZQVgxQixZQUFZO1FBQ1osZ0JBQWdCO1FBQ2hCLFlBQVk7UUFDWixXQUFXOzJGQVVGLGVBQWU7a0JBdkIzQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRTt3QkFDVixrQkFBa0I7d0JBQ2xCLHFCQUFxQjt3QkFDckIsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7d0JBQ2hCLHFCQUFxQjt3QkFDckIsMEJBQTBCO3FCQUM3QjtvQkFDSCxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLFlBQVk7d0JBQ1osV0FBVztxQkFDWjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asa0JBQWtCO3dCQUNsQixxQkFBcUI7d0JBQ3JCLGdCQUFnQjt3QkFDaEIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxTQUFTLEVBQUMsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDN0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTZ2hOYXZiYXJDb21wb25lbnQgfSBmcm9tICcuL3NnaC1uYXZiYXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU3VibGV2ZWxNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9zaWRlbmF2L3N1YmxldmVsLW1lbnUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgU2lkZW5hdkNvbXBvbmVudCB9IGZyb20gJy4vc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRvb2xiYXJDb21wb25lbnQgfSBmcm9tICcuL3Rvb2xiYXIvdG9vbGJhci5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBIdHRwQ2xpZW50TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xyXG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHtNZW51TGlzdEl0ZW1Db21wb25lbnR9IGZyb20gXCIuL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50XCI7XHJcbmltcG9ydCB7U2doTmF2YmFyU2VydmljZX0gZnJvbSBcIi4vc2doLW5hdmJhci5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7Tm9mdGlmaWNhdGlvbkxpc3RDb21wb25lbnR9IGZyb20gXCIuL3Rvb2xiYXIvbm9mdGlmaWNhdGlvbi1saXN0L25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnRcIjtcclxuXHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICAgICAgU2doTmF2YmFyQ29tcG9uZW50LFxyXG4gICAgICAgIFN1YmxldmVsTWVudUNvbXBvbmVudCxcclxuICAgICAgICBTaWRlbmF2Q29tcG9uZW50LFxyXG4gICAgICAgIFRvb2xiYXJDb21wb25lbnQsXHJcbiAgICAgICAgTWVudUxpc3RJdGVtQ29tcG9uZW50LFxyXG4gICAgICAgIE5vZnRpZmljYXRpb25MaXN0Q29tcG9uZW50XHJcbiAgICBdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIEh0dHBDbGllbnRNb2R1bGUsXHJcbiAgICBSb3V0ZXJNb2R1bGUsXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtcclxuICAgIFNnaE5hdmJhckNvbXBvbmVudCxcclxuICAgIFN1YmxldmVsTWVudUNvbXBvbmVudCxcclxuICAgIFNpZGVuYXZDb21wb25lbnQsXHJcbiAgICBUb29sYmFyQ29tcG9uZW50XHJcbiAgXSxcclxuICBwcm92aWRlcnM6W1NnaE5hdmJhclNlcnZpY2VdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2doTmF2YmFyTW9kdWxlIHsgfVxyXG4iXX0=
|
|
@@ -16,12 +16,12 @@ export class MenuListItemComponent {
|
|
|
16
16
|
this.router.navigate([item.routeLink]).then();
|
|
17
17
|
}
|
|
18
18
|
if (item.items && item.items.length) {
|
|
19
|
-
|
|
19
|
+
item.expanded = !item.expanded;
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
MenuListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuListItemComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
MenuListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"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 fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"
|
|
24
|
+
MenuListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"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 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!important}.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!important;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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:13px!important;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!important;left:0%;top:0;z-index:-1;cursor:default}.text-wrapper{display:flex!important;align-items:center!important;margin-left:10px!important}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute!important;background:white!important}.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: [
|
|
25
25
|
trigger('indicatorRotate', [
|
|
26
26
|
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
27
27
|
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
@@ -36,11 +36,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
36
36
|
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
37
37
|
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
38
38
|
])
|
|
39
|
-
], template: "<div class=\"sidebar_div\" *ngFor=\"let data of items\">\r\n <a (click)=\"onItemSelected(data)\" class=\"sub-link\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"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 fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"
|
|
39
|
+
], template: "<div class=\"sidebar_div\" *ngFor=\"let data of items\">\r\n <a (click)=\"onItemSelected(data)\" class=\"sub-link\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"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 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!important}.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!important;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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:13px!important;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!important;left:0%;top:0;z-index:-1;cursor:default}.text-wrapper{display:flex!important;align-items:center!important;margin-left:10px!important}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute!important;background:white!important}.sidenav-overlay{display:block}}\n"] }]
|
|
40
40
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { ariaExpanded: [{
|
|
41
41
|
type: HostBinding,
|
|
42
42
|
args: ['attr.aria-expanded']
|
|
43
43
|
}], items: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBR3ZGLE9BQU8sRUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFpQi9FLE1BQU0sT0FBTyxxQkFBcUI7SUFPaEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFKakMsYUFBYTtRQUNzQixpQkFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7SUFHM0IsQ0FBQztJQUV0QyxRQUFRO0lBQ1IsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFpQjtRQUM5QixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDL0M7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUU7WUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7U0FDaEM7SUFDSCxDQUFDOztrSEFuQlUscUJBQXFCO3NHQUFyQixxQkFBcUIsMkpDcEJsQywydEJBaUJBLCtvRURHYSxxQkFBcUIsb0VBVnBCO1FBQ1YsT0FBTyxDQUFDLGlCQUFpQixFQUFFO1lBQ3pCLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGNBQWMsRUFBQyxDQUFDLENBQUM7WUFDdEQsS0FBSyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZ0JBQWdCLEVBQUMsQ0FBQyxDQUFDO1lBQ3ZELFVBQVUsQ0FBQyx3QkFBd0IsRUFDakMsT0FBTyxDQUFDLG1DQUFtQyxDQUFDLENBQzdDO1NBQ0YsQ0FBQztLQUNIOzJGQUVVLHFCQUFxQjtrQkFmakMsU0FBUzsrQkFDRSxvQkFBb0IsaUJBR2hCLGlCQUFpQixDQUFDLElBQUksY0FDeEI7d0JBQ1YsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUN6QixLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUMsQ0FBQyxDQUFDOzRCQUN0RCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxnQkFBZ0IsRUFBQyxDQUFDLENBQUM7NEJBQ3ZELFVBQVUsQ0FBQyx3QkFBd0IsRUFDakMsT0FBTyxDQUFDLG1DQUFtQyxDQUFDLENBQzdDO3lCQUNGLENBQUM7cUJBQ0g7NkZBTWtDLFlBQVk7c0JBQTlDLFdBQVc7dUJBQUMsb0JBQW9CO2dCQUN4QixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtJTmF2YmFyRGF0YX0gZnJvbSAnLi4vaGVscGVyJztcclxuaW1wb3J0IHtSb3V0ZXJ9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7YW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW1lbnUtbGlzdC1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21lbnUtbGlzdC1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjpWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2luZGljYXRvclJvdGF0ZScsIFtcclxuICAgICAgc3RhdGUoJ2NvbGxhcHNlZCcsIHN0eWxlKHt0cmFuc2Zvcm06ICdyb3RhdGUoMGRlZyknfSkpLFxyXG4gICAgICBzdGF0ZSgnZXhwYW5kZWQnLCBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknfSkpLFxyXG4gICAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA8PT4gY29sbGFwc2VkJyxcclxuICAgICAgICBhbmltYXRlKCcyMjVtcyBjdWJpYy1iZXppZXIoMC40LDAuMCwwLjIsMSknKVxyXG4gICAgICApLFxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51TGlzdEl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGV4cGFuZGVkOiBib29sZWFuO1xyXG4gIGV4cGFuZE1lbnU6IGJvb2xlYW47XHJcbiAgLy8gQHRzLWlnbm9yZVxyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWV4cGFuZGVkJykgYXJpYUV4cGFuZGVkID0gdGhpcy5leHBhbmRlZDtcclxuICBASW5wdXQoKSBpdGVtczogYW55O1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcm91dGVyOiBSb3V0ZXIpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIG9uSXRlbVNlbGVjdGVkKGl0ZW06IElOYXZiYXJEYXRhKSB7XHJcbiAgICBpZiAoIWl0ZW0uaXRlbXMgfHwgIWl0ZW0uaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtpdGVtLnJvdXRlTGlua10pLnRoZW4oKTtcclxuICAgIH1cclxuICAgIGlmIChpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSAhaXRlbS5leHBhbmRlZDtcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJzaWRlYmFyX2RpdlwiICpuZ0Zvcj1cImxldCBkYXRhIG9mIGl0ZW1zXCI+XHJcbiAgPGEgKGNsaWNrKT1cIm9uSXRlbVNlbGVjdGVkKGRhdGEpXCIgY2xhc3M9XCJzdWItbGlua1wiXHJcbiAgICAgW3JvdXRlckxpbmtdPVwiW2RhdGEucm91dGVMaW5rXVwiIHJvdXRlckxpbmtBY3RpdmU9XCJpdGVtLWFjdGl2ZVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInRleHQtd3JhcHBlclwiPlxyXG4gICAgICA8aSBjbGFzcz1cImZhIGZhLXt7ZGF0YS5pY29ufX0ge3tkYXRhLmljb24gPyAnJyA6ICdwYWRkaW5nLTEwJ319XCI+PC9pPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGV4dC1kaXZcIj5cclxuICAgICAgICB7e2RhdGEubGFiZWx9fVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGkgY2xhc3M9XCJmYSBmYS1hbmdsZS1kb3duXCIgKm5nSWY9XCIhKGRhdGEuaXRlbXMgPT0gdW5kZWZpbmVkKVwiXHJcbiAgICAgICBbQGluZGljYXRvclJvdGF0ZV09XCJkYXRhLmV4cGFuZGVkID8gJ2V4cGFuZGVkJzogJ2NvbGxhcHNlZCdcIj48L2k+XHJcbiAgPC9hPlxyXG4gIDxkaXYgY2xhc3M9XCJzdWItbGluay13cmFwcGVyXCIgKm5nSWY9XCJkYXRhLmV4cGFuZGVkXCI+XHJcbiAgICA8YXBwLW1lbnUtbGlzdC1pdGVtIFtpdGVtc109XCJkYXRhLml0ZW1zXCI+XHJcbiAgICA8L2FwcC1tZW51LWxpc3QtaXRlbT5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|
|
@@ -25,12 +25,12 @@ export class SidenavComponent {
|
|
|
25
25
|
this.router.navigate([item.routeLink]).then();
|
|
26
26
|
}
|
|
27
27
|
if (item.items && item.items.length) {
|
|
28
|
-
|
|
28
|
+
item.expanded = !item.expanded;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
}
|
|
32
32
|
SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidenavComponent, deps: [{ token: i1.Router }, { token: i2.SghNavbarService }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SidenavComponent, selector: "app-sidenav", inputs: { expanded: "expanded", sidenavData: "sidenavData" }, outputs: { onToggleSideNav: "onToggleSideNav" }, ngImport: i0, template: "<a href=\"#\" class=\"close sidenav-overlay\" *ngIf=\"expanded\"></a>\r\n <aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrap\">\r\n <i class=\"fa fa-{{data.icon}}\"></i>\r\n {{data.label}}\r\n </div>\r\n <i class=\"fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"
|
|
33
|
+
SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SidenavComponent, selector: "app-sidenav", inputs: { expanded: "expanded", sidenavData: "sidenavData" }, outputs: { onToggleSideNav: "onToggleSideNav" }, ngImport: i0, template: "<a href=\"#\" class=\"close sidenav-overlay\" *ngIf=\"expanded\"></a>\r\n <aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrap\">\r\n <i class=\"fa fa-{{data.icon}}\"></i>\r\n {{data.label}}\r\n </div>\r\n <i class=\"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 </aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.sgh-sidebar{height:calc(100vh - 70px);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:white;width:220px}.sidebar_div{margin:0;padding:0;width:220px;overflow:auto}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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{color:#fff!important}.sidebar_div a:hover:not(.active){background-color:#26787f!important;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}.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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:-1;cursor:default}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute!important;background:white!important}.sidenav-overlay{display:block}.text-wrap{margin-right:10px!important;text-align:end!important}}\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: [
|
|
34
34
|
trigger('rotate', [
|
|
35
35
|
transition(':enter', [
|
|
36
36
|
animate('1000ms', keyframes([
|
|
@@ -75,7 +75,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
75
75
|
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
76
76
|
])
|
|
77
77
|
])
|
|
78
|
-
], template: "<a href=\"#\" class=\"close sidenav-overlay\" *ngIf=\"expanded\"></a>\r\n <aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrap\">\r\n <i class=\"fa fa-{{data.icon}}\"></i>\r\n {{data.label}}\r\n </div>\r\n <i class=\"fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"
|
|
78
|
+
], template: "<a href=\"#\" class=\"close sidenav-overlay\" *ngIf=\"expanded\"></a>\r\n <aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrap\">\r\n <i class=\"fa fa-{{data.icon}}\"></i>\r\n {{data.label}}\r\n </div>\r\n <i class=\"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 </aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.sgh-sidebar{height:calc(100vh - 70px);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:white;width:220px}.sidebar_div{margin:0;padding:0;width:220px;overflow:auto}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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{color:#fff!important}.sidebar_div a:hover:not(.active){background-color:#26787f!important;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}.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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:-1;cursor:default}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute!important;background:white!important}.sidenav-overlay{display:block}.text-wrap{margin-right:10px!important;text-align:end!important}}\n"] }]
|
|
79
79
|
}], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.SghNavbarService }]; }, propDecorators: { onToggleSideNav: [{
|
|
80
80
|
type: Output
|
|
81
81
|
}], expanded: [{
|
|
@@ -83,4 +83,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
83
83
|
}], sidenavData: [{
|
|
84
84
|
type: Input
|
|
85
85
|
}] } });
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDMUYsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUF3QixLQUFLLEVBQWdCLE1BQU0sZUFBZSxDQUFDO0FBRzFHLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxZQUFZLENBQUM7Ozs7OztBQXdDdEMsTUFBTSxPQUFPLGdCQUFnQjtJQVczQixZQUFtQixNQUFjLEVBQVUsY0FBZ0M7UUFBeEQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtRQUFVLG1CQUFjLEdBQWQsY0FBYyxDQUFrQjtRQVRqRSxvQkFBZSxHQUFnQyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRW5FLGdCQUFXLEdBQWdCO1lBQ2xDLE9BQU8sRUFBRSxVQUFVO1lBQ25CLE9BQU8sRUFBRSxNQUFNO1lBQ2YsS0FBSyxFQUFFLEVBQUU7WUFDVCxLQUFLLEVBQUUsRUFBRTtTQUNWLENBQUE7SUFHRCxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFHRCxjQUFjLENBQUMsSUFBUztRQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDL0M7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUU7WUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7U0FDaEM7SUFDSCxDQUFDOzs2R0F6QlUsZ0JBQWdCO2lHQUFoQixnQkFBZ0Isa0tDNUM3QixxMUJBa0JBLHM0RUREYztRQUNWLE9BQU8sQ0FBQyxRQUFRLEVBQUU7WUFDaEIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQkFDbkIsT0FBTyxDQUFDLFFBQVEsRUFDZCxTQUFTLENBQUM7b0JBQ1IsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFDLENBQUM7b0JBQy9DLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBQyxDQUFDO2lCQUNqRCxDQUFDLENBQ0g7YUFDRixDQUFDO1NBQ0gsQ0FBQztRQUNGLE9BQU8sQ0FBQyxpQkFBaUIsRUFBRTtZQUN6QixLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUMsQ0FBQyxDQUFDO1lBQ3RELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGdCQUFnQixFQUFDLENBQUMsQ0FBQztZQUN2RCxVQUFVLENBQUMsd0JBQXdCLEVBQ2pDLE9BQU8sQ0FBQyxtQ0FBbUMsQ0FBQyxDQUM3QztTQUNGLENBQUM7UUFDRixPQUFPLENBQUMsWUFBWSxFQUFFO1lBQ3BCLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsb0JBQW9CLEVBQUMsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGdCQUFnQixFQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0gsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7Z0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUMsQ0FBQzthQUNuRSxDQUFDO1NBQ0gsQ0FBQztLQUNIOzJGQUVVLGdCQUFnQjtrQkEvQjVCLFNBQVM7K0JBQ0UsYUFBYSxjQUdYO3dCQUNWLE9BQU8sQ0FBQyxRQUFRLEVBQUU7NEJBQ2hCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLE9BQU8sQ0FBQyxRQUFRLEVBQ2QsU0FBUyxDQUFDO29DQUNSLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBQyxDQUFDO29DQUMvQyxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUMsQ0FBQztpQ0FDakQsQ0FBQyxDQUNIOzZCQUNGLENBQUM7eUJBQ0gsQ0FBQzt3QkFDRixPQUFPLENBQUMsaUJBQWlCLEVBQUU7NEJBQ3pCLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGNBQWMsRUFBQyxDQUFDLENBQUM7NEJBQ3RELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGdCQUFnQixFQUFDLENBQUMsQ0FBQzs0QkFDdkQsVUFBVSxDQUFDLHdCQUF3QixFQUNqQyxPQUFPLENBQUMsbUNBQW1DLENBQUMsQ0FDN0M7eUJBQ0YsQ0FBQzt3QkFDRixPQUFPLENBQUMsWUFBWSxFQUFFOzRCQUNwQixVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLG9CQUFvQixFQUFDLENBQUMsRUFBRSxPQUFPLENBQUMsY0FBYyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxnQkFBZ0IsRUFBQyxDQUFDLENBQUMsQ0FBQyxDQUFDOzRCQUMvSCxVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQztnQ0FDdEMsT0FBTyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDOzZCQUNuRSxDQUFDO3lCQUNILENBQUM7cUJBQ0g7NEhBSVMsZUFBZTtzQkFBeEIsTUFBTTtnQkFDRSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2FuaW1hdGUsIGtleWZyYW1lcywgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHtDb21wb25lbnQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBPbkluaXQsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIEFmdGVyVmlld0luaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1JvdXRlcn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHtmYWRlSW5PdXQsIElOYXZiYXJEYXRhfSBmcm9tICcuL2hlbHBlcic7XHJcbmltcG9ydCB7bmF2YmFyRGF0YX0gZnJvbSAnLi9uYXYtZGF0YSc7XHJcbmltcG9ydCB7U2doTmF2YmFyU2VydmljZX0gZnJvbSBcIi4uL3NnaC1uYXZiYXIuc2VydmljZVwiO1xyXG5pbXBvcnQge1NpZGVuYXZEYXRhfSBmcm9tIFwiLi9zaWRlbmF2LWRhdGFcIjtcclxuXHJcbmludGVyZmFjZSBTaWRlTmF2VG9nZ2xlIHtcclxuICBzY3JlZW5XaWR0aDogbnVtYmVyO1xyXG4gIGNvbGxhcHNlZDogYm9vbGVhbjtcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtc2lkZW5hdicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGVuYXYuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NpZGVuYXYuY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdyb3RhdGUnLCBbXHJcbiAgICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcclxuICAgICAgICBhbmltYXRlKCcxMDAwbXMnLFxyXG4gICAgICAgICAga2V5ZnJhbWVzKFtcclxuICAgICAgICAgICAgc3R5bGUoe3RyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKScsIG9mZnNldDogJzAnfSksXHJcbiAgICAgICAgICAgIHN0eWxlKHt0cmFuc2Zvcm06ICdyb3RhdGUoMnR1cm4pJywgb2Zmc2V0OiAnMSd9KVxyXG4gICAgICAgICAgXSlcclxuICAgICAgICApXHJcbiAgICAgIF0pXHJcbiAgICBdKSxcclxuICAgIHRyaWdnZXIoJ2luZGljYXRvclJvdGF0ZScsIFtcclxuICAgICAgc3RhdGUoJ2NvbGxhcHNlZCcsIHN0eWxlKHt0cmFuc2Zvcm06ICdyb3RhdGUoMGRlZyknfSkpLFxyXG4gICAgICBzdGF0ZSgnZXhwYW5kZWQnLCBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknfSkpLFxyXG4gICAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA8PT4gY29sbGFwc2VkJyxcclxuICAgICAgICBhbmltYXRlKCcyMjVtcyBjdWJpYy1iZXppZXIoMC40LDAuMCwwLjIsMSknKVxyXG4gICAgICApLFxyXG4gICAgXSksXHJcbiAgICB0cmlnZ2VyKCdzbGlkZUluT3V0JywgW1xyXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTEwMHB4KSd9KSwgYW5pbWF0ZSgnLjVzIGVhc2Utb3V0Jywgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCUpJ30pKV0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbXHJcbiAgICAgICAgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKScgfSksXHJcbiAgICAgICAgYW5pbWF0ZSgnLjVzIGVhc2Utb3V0Jywgc3R5bGUoeyB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMDAlKScgfSkpXHJcbiAgICAgIF0pXHJcbiAgICBdKVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFNpZGVuYXZDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBAT3V0cHV0KCkgb25Ub2dnbGVTaWRlTmF2OiBFdmVudEVtaXR0ZXI8U2lkZU5hdlRvZ2dsZT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQElucHV0KCkgZXhwYW5kZWQ6Ym9vbGVhbjtcclxuICBASW5wdXQoKSBzaWRlbmF2RGF0YTogU2lkZW5hdkRhdGEgPSB7XHJcbiAgICBuYXZEYXRhOiBuYXZiYXJEYXRhLFxyXG4gICAgYmdDb2xvcjogJyNmZmYnLFxyXG4gICAgaW1nU206ICcnLFxyXG4gICAgaW1nTGc6ICcnXHJcbiAgfVxyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcm91dGVyOiBSb3V0ZXIsIHByaXZhdGUgc2lkZWJhclNlcnZpY2U6IFNnaE5hdmJhclNlcnZpY2UpIHtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcblxyXG4gIG9uSXRlbVNlbGVjdGVkKGl0ZW06IGFueSkge1xyXG4gICAgaWYgKCFpdGVtLml0ZW1zIHx8ICFpdGVtLml0ZW1zLmxlbmd0aCkge1xyXG4gICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbaXRlbS5yb3V0ZUxpbmtdKS50aGVuKCk7XHJcbiAgICB9XHJcbiAgICBpZiAoaXRlbS5pdGVtcyAmJiBpdGVtLml0ZW1zLmxlbmd0aCkge1xyXG4gICAgICBpdGVtLmV4cGFuZGVkID0gIWl0ZW0uZXhwYW5kZWQ7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxhIGhyZWY9XCIjXCIgY2xhc3M9XCJjbG9zZSBzaWRlbmF2LW92ZXJsYXlcIiAqbmdJZj1cImV4cGFuZGVkXCI+PC9hPlxyXG4gIDxhc2lkZSBjbGFzcz1cInNnaC1zaWRlYmFyXCIgKm5nSWY9XCJleHBhbmRlZFwiIFtAc2xpZGVJbk91dF0+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2lkZWJhcl9kaXYgXCIgKm5nRm9yPVwibGV0IGRhdGEgb2Ygc2lkZW5hdkRhdGEubmF2RGF0YVwiPlxyXG4gICAgICA8YSAoY2xpY2spPVwib25JdGVtU2VsZWN0ZWQoZGF0YSlcIlxyXG4gICAgICAgICBbcm91dGVyTGlua109XCJbZGF0YS5yb3V0ZUxpbmtdXCIgcm91dGVyTGlua0FjdGl2ZT1cIml0ZW0tYWN0aXZlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtd3JhcFwiPlxyXG4gICAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS17e2RhdGEuaWNvbn19XCI+PC9pPlxyXG4gICAgICAgICAge3tkYXRhLmxhYmVsfX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWFuZ2xlLWRvd25cIiAqbmdJZj1cIiEoZGF0YS5pdGVtcyA9PSB1bmRlZmluZWQpXCJcclxuICAgICAgICAgICBbQGluZGljYXRvclJvdGF0ZV09XCJkYXRhLmV4cGFuZGVkID8gJ2V4cGFuZGVkJzogJ2NvbGxhcHNlZCdcIj48L2k+XHJcbiAgICAgIDwvYT5cclxuICAgICAgPGRpdiBjbGFzcz1cInN1Yi1saW5rLXdyYXBwZXJcIiAqbmdJZj1cImRhdGEuZXhwYW5kZWRcIj5cclxuICAgICAgICA8YXBwLW1lbnUtbGlzdC1pdGVtIFtpdGVtc109XCJkYXRhLml0ZW1zXCI+XHJcbiAgICAgICAgPC9hcHAtbWVudS1saXN0LWl0ZW0+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9hc2lkZT5cclxuIl19
|
|
@@ -79,7 +79,7 @@ SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
79
79
|
</div>
|
|
80
80
|
</li>
|
|
81
81
|
</ul>
|
|
82
|
-
`, isInline: true, styles: [".sidebar_div a>div>i{padding-right:10px}.sgh-sidebar{height:calc(100vh - 70px);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:white;width:220px}.sidebar_div{margin:0;padding:0;width:220px;overflow:auto}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;
|
|
82
|
+
`, isInline: true, styles: [".sidebar_div a>div>i{padding-right:10px}.sgh-sidebar{height:calc(100vh - 70px);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:white;width:220px}.sidebar_div{margin:0;padding:0;width:220px;overflow:auto}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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{color:#fff!important}.sidebar_div a:hover:not(.active){background-color:#26787f!important;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}.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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:-1;cursor:default}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute!important;background:white!important}.sidenav-overlay{display:block}.text-wrap{margin-right:10px!important;text-align:end!important}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: ["data", "collapsed", "animating", "expanded", "multiple"] }], animations: [
|
|
83
83
|
fadeInOut,
|
|
84
84
|
trigger('submenu', [
|
|
85
85
|
state('hidden', style({
|
|
@@ -152,7 +152,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
152
152
|
animate('{{transitionParams}}')]),
|
|
153
153
|
transition('void => *', animate(0))
|
|
154
154
|
])
|
|
155
|
-
], styles: [".sidebar_div a>div>i{padding-right:10px}.sgh-sidebar{height:calc(100vh - 70px);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:white;width:220px}.sidebar_div{margin:0;padding:0;width:220px;overflow:auto}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;
|
|
155
|
+
], styles: [".sidebar_div a>div>i{padding-right:10px}.sgh-sidebar{height:calc(100vh - 70px);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:white;width:220px}.sidebar_div{margin:0;padding:0;width:220px;overflow:auto}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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{color:#fff!important}.sidebar_div a:hover:not(.active){background-color:#26787f!important;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}.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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:-1;cursor:default}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute!important;background:white!important}.sidenav-overlay{display:block}.text-wrap{margin-right:10px!important;text-align:end!important}}\n"] }]
|
|
156
156
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
|
|
157
157
|
type: Input
|
|
158
158
|
}], collapsed: [{
|
|
@@ -164,4 +164,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
164
164
|
}], multiple: [{
|
|
165
165
|
type: Input
|
|
166
166
|
}] } });
|
|
167
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
167
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VibGV2ZWwtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zdWJsZXZlbC1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBRSxTQUFTLEVBQWUsTUFBTSxVQUFVLENBQUM7Ozs7QUFnRWxELE1BQU0sT0FBTyxxQkFBcUI7SUFhaEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFYeEIsU0FBSSxHQUFnQjtZQUMzQixTQUFTLEVBQUUsRUFBRTtZQUNiLElBQUksRUFBRSxFQUFFO1lBQ1IsS0FBSyxFQUFFLEVBQUU7WUFDVCxLQUFLLEVBQUUsRUFBRTtTQUNWLENBQUE7UUFDUSxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBR2xCLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFFQyxDQUFDO0lBRXJDLFFBQVE7SUFDUixDQUFDO0lBRUQsV0FBVyxDQUFDLElBQVM7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNqRCxLQUFJLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFO29CQUNwQyxJQUFJLElBQUksS0FBSSxTQUFTLElBQUksU0FBUyxDQUFDLFFBQVEsRUFBRTt3QkFDM0MsU0FBUyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7cUJBQzVCO2lCQUNGO2FBQ0Y7U0FDRjtRQUNELElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxjQUFjLENBQUMsSUFBaUI7UUFDOUIsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQzlELENBQUMsQ0FBQyxpQkFBaUI7WUFDbkIsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNULENBQUM7O2tIQW5DVSxxQkFBcUI7c0dBQXJCLHFCQUFxQiwrS0E1RHRCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQ1QsdzVFQWtCVSxxQkFBcUIsb0hBaEJwQjtRQUNWLFNBQVM7UUFDVCxPQUFPLENBQUMsU0FBUyxFQUFFO1lBQ2pCLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDO2dCQUNwQixNQUFNLEVBQUUsR0FBRztnQkFDWCxRQUFRLEVBQUUsUUFBUTthQUNuQixDQUFDLENBQUM7WUFDSCxLQUFLLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQztnQkFDckIsTUFBTSxFQUFFLEdBQUc7YUFDWixDQUFDLENBQUM7WUFDSCxVQUFVLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFDLENBQUM7Z0JBQzNELE9BQU8sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUM7WUFDbkMsVUFBVSxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDcEMsQ0FBQztLQUNIOzJGQUVVLHFCQUFxQjtrQkE5RGpDLFNBQVM7K0JBQ0UsbUJBQW1CLFlBQ25COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQ1QsY0FFVzt3QkFDVixTQUFTO3dCQUNULE9BQU8sQ0FBQyxTQUFTLEVBQUU7NEJBQ2pCLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDO2dDQUNwQixNQUFNLEVBQUUsR0FBRztnQ0FDWCxRQUFRLEVBQUUsUUFBUTs2QkFDbkIsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDO2dDQUNyQixNQUFNLEVBQUUsR0FBRzs2QkFDWixDQUFDLENBQUM7NEJBQ0gsVUFBVSxDQUFDLG9CQUFvQixFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUMsUUFBUSxFQUFFLFFBQVEsRUFBQyxDQUFDO2dDQUMzRCxPQUFPLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDOzRCQUNuQyxVQUFVLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQzt5QkFDcEMsQ0FBQztxQkFDSDs2RkFJUSxJQUFJO3NCQUFaLEtBQUs7Z0JBTUcsU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgZmFkZUluT3V0LCBJTmF2YmFyRGF0YSB9IGZyb20gJy4vaGVscGVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXN1YmxldmVsLW1lbnUnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8dWwgKm5nSWY9XCJjb2xsYXBzZWQgJiYgZGF0YS5pdGVtcyAmJiBkYXRhLml0ZW1zLmxlbmd0aCA+IDBcIlxyXG4gICAgW0BzdWJtZW51XT1cImV4cGFuZGVkXHJcbiAgICAgID8ge3ZhbHVlOiAndmlzaWJsZScsXHJcbiAgICAgICAgICBwYXJhbXM6IHt0cmFuc2l0aW9uUGFyYW1zOiAnNDAwbXMgY3ViaWMtYmV6aWVyKDAuODYsIDAsIDAuMDcsIDEpJywgaGVpZ2h0OiAnKid9fVxyXG4gICAgICA6IHt2YWx1ZTogJ2hpZGRlbicsXHJcbiAgICAgICAgICBwYXJhbXM6IHt0cmFuc2l0aW9uUGFyYW1zOiAnNDAwbXMgY3ViaWMtYmV6aWVyKDAuODYsIDAsIDAuMDcsIDEpJywgaGVpZ2h0OiAnMCd9fVwiXHJcbiAgICAgIGNsYXNzPVwic3VibGV2ZWwtbmF2XCJcclxuICAgID5cclxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGEuaXRlbXNcIiBjbGFzcz1cInN1YmxldmVsLW5hdi1pdGVtXCI+XHJcbiAgICAgICAgICA8YSBjbGFzcz1cInN1YmxldmVsLW5hdi1saW5rXCJcclxuICAgICAgICAgIChjbGljayk9XCJoYW5kbGVDbGljayhpdGVtKVwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5pdGVtcyAmJiBpdGVtLml0ZW1zLmxlbmd0aCA+IDBcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJnZXRBY3RpdmVDbGFzcyhpdGVtKVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwic3VibGV2ZWwtbGluay1pY29uIGZhIGZhLWNpcmNsZVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdWJsZXZlbC1saW5rLXRleHRcIiBAZmFkZUluT3V0XHJcbiAgICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgY29sbGFwc2VkXCIgY2xhc3M9XCJtZW51LWNvbGxhcHNlLWljb25cIlxyXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIiFpdGVtLmV4cGFuZGVkID8gJ2ZhbCBmYS1hbmdsZS1yaWdodCcgOiAnZmFsIGZhLWFuZ2xlLWRvd24nXCJcclxuICAgICAgICAgICAgPjwvaT5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICAgIDxhIGNsYXNzPVwic3VibGV2ZWwtbmF2LWxpbmtcIlxyXG4gICAgICAgICAgICAqbmdJZj1cIiFpdGVtLml0ZW1zIHx8IChpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoID09PSAwKVwiXHJcbiAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIltpdGVtLnJvdXRlTGlua11cIlxyXG4gICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlLXN1YmxldmVsXCJcclxuICAgICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cIntleGFjdDogdHJ1ZX1cIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cInN1YmxldmVsLWxpbmstaWNvbiBmYSBmYS1jaXJjbGVcIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3VibGV2ZWwtbGluay10ZXh0XCIgQGZhZGVJbk91dFxyXG4gICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgaXRlbS5pdGVtcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgIDxhcHAtc3VibGV2ZWwtbWVudVxyXG4gICAgICAgICAgICAgIFtkYXRhXT1cIml0ZW1cIlxyXG4gICAgICAgICAgICAgIFtjb2xsYXBzZWRdPVwiY29sbGFwc2VkXCJcclxuICAgICAgICAgICAgICBbbXVsdGlwbGVdPVwibXVsdGlwbGVcIlxyXG4gICAgICAgICAgICAgIFtleHBhbmRlZF09XCJpdGVtLmV4cGFuZGVkXCJcclxuICAgICAgICAgICAgPjwvYXBwLXN1YmxldmVsLW1lbnU+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9zaWRlbmF2LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgZmFkZUluT3V0LFxyXG4gICAgdHJpZ2dlcignc3VibWVudScsIFtcclxuICAgICAgc3RhdGUoJ2hpZGRlbicsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcwJyxcclxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgndmlzaWJsZScsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcqJ1xyXG4gICAgICB9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ3Zpc2libGUgPD0+IGhpZGRlbicsIFtzdHlsZSh7b3ZlcmZsb3c6ICdoaWRkZW4nfSksXHJcbiAgICAgICAgYW5pbWF0ZSgne3t0cmFuc2l0aW9uUGFyYW1zfX0nKV0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IConLCBhbmltYXRlKDApKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWJsZXZlbE1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBkYXRhOiBJTmF2YmFyRGF0YSA9IHtcclxuICAgIHJvdXRlTGluazogJycsXHJcbiAgICBpY29uOiAnJyxcclxuICAgIGxhYmVsOiAnJyxcclxuICAgIGl0ZW1zOiBbXVxyXG4gIH1cclxuICBASW5wdXQoKSBjb2xsYXBzZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBhbmltYXRpbmc6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgZXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgbXVsdGlwbGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHJvdXRlcjogUm91dGVyKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIGhhbmRsZUNsaWNrKGl0ZW06IGFueSk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLm11bHRpcGxlKSB7XHJcbiAgICAgIGlmICh0aGlzLmRhdGEuaXRlbXMgJiYgdGhpcy5kYXRhLml0ZW1zLmxlbmd0aCA+IDApIHtcclxuICAgICAgICBmb3IobGV0IG1vZGVsSXRlbSBvZiB0aGlzLmRhdGEuaXRlbXMpIHtcclxuICAgICAgICAgIGlmIChpdGVtICE9PW1vZGVsSXRlbSAmJiBtb2RlbEl0ZW0uZXhwYW5kZWQpIHtcclxuICAgICAgICAgICAgbW9kZWxJdGVtLmV4cGFuZGVkID0gZmFsc2U7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBpdGVtLmV4cGFuZGVkID0gIWl0ZW0uZXhwYW5kZWQ7XHJcbiAgfVxyXG5cclxuICBnZXRBY3RpdmVDbGFzcyhpdGVtOiBJTmF2YmFyRGF0YSk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gaXRlbS5leHBhbmRlZCAmJiB0aGlzLnJvdXRlci51cmwuaW5jbHVkZXMoaXRlbS5yb3V0ZUxpbmspXHJcbiAgICAgID8gJ2FjdGl2ZS1zdWJsZXZlbCdcclxuICAgICAgOiAnJztcclxuICB9XHJcblxyXG59XHJcbiJdfQ==
|
package/fesm2015/sgh-navbar.mjs
CHANGED
|
@@ -7,13 +7,7 @@ import * as i2 from '@angular/common';
|
|
|
7
7
|
import { CommonModule } from '@angular/common';
|
|
8
8
|
import * as i2$1 from '@angular/forms';
|
|
9
9
|
import { FormsModule } from '@angular/forms';
|
|
10
|
-
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
11
10
|
import { HttpClientModule } from '@angular/common/http';
|
|
12
|
-
import { MatListModule } from '@angular/material/list';
|
|
13
|
-
import { MatIconModule } from '@angular/material/icon';
|
|
14
|
-
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
15
|
-
import { MatButtonModule } from '@angular/material/button';
|
|
16
|
-
import { MatInputModule } from '@angular/material/input';
|
|
17
11
|
|
|
18
12
|
class SghNavbarService {
|
|
19
13
|
setExpanded(value) {
|
|
@@ -138,7 +132,7 @@ SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
138
132
|
</div>
|
|
139
133
|
</li>
|
|
140
134
|
</ul>
|
|
141
|
-
`, isInline: true, styles: [".sidebar_div a>div>i{padding-right:10px}.sgh-sidebar{height:calc(100vh - 70px);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:white;width:220px}.sidebar_div{margin:0;padding:0;width:220px;overflow:auto}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;
|
|
135
|
+
`, isInline: true, styles: [".sidebar_div a>div>i{padding-right:10px}.sgh-sidebar{height:calc(100vh - 70px);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:white;width:220px}.sidebar_div{margin:0;padding:0;width:220px;overflow:auto}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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{color:#fff!important}.sidebar_div a:hover:not(.active){background-color:#26787f!important;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}.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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:-1;cursor:default}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute!important;background:white!important}.sidenav-overlay{display:block}.text-wrap{margin-right:10px!important;text-align:end!important}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: ["data", "collapsed", "animating", "expanded", "multiple"] }], animations: [
|
|
142
136
|
fadeInOut,
|
|
143
137
|
trigger('submenu', [
|
|
144
138
|
state('hidden', style({
|
|
@@ -211,7 +205,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
211
205
|
animate('{{transitionParams}}')]),
|
|
212
206
|
transition('void => *', animate(0))
|
|
213
207
|
])
|
|
214
|
-
], styles: [".sidebar_div a>div>i{padding-right:10px}.sgh-sidebar{height:calc(100vh - 70px);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:white;width:220px}.sidebar_div{margin:0;padding:0;width:220px;overflow:auto}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;
|
|
208
|
+
], styles: [".sidebar_div a>div>i{padding-right:10px}.sgh-sidebar{height:calc(100vh - 70px);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:white;width:220px}.sidebar_div{margin:0;padding:0;width:220px;overflow:auto}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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{color:#fff!important}.sidebar_div a:hover:not(.active){background-color:#26787f!important;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}.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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:-1;cursor:default}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute!important;background:white!important}.sidenav-overlay{display:block}.text-wrap{margin-right:10px!important;text-align:end!important}}\n"] }]
|
|
215
209
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
|
|
216
210
|
type: Input
|
|
217
211
|
}], collapsed: [{
|
|
@@ -319,12 +313,12 @@ class MenuListItemComponent {
|
|
|
319
313
|
this.router.navigate([item.routeLink]).then();
|
|
320
314
|
}
|
|
321
315
|
if (item.items && item.items.length) {
|
|
322
|
-
|
|
316
|
+
item.expanded = !item.expanded;
|
|
323
317
|
}
|
|
324
318
|
}
|
|
325
319
|
}
|
|
326
320
|
MenuListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuListItemComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
327
|
-
MenuListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"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 fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"
|
|
321
|
+
MenuListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", 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\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"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 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!important}.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!important;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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:13px!important;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!important;left:0%;top:0;z-index:-1;cursor:default}.text-wrapper{display:flex!important;align-items:center!important;margin-left:10px!important}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute!important;background:white!important}.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: [
|
|
328
322
|
trigger('indicatorRotate', [
|
|
329
323
|
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
330
324
|
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
@@ -339,7 +333,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
339
333
|
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
340
334
|
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
341
335
|
])
|
|
342
|
-
], template: "<div class=\"sidebar_div\" *ngFor=\"let data of items\">\r\n <a (click)=\"onItemSelected(data)\" class=\"sub-link\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"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 fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"
|
|
336
|
+
], template: "<div class=\"sidebar_div\" *ngFor=\"let data of items\">\r\n <a (click)=\"onItemSelected(data)\" class=\"sub-link\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"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 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!important}.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!important;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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:13px!important;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!important;left:0%;top:0;z-index:-1;cursor:default}.text-wrapper{display:flex!important;align-items:center!important;margin-left:10px!important}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute!important;background:white!important}.sidenav-overlay{display:block}}\n"] }]
|
|
343
337
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { ariaExpanded: [{
|
|
344
338
|
type: HostBinding,
|
|
345
339
|
args: ['attr.aria-expanded']
|
|
@@ -366,12 +360,12 @@ class SidenavComponent {
|
|
|
366
360
|
this.router.navigate([item.routeLink]).then();
|
|
367
361
|
}
|
|
368
362
|
if (item.items && item.items.length) {
|
|
369
|
-
|
|
363
|
+
item.expanded = !item.expanded;
|
|
370
364
|
}
|
|
371
365
|
}
|
|
372
366
|
}
|
|
373
367
|
SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidenavComponent, deps: [{ token: i1.Router }, { token: SghNavbarService }], target: i0.ɵɵFactoryTarget.Component });
|
|
374
|
-
SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SidenavComponent, selector: "app-sidenav", inputs: { expanded: "expanded", sidenavData: "sidenavData" }, outputs: { onToggleSideNav: "onToggleSideNav" }, ngImport: i0, template: "<a href=\"#\" class=\"close sidenav-overlay\" *ngIf=\"expanded\"></a>\r\n <aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrap\">\r\n <i class=\"fa fa-{{data.icon}}\"></i>\r\n {{data.label}}\r\n </div>\r\n <i class=\"fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"
|
|
368
|
+
SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SidenavComponent, selector: "app-sidenav", inputs: { expanded: "expanded", sidenavData: "sidenavData" }, outputs: { onToggleSideNav: "onToggleSideNav" }, ngImport: i0, template: "<a href=\"#\" class=\"close sidenav-overlay\" *ngIf=\"expanded\"></a>\r\n <aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrap\">\r\n <i class=\"fa fa-{{data.icon}}\"></i>\r\n {{data.label}}\r\n </div>\r\n <i class=\"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 </aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.sgh-sidebar{height:calc(100vh - 70px);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:white;width:220px}.sidebar_div{margin:0;padding:0;width:220px;overflow:auto}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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{color:#fff!important}.sidebar_div a:hover:not(.active){background-color:#26787f!important;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}.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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:-1;cursor:default}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute!important;background:white!important}.sidenav-overlay{display:block}.text-wrap{margin-right:10px!important;text-align:end!important}}\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: [
|
|
375
369
|
trigger('rotate', [
|
|
376
370
|
transition(':enter', [
|
|
377
371
|
animate('1000ms', keyframes([
|
|
@@ -416,7 +410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
416
410
|
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
417
411
|
])
|
|
418
412
|
])
|
|
419
|
-
], template: "<a href=\"#\" class=\"close sidenav-overlay\" *ngIf=\"expanded\"></a>\r\n <aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrap\">\r\n <i class=\"fa fa-{{data.icon}}\"></i>\r\n {{data.label}}\r\n </div>\r\n <i class=\"fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"
|
|
413
|
+
], template: "<a href=\"#\" class=\"close sidenav-overlay\" *ngIf=\"expanded\"></a>\r\n <aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\">\r\n <div class=\"text-wrap\">\r\n <i class=\"fa fa-{{data.icon}}\"></i>\r\n {{data.label}}\r\n </div>\r\n <i class=\"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 </aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.sgh-sidebar{height:calc(100vh - 70px);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:white;width:220px}.sidebar_div{margin:0;padding:0;width:220px;overflow:auto}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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{color:#fff!important}.sidebar_div a:hover:not(.active){background-color:#26787f!important;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}.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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:-1;cursor:default}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute!important;background:white!important}.sidenav-overlay{display:block}.text-wrap{margin-right:10px!important;text-align:end!important}}\n"] }]
|
|
420
414
|
}], ctorParameters: function () { return [{ type: i1.Router }, { type: SghNavbarService }]; }, propDecorators: { onToggleSideNav: [{
|
|
421
415
|
type: Output
|
|
422
416
|
}], expanded: [{
|
|
@@ -537,29 +531,17 @@ SghNavbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
|
|
|
537
531
|
SidenavComponent,
|
|
538
532
|
ToolbarComponent,
|
|
539
533
|
MenuListItemComponent,
|
|
540
|
-
NoftificationListComponent], imports: [
|
|
541
|
-
CommonModule,
|
|
534
|
+
NoftificationListComponent], imports: [CommonModule,
|
|
542
535
|
HttpClientModule,
|
|
543
536
|
RouterModule,
|
|
544
|
-
FormsModule,
|
|
545
|
-
MatListModule,
|
|
546
|
-
MatIconModule,
|
|
547
|
-
MatToolbarModule,
|
|
548
|
-
MatButtonModule,
|
|
549
|
-
MatInputModule], exports: [SghNavbarComponent,
|
|
537
|
+
FormsModule], exports: [SghNavbarComponent,
|
|
550
538
|
SublevelMenuComponent,
|
|
551
539
|
SidenavComponent,
|
|
552
540
|
ToolbarComponent] });
|
|
553
|
-
SghNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarModule, providers: [SghNavbarService], imports: [
|
|
554
|
-
CommonModule,
|
|
541
|
+
SghNavbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarModule, providers: [SghNavbarService], imports: [CommonModule,
|
|
555
542
|
HttpClientModule,
|
|
556
543
|
RouterModule,
|
|
557
|
-
FormsModule
|
|
558
|
-
MatListModule,
|
|
559
|
-
MatIconModule,
|
|
560
|
-
MatToolbarModule,
|
|
561
|
-
MatButtonModule,
|
|
562
|
-
MatInputModule] });
|
|
544
|
+
FormsModule] });
|
|
563
545
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarModule, decorators: [{
|
|
564
546
|
type: NgModule,
|
|
565
547
|
args: [{
|
|
@@ -572,16 +554,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
572
554
|
NoftificationListComponent
|
|
573
555
|
],
|
|
574
556
|
imports: [
|
|
575
|
-
BrowserAnimationsModule,
|
|
576
557
|
CommonModule,
|
|
577
558
|
HttpClientModule,
|
|
578
559
|
RouterModule,
|
|
579
560
|
FormsModule,
|
|
580
|
-
MatListModule,
|
|
581
|
-
MatIconModule,
|
|
582
|
-
MatToolbarModule,
|
|
583
|
-
MatButtonModule,
|
|
584
|
-
MatInputModule
|
|
585
561
|
],
|
|
586
562
|
exports: [
|
|
587
563
|
SghNavbarComponent,
|