sgh-navbar 0.0.11 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/sgh-navbar.component.mjs +1 -1
- package/esm2020/lib/sgh-navbar.service.mjs +7 -23
- package/esm2020/lib/sidenav/menu-list-item/menu-list-item.component.mjs +9 -22
- package/esm2020/lib/sidenav/nav-data.mjs +6 -6
- package/esm2020/lib/sidenav/sidenav.component.mjs +46 -33
- package/esm2020/lib/sidenav/sublevel-menu.component.mjs +3 -3
- package/esm2020/lib/toolbar/noftification-list/noftification-list.component.mjs +3 -3
- package/esm2020/lib/toolbar/toolbar.component.mjs +76 -50
- package/fesm2015/sgh-navbar.mjs +142 -125
- package/fesm2015/sgh-navbar.mjs.map +1 -1
- package/fesm2020/sgh-navbar.mjs +142 -125
- package/fesm2020/sgh-navbar.mjs.map +1 -1
- package/lib/sgh-navbar.service.d.ts +3 -9
- package/lib/sidenav/menu-list-item/menu-list-item.component.d.ts +4 -6
- package/lib/sidenav/sidenav.component.d.ts +10 -11
- package/lib/toolbar/toolbar.component.d.ts +21 -18
- package/package.json +3 -2
- package/esm2020/lib/sidenav/toolbar-data.mjs +0 -3
- package/lib/sidenav/toolbar-data.d.ts +0 -11
|
@@ -19,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
19
19
|
</p>
|
|
20
20
|
` }]
|
|
21
21
|
}], ctorParameters: function () { return []; } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2doLW5hdmJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2doLW5hdmJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBZ0IsTUFBTSxlQUFlLENBQUM7O0FBWXZELE1BQU0sT0FBTyxrQkFBa0I7SUFDN0IsZ0JBQWUsQ0FBQztJQUVoQixRQUFRO0lBQ1IsQ0FBQzs7K0dBSlUsa0JBQWtCO21HQUFsQixrQkFBa0Isc0RBUm5COzs7O0dBSVQ7MkZBSVUsa0JBQWtCO2tCQVY5QixTQUFTOytCQUNFLGdCQUFnQixZQUNoQjs7OztHQUlUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItc2doLW5hdmJhcicsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxwPlxyXG4gICAgICBzZ2gtbmF2YmFyIHdvcmtzIVxyXG4gICAgPC9wPlxyXG4gIGAsXHJcbiAgc3R5bGVzOiBbXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2doTmF2YmFyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbn1cclxuIl19
|
|
@@ -1,35 +1,19 @@
|
|
|
1
1
|
import { Injectable } from '@angular/core';
|
|
2
|
-
import { BehaviorSubject } from "rxjs";
|
|
3
|
-
import { NavigationEnd } from "@angular/router";
|
|
4
2
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/router";
|
|
6
3
|
export class SghNavbarService {
|
|
7
|
-
|
|
8
|
-
this.
|
|
9
|
-
// @ts-ignore
|
|
10
|
-
this.currentUrl = new BehaviorSubject(undefined);
|
|
11
|
-
this.router.events.subscribe((event) => {
|
|
12
|
-
if (event instanceof NavigationEnd) {
|
|
13
|
-
this.currentUrl.next(event.urlAfterRedirects);
|
|
14
|
-
}
|
|
15
|
-
});
|
|
4
|
+
setExpanded(value) {
|
|
5
|
+
this.expanded = value;
|
|
16
6
|
}
|
|
17
|
-
|
|
18
|
-
this.
|
|
19
|
-
}
|
|
20
|
-
openNav() {
|
|
21
|
-
this.appDrawer.open();
|
|
22
|
-
}
|
|
23
|
-
toggleNav() {
|
|
24
|
-
this.appDrawer.toggle();
|
|
7
|
+
getExpanded() {
|
|
8
|
+
return this.expanded;
|
|
25
9
|
}
|
|
26
10
|
}
|
|
27
|
-
SghNavbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarService, deps: [
|
|
11
|
+
SghNavbarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
28
12
|
SghNavbarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarService, providedIn: 'root' });
|
|
29
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SghNavbarService, decorators: [{
|
|
30
14
|
type: Injectable,
|
|
31
15
|
args: [{
|
|
32
16
|
providedIn: 'root'
|
|
33
17
|
}]
|
|
34
|
-
}]
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
}] });
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2doLW5hdmJhci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NnaC1uYXZiYXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8zQyxNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCLFdBQVcsQ0FBQyxLQUFjO1FBQ3hCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ3ZCLENBQUM7OzZHQVJVLGdCQUFnQjtpSEFBaEIsZ0JBQWdCLGNBRmYsTUFBTTsyRkFFUCxnQkFBZ0I7a0JBSDVCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0JlaGF2aW9yU3ViamVjdH0gZnJvbSBcInJ4anNcIjtcclxuaW1wb3J0IHtFdmVudCwgTmF2aWdhdGlvbkVuZCwgUm91dGVyfSBmcm9tIFwiQGFuZ3VsYXIvcm91dGVyXCI7XHJcblxyXG5ASW5qZWN0YWJsZSh7XHJcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTZ2hOYXZiYXJTZXJ2aWNlIHtcclxuICBleHBhbmRlZDpib29sZWFuO1xyXG4gIHNldEV4cGFuZGVkKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLmV4cGFuZGVkID0gdmFsdWU7XHJcbiAgfVxyXG5cclxuICBnZXRFeHBhbmRlZCgpIHtcclxuICAgIHJldHVybiB0aGlzLmV4cGFuZGVkO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -2,39 +2,26 @@ import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core'
|
|
|
2
2
|
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@angular/router";
|
|
5
|
-
import * as i2 from "
|
|
6
|
-
import * as i3 from "@angular/common";
|
|
7
|
-
import * as i4 from "@angular/material/list";
|
|
8
|
-
import * as i5 from "@angular/material/icon";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
9
6
|
export class MenuListItemComponent {
|
|
10
|
-
constructor(router
|
|
7
|
+
constructor(router) {
|
|
11
8
|
this.router = router;
|
|
12
|
-
this.navService = navService;
|
|
13
9
|
// @ts-ignore
|
|
14
10
|
this.ariaExpanded = this.expanded;
|
|
15
|
-
this.hideSublinkIcon = true;
|
|
16
11
|
}
|
|
17
12
|
ngOnInit() {
|
|
18
|
-
this.navService.currentUrl.subscribe((url) => {
|
|
19
|
-
if (this.item.routeLink && url) {
|
|
20
|
-
// console.log(`Checking '/${this.item.route}' against '${url}'`);
|
|
21
|
-
this.expanded = url.indexOf(`/${this.item.routeLink}`) === 0;
|
|
22
|
-
this.ariaExpanded = this.expanded;
|
|
23
|
-
// console.log(`${this.item.route} is expanded: ${this.expanded}`);
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
13
|
}
|
|
27
14
|
onItemSelected(item) {
|
|
28
15
|
if (!item.items || !item.items.length) {
|
|
29
16
|
this.router.navigate([item.routeLink]).then();
|
|
30
17
|
}
|
|
31
18
|
if (item.items && item.items.length) {
|
|
32
|
-
this.
|
|
19
|
+
this.expandMenu = !this.expandMenu;
|
|
33
20
|
}
|
|
34
21
|
}
|
|
35
22
|
}
|
|
36
|
-
MenuListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuListItemComponent, deps: [{ token: i1.Router }
|
|
37
|
-
MenuListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: {
|
|
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]=\"expandMenu ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"expandMenu\">\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: [
|
|
38
25
|
trigger('indicatorRotate', [
|
|
39
26
|
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
40
27
|
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
@@ -49,11 +36,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
49
36
|
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
50
37
|
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
51
38
|
])
|
|
52
|
-
], template: "<
|
|
53
|
-
}], ctorParameters: function () { return [{ type: i1.Router }
|
|
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]=\"expandMenu ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"expandMenu\">\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
|
+
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { ariaExpanded: [{
|
|
54
41
|
type: HostBinding,
|
|
55
42
|
args: ['attr.aria-expanded']
|
|
56
|
-
}],
|
|
43
|
+
}], items: [{
|
|
57
44
|
type: Input
|
|
58
45
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBR3ZGLE9BQU8sRUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFpQi9FLE1BQU0sT0FBTyxxQkFBcUI7SUFPaEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFKakMsYUFBYTtRQUNzQixpQkFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7SUFHM0IsQ0FBQztJQUV0QyxRQUFRO0lBQ1IsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFpQjtRQUM5QixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDL0M7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUU7WUFDbkMsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7U0FDcEM7SUFDSCxDQUFDOztrSEFuQlUscUJBQXFCO3NHQUFyQixxQkFBcUIsMkpDcEJsQyxxdEJBaUJBLCtvRURHYSxxQkFBcUIsb0VBVnBCO1FBQ1YsT0FBTyxDQUFDLGlCQUFpQixFQUFFO1lBQ3pCLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGNBQWMsRUFBQyxDQUFDLENBQUM7WUFDdEQsS0FBSyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZ0JBQWdCLEVBQUMsQ0FBQyxDQUFDO1lBQ3ZELFVBQVUsQ0FBQyx3QkFBd0IsRUFDakMsT0FBTyxDQUFDLG1DQUFtQyxDQUFDLENBQzdDO1NBQ0YsQ0FBQztLQUNIOzJGQUVVLHFCQUFxQjtrQkFmakMsU0FBUzsrQkFDRSxvQkFBb0IsaUJBR2hCLGlCQUFpQixDQUFDLElBQUksY0FDeEI7d0JBQ1YsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUN6QixLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUMsQ0FBQyxDQUFDOzRCQUN0RCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxnQkFBZ0IsRUFBQyxDQUFDLENBQUM7NEJBQ3ZELFVBQVUsQ0FBQyx3QkFBd0IsRUFDakMsT0FBTyxDQUFDLG1DQUFtQyxDQUFDLENBQzdDO3lCQUNGLENBQUM7cUJBQ0g7NkZBTWtDLFlBQVk7c0JBQTlDLFdBQVc7dUJBQUMsb0JBQW9CO2dCQUN4QixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtJTmF2YmFyRGF0YX0gZnJvbSAnLi4vaGVscGVyJztcclxuaW1wb3J0IHtSb3V0ZXJ9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7YW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW1lbnUtbGlzdC1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21lbnUtbGlzdC1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjpWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2luZGljYXRvclJvdGF0ZScsIFtcclxuICAgICAgc3RhdGUoJ2NvbGxhcHNlZCcsIHN0eWxlKHt0cmFuc2Zvcm06ICdyb3RhdGUoMGRlZyknfSkpLFxyXG4gICAgICBzdGF0ZSgnZXhwYW5kZWQnLCBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknfSkpLFxyXG4gICAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA8PT4gY29sbGFwc2VkJyxcclxuICAgICAgICBhbmltYXRlKCcyMjVtcyBjdWJpYy1iZXppZXIoMC40LDAuMCwwLjIsMSknKVxyXG4gICAgICApLFxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51TGlzdEl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGV4cGFuZGVkOiBib29sZWFuO1xyXG4gIGV4cGFuZE1lbnU6IGJvb2xlYW47XHJcbiAgLy8gQHRzLWlnbm9yZVxyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWV4cGFuZGVkJykgYXJpYUV4cGFuZGVkID0gdGhpcy5leHBhbmRlZDtcclxuICBASW5wdXQoKSBpdGVtczogYW55O1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcm91dGVyOiBSb3V0ZXIpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIG9uSXRlbVNlbGVjdGVkKGl0ZW06IElOYXZiYXJEYXRhKSB7XHJcbiAgICBpZiAoIWl0ZW0uaXRlbXMgfHwgIWl0ZW0uaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtpdGVtLnJvdXRlTGlua10pLnRoZW4oKTtcclxuICAgIH1cclxuICAgIGlmIChpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMuZXhwYW5kTWVudSA9ICF0aGlzLmV4cGFuZE1lbnU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic2lkZWJhcl9kaXZcIiAqbmdGb3I9XCJsZXQgZGF0YSBvZiBpdGVtc1wiPlxyXG4gIDxhIChjbGljayk9XCJvbkl0ZW1TZWxlY3RlZChkYXRhKVwiIGNsYXNzPVwic3ViLWxpbmtcIlxyXG4gICAgIFtyb3V0ZXJMaW5rXT1cIltkYXRhLnJvdXRlTGlua11cIiByb3V0ZXJMaW5rQWN0aXZlPVwiaXRlbS1hY3RpdmVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXdyYXBwZXJcIj5cclxuICAgICAgPGkgY2xhc3M9XCJmYSBmYS17e2RhdGEuaWNvbn19IHt7ZGF0YS5pY29uID8gJycgOiAncGFkZGluZy0xMCd9fVwiPjwvaT5cclxuICAgICAgPGRpdiBjbGFzcz1cInRleHQtZGl2XCI+XHJcbiAgICAgICAge3tkYXRhLmxhYmVsfX1cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtZG93blwiICpuZ0lmPVwiIShkYXRhLml0ZW1zID09IHVuZGVmaW5lZClcIlxyXG4gICAgICAgW0BpbmRpY2F0b3JSb3RhdGVdPVwiZXhwYW5kTWVudSA/ICdleHBhbmRlZCc6ICdjb2xsYXBzZWQnXCI+PC9pPlxyXG4gIDwvYT5cclxuICA8ZGl2IGNsYXNzPVwic3ViLWxpbmstd3JhcHBlclwiICpuZ0lmPVwiZXhwYW5kTWVudVwiPlxyXG4gICAgPGFwcC1tZW51LWxpc3QtaXRlbSBbaXRlbXNdPVwiZGF0YS5pdGVtc1wiPlxyXG4gICAgPC9hcHAtbWVudS1saXN0LWl0ZW0+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -6,13 +6,13 @@ export const navbarData = [
|
|
|
6
6
|
"items": [
|
|
7
7
|
{
|
|
8
8
|
"label": "Cards",
|
|
9
|
-
"icon": "
|
|
10
|
-
"routeLink": "dashboard
|
|
9
|
+
"icon": "home",
|
|
10
|
+
"routeLink": "dashboard"
|
|
11
11
|
},
|
|
12
12
|
{
|
|
13
13
|
"label": "Charts",
|
|
14
|
-
"icon": "
|
|
15
|
-
"routeLink": "dashboard
|
|
14
|
+
"icon": "home",
|
|
15
|
+
"routeLink": "dashboard",
|
|
16
16
|
"items": [
|
|
17
17
|
{
|
|
18
18
|
"label": "Vertical bar chart",
|
|
@@ -75,8 +75,8 @@ export const navbarData = [
|
|
|
75
75
|
},
|
|
76
76
|
{
|
|
77
77
|
"label": "Form elements",
|
|
78
|
-
"icon": "
|
|
78
|
+
"icon": "home",
|
|
79
79
|
"routeLink": "main"
|
|
80
80
|
},
|
|
81
81
|
];
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmF2LWRhdGEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9uYXYtZGF0YS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQWtCO0lBQ3ZDO1FBQ0UsT0FBTyxFQUFFLFdBQVc7UUFDcEIsTUFBTSxFQUFFLE1BQU07UUFDZCxXQUFXLEVBQUUsV0FBVztRQUN4QixPQUFPLEVBQUU7WUFDUDtnQkFDRSxPQUFPLEVBQUUsT0FBTztnQkFDaEIsTUFBTSxFQUFFLE1BQU07Z0JBQ2QsV0FBVyxFQUFFLFdBQVc7YUFDekI7WUFDRDtnQkFDRSxPQUFPLEVBQUUsUUFBUTtnQkFDakIsTUFBTSxFQUFFLE1BQU07Z0JBQ2QsV0FBVyxFQUFFLFdBQVc7Z0JBQ3hCLE9BQU8sRUFBRTtvQkFDUDt3QkFDRSxPQUFPLEVBQUUsb0JBQW9CO3dCQUM3QixNQUFNLEVBQUUsRUFBRTt3QkFDVixXQUFXLEVBQUUsMkNBQTJDO3FCQUN6RDtvQkFDRDt3QkFDRSxPQUFPLEVBQUUsc0JBQXNCO3dCQUMvQixNQUFNLEVBQUUsRUFBRTt3QkFDVixXQUFXLEVBQUUsNkNBQTZDO3FCQUMzRDtvQkFDRDt3QkFDRSxPQUFPLEVBQUUsOEJBQThCO3dCQUN2QyxNQUFNLEVBQUUsRUFBRTt3QkFDVixXQUFXLEVBQUUscURBQXFEO3FCQUNuRTtvQkFDRDt3QkFDRSxPQUFPLEVBQUUsNEJBQTRCO3dCQUNyQyxNQUFNLEVBQUUsRUFBRTt3QkFDVixXQUFXLEVBQUUsbURBQW1EO3FCQUNqRTtvQkFDRDt3QkFDRSxPQUFPLEVBQUUsV0FBVzt3QkFDcEIsTUFBTSxFQUFFLEVBQUU7d0JBQ1YsV0FBVyxFQUFFLGtDQUFrQztxQkFDaEQ7b0JBQ0Q7d0JBQ0UsT0FBTyxFQUFFLG9CQUFvQjt3QkFDN0IsTUFBTSxFQUFFLEVBQUU7d0JBQ1YsV0FBVyxFQUFFLDJDQUEyQztxQkFDekQ7b0JBQ0Q7d0JBQ0UsT0FBTyxFQUFFLGdCQUFnQjt3QkFDekIsTUFBTSxFQUFFLEVBQUU7d0JBQ1YsV0FBVyxFQUFFLHVDQUF1QztxQkFDckQ7b0JBQ0Q7d0JBQ0UsT0FBTyxFQUFFLFlBQVk7d0JBQ3JCLE1BQU0sRUFBRSxFQUFFO3dCQUNWLFdBQVcsRUFBRSxtQ0FBbUM7cUJBQ2pEO29CQUNEO3dCQUNFLE9BQU8sRUFBRSxtQkFBbUI7d0JBQzVCLE1BQU0sRUFBRSxFQUFFO3dCQUNWLFdBQVcsRUFBRSwwQ0FBMEM7cUJBQ3hEO29CQUNEO3dCQUNFLE9BQU8sRUFBRSxvQkFBb0I7d0JBQzdCLE1BQU0sRUFBRSxFQUFFO3dCQUNWLFdBQVcsRUFBRSwyQ0FBMkM7cUJBQ3pEO29CQUNEO3dCQUNFLE9BQU8sRUFBRSxhQUFhO3dCQUN0QixNQUFNLEVBQUUsRUFBRTt3QkFDVixXQUFXLEVBQUUsb0NBQW9DO3FCQUNsRDtpQkFDRjthQUNGO1NBQ0Y7S0FDRjtJQUNEO1FBQ0UsT0FBTyxFQUFFLGVBQWU7UUFDeEIsTUFBTSxFQUFFLE1BQU07UUFDZCxXQUFXLEVBQUUsTUFBTTtLQUNwQjtDQUNGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJTmF2YmFyRGF0YSB9IGZyb20gXCIuL2hlbHBlclwiO1xyXG5cclxuZXhwb3J0IGNvbnN0IG5hdmJhckRhdGE6IElOYXZiYXJEYXRhW10gPSBbXHJcbiAge1xyXG4gICAgXCJsYWJlbFwiOiBcIkRhc2hib2FyZFwiLFxyXG4gICAgXCJpY29uXCI6IFwiaG9tZVwiLFxyXG4gICAgXCJyb3V0ZUxpbmtcIjogXCJkYXNoYm9hcmRcIixcclxuICAgIFwiaXRlbXNcIjogW1xyXG4gICAgICB7XHJcbiAgICAgICAgXCJsYWJlbFwiOiBcIkNhcmRzXCIsXHJcbiAgICAgICAgXCJpY29uXCI6IFwiaG9tZVwiLFxyXG4gICAgICAgIFwicm91dGVMaW5rXCI6IFwiZGFzaGJvYXJkXCJcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIFwibGFiZWxcIjogXCJDaGFydHNcIixcclxuICAgICAgICBcImljb25cIjogXCJob21lXCIsXHJcbiAgICAgICAgXCJyb3V0ZUxpbmtcIjogXCJkYXNoYm9hcmRcIixcclxuICAgICAgICBcIml0ZW1zXCI6IFtcclxuICAgICAgICAgIHtcclxuICAgICAgICAgICAgXCJsYWJlbFwiOiBcIlZlcnRpY2FsIGJhciBjaGFydFwiLFxyXG4gICAgICAgICAgICBcImljb25cIjogXCJcIixcclxuICAgICAgICAgICAgXCJyb3V0ZUxpbmtcIjogXCJkYXNoYm9hcmQvY2hhcnRzL3BhZ2VzL3ZlcnRpY2FsLWJhci1jaGFydFwiXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAge1xyXG4gICAgICAgICAgICBcImxhYmVsXCI6IFwiSG9yaXpvbnRhbCBiYXIgY2hhcnRcIixcclxuICAgICAgICAgICAgXCJpY29uXCI6IFwiXCIsXHJcbiAgICAgICAgICAgIFwicm91dGVMaW5rXCI6IFwiZGFzaGJvYXJkL2NoYXJ0cy9wYWdlcy9ob3Jpem9udGFsLWJhci1jaGFydFwiXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAge1xyXG4gICAgICAgICAgICBcImxhYmVsXCI6IFwiR3JvdXBlZCBob3Jpem9udGFsIGJhciBjaGFydFwiLFxyXG4gICAgICAgICAgICBcImljb25cIjogXCJcIixcclxuICAgICAgICAgICAgXCJyb3V0ZUxpbmtcIjogXCJkYXNoYm9hcmQvY2hhcnRzL3BhZ2VzL2dyb3VwZWQtaG9yaXpvbnRhbC1iYXItY2hhcnRcIlxyXG4gICAgICAgICAgfSxcclxuICAgICAgICAgIHtcclxuICAgICAgICAgICAgXCJsYWJlbFwiOiBcIkdyb3VwZWQgdmVydGljYWwgYmFyIGNoYXJ0XCIsXHJcbiAgICAgICAgICAgIFwiaWNvblwiOiBcIlwiLFxyXG4gICAgICAgICAgICBcInJvdXRlTGlua1wiOiBcImRhc2hib2FyZC9jaGFydHMvcGFnZXMvZ3JvdXBlZC12ZXJ0aWNhbC1iYXItY2hhcnRcIlxyXG4gICAgICAgICAgfSxcclxuICAgICAgICAgIHtcclxuICAgICAgICAgICAgXCJsYWJlbFwiOiBcIlBpZSBjaGFydFwiLFxyXG4gICAgICAgICAgICBcImljb25cIjogXCJcIixcclxuICAgICAgICAgICAgXCJyb3V0ZUxpbmtcIjogXCJkYXNoYm9hcmQvY2hhcnRzL3BhZ2VzL3BpZS1jaGFydFwiXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAge1xyXG4gICAgICAgICAgICBcImxhYmVsXCI6IFwiQWR2YW5jZWQgcGllIGNoYXJ0XCIsXHJcbiAgICAgICAgICAgIFwiaWNvblwiOiBcIlwiLFxyXG4gICAgICAgICAgICBcInJvdXRlTGlua1wiOiBcImRhc2hib2FyZC9jaGFydHMvcGFnZXMvYWR2YW5jZWQtcGllLWNoYXJ0XCJcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgICB7XHJcbiAgICAgICAgICAgIFwibGFiZWxcIjogXCJQaWUgZ3JpZCBjaGFydFwiLFxyXG4gICAgICAgICAgICBcImljb25cIjogXCJcIixcclxuICAgICAgICAgICAgXCJyb3V0ZUxpbmtcIjogXCJkYXNoYm9hcmQvY2hhcnRzL3BhZ2VzL3BpZS1ncmlkLWNoYXJ0XCJcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgICB7XHJcbiAgICAgICAgICAgIFwibGFiZWxcIjogXCJMaW5lIGNoYXJ0XCIsXHJcbiAgICAgICAgICAgIFwiaWNvblwiOiBcIlwiLFxyXG4gICAgICAgICAgICBcInJvdXRlTGlua1wiOiBcImRhc2hib2FyZC9jaGFydHMvcGFnZXMvbGluZS1jaGFydFwiXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAge1xyXG4gICAgICAgICAgICBcImxhYmVsXCI6IFwiTnVtYmVyIGNhcmQgY2hhcnRcIixcclxuICAgICAgICAgICAgXCJpY29uXCI6IFwiXCIsXHJcbiAgICAgICAgICAgIFwicm91dGVMaW5rXCI6IFwiZGFzaGJvYXJkL2NoYXJ0cy9wYWdlcy9udW1iZXItY2FyZC1jaGFydFwiXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAge1xyXG4gICAgICAgICAgICBcImxhYmVsXCI6IFwiTGluZWFyIGdhdWdlIGNoYXJ0XCIsXHJcbiAgICAgICAgICAgIFwiaWNvblwiOiBcIlwiLFxyXG4gICAgICAgICAgICBcInJvdXRlTGlua1wiOiBcImRhc2hib2FyZC9jaGFydHMvcGFnZXMvbGluZWFyLWdhdWdlLWNoYXJ0XCJcclxuICAgICAgICAgIH0sXHJcbiAgICAgICAgICB7XHJcbiAgICAgICAgICAgIFwibGFiZWxcIjogXCJDb21ibyBjaGFydFwiLFxyXG4gICAgICAgICAgICBcImljb25cIjogXCJcIixcclxuICAgICAgICAgICAgXCJyb3V0ZUxpbmtcIjogXCJkYXNoYm9hcmQvY2hhcnRzL3BhZ2VzL2NvbWJvLWNoYXJ0XCJcclxuICAgICAgICAgIH1cclxuICAgICAgICBdXHJcbiAgICAgIH1cclxuICAgIF1cclxuICB9LFxyXG4gIHtcclxuICAgIFwibGFiZWxcIjogXCJGb3JtIGVsZW1lbnRzXCIsXHJcbiAgICBcImljb25cIjogXCJob21lXCIsXHJcbiAgICBcInJvdXRlTGlua1wiOiBcIm1haW5cIlxyXG4gIH0sXHJcbl07XHJcbiJdfQ==
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { animate, keyframes, style, transition, trigger } from '@angular/animations';
|
|
1
|
+
import { animate, keyframes, state, style, transition, trigger } from '@angular/animations';
|
|
2
2
|
import { Component, Output, EventEmitter, HostListener, Input } from '@angular/core';
|
|
3
3
|
import { fadeInOut } from './helper';
|
|
4
4
|
import { navbarData } from './nav-data';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "@angular/router";
|
|
7
|
-
import * as i2 from "
|
|
8
|
-
import * as i3 from "@angular/
|
|
7
|
+
import * as i2 from "../sgh-navbar.service";
|
|
8
|
+
import * as i3 from "@angular/common";
|
|
9
9
|
import * as i4 from "./menu-list-item/menu-list-item.component";
|
|
10
10
|
export class SidenavComponent {
|
|
11
11
|
onResize(event) {
|
|
@@ -15,8 +15,9 @@ export class SidenavComponent {
|
|
|
15
15
|
this.onToggleSideNav.emit({ collapsed: this.collapsed, screenWidth: this.screenWidth });
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
constructor(router) {
|
|
18
|
+
constructor(router, sidebarService) {
|
|
19
19
|
this.router = router;
|
|
20
|
+
this.sidebarService = sidebarService;
|
|
20
21
|
this.onToggleSideNav = new EventEmitter();
|
|
21
22
|
this.collapsed = false;
|
|
22
23
|
this.screenWidth = 0;
|
|
@@ -24,41 +25,27 @@ export class SidenavComponent {
|
|
|
24
25
|
navData: navbarData,
|
|
25
26
|
bgColor: '#fff',
|
|
26
27
|
imgSm: '',
|
|
27
|
-
imgLg: ''
|
|
28
|
+
imgLg: ''
|
|
28
29
|
};
|
|
29
|
-
this.multiple = false;
|
|
30
30
|
}
|
|
31
31
|
ngOnInit() {
|
|
32
32
|
this.screenWidth = window.innerWidth;
|
|
33
|
-
|
|
33
|
+
this.expanded = this.sidebarService.getExpanded();
|
|
34
34
|
}
|
|
35
|
-
|
|
36
|
-
this.
|
|
37
|
-
this.onToggleSideNav.emit({ collapsed: this.collapsed, screenWidth: this.screenWidth });
|
|
35
|
+
ngAfterViewInit() {
|
|
36
|
+
this.expanded = this.sidebarService.getExpanded();
|
|
38
37
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
item.expanded = !item.expanded;
|
|
46
|
-
}
|
|
47
|
-
getActiveClass(data) {
|
|
48
|
-
return this.router.url.includes(data.routeLink) ? 'active' : '';
|
|
49
|
-
}
|
|
50
|
-
shrinkItems(item) {
|
|
51
|
-
if (!this.multiple) {
|
|
52
|
-
for (let modelItem of this.sidenavData.navData) {
|
|
53
|
-
if (item !== modelItem && modelItem.expanded) {
|
|
54
|
-
modelItem.expanded = false;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
38
|
+
onItemSelected(item) {
|
|
39
|
+
if (!item.items || !item.items.length) {
|
|
40
|
+
this.router.navigate([item.routeLink]).then();
|
|
41
|
+
}
|
|
42
|
+
if (item.items && item.items.length) {
|
|
43
|
+
this.expandMenu = !this.expandMenu;
|
|
57
44
|
}
|
|
58
45
|
}
|
|
59
46
|
}
|
|
60
|
-
SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidenavComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
-
SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SidenavComponent, selector: "app-sidenav", inputs: { sidenavData: "sidenavData" }, outputs: { onToggleSideNav: "onToggleSideNav" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<
|
|
47
|
+
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 });
|
|
48
|
+
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" }, host: { listeners: { "window:resize": "onResize($event)" } }, 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]=\"expandMenu ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"expandMenu\">\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;color:#fff;border-radius:13px}.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: [
|
|
62
49
|
fadeInOut,
|
|
63
50
|
trigger('rotate', [
|
|
64
51
|
transition(':enter', [
|
|
@@ -67,6 +54,18 @@ SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versi
|
|
|
67
54
|
style({ transform: 'rotate(2turn)', offset: '1' })
|
|
68
55
|
]))
|
|
69
56
|
])
|
|
57
|
+
]),
|
|
58
|
+
trigger('indicatorRotate', [
|
|
59
|
+
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
60
|
+
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
61
|
+
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
62
|
+
]),
|
|
63
|
+
trigger('slideInOut', [
|
|
64
|
+
transition(':enter', [style({ transform: 'translateX(-100px)' }), animate('.5s ease-out', style({ transform: 'translateX(0%)' }))]),
|
|
65
|
+
transition(':leave', [
|
|
66
|
+
style({ transform: 'translateX(0%)' }),
|
|
67
|
+
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
68
|
+
])
|
|
70
69
|
])
|
|
71
70
|
] });
|
|
72
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidenavComponent, decorators: [{
|
|
@@ -80,14 +79,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
80
79
|
style({ transform: 'rotate(2turn)', offset: '1' })
|
|
81
80
|
]))
|
|
82
81
|
])
|
|
82
|
+
]),
|
|
83
|
+
trigger('indicatorRotate', [
|
|
84
|
+
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
85
|
+
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
86
|
+
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
87
|
+
]),
|
|
88
|
+
trigger('slideInOut', [
|
|
89
|
+
transition(':enter', [style({ transform: 'translateX(-100px)' }), animate('.5s ease-out', style({ transform: 'translateX(0%)' }))]),
|
|
90
|
+
transition(':leave', [
|
|
91
|
+
style({ transform: 'translateX(0%)' }),
|
|
92
|
+
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
93
|
+
])
|
|
83
94
|
])
|
|
84
|
-
], template: "<
|
|
85
|
-
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { onToggleSideNav: [{
|
|
95
|
+
], 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]=\"expandMenu ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"expandMenu\">\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;color:#fff;border-radius:13px}.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"] }]
|
|
96
|
+
}], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.SghNavbarService }]; }, propDecorators: { onToggleSideNav: [{
|
|
86
97
|
type: Output
|
|
98
|
+
}], expanded: [{
|
|
99
|
+
type: Input
|
|
87
100
|
}], sidenavData: [{
|
|
88
101
|
type: Input
|
|
89
102
|
}], onResize: [{
|
|
90
103
|
type: HostListener,
|
|
91
104
|
args: ['window:resize', ['$event']]
|
|
92
105
|
}] } });
|
|
93
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
106
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDMUYsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFVLFlBQVksRUFBRSxLQUFLLEVBQWdCLE1BQU0sZUFBZSxDQUFDO0FBRTFHLE9BQU8sRUFBQyxTQUFTLEVBQWMsTUFBTSxVQUFVLENBQUM7QUFDaEQsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLFlBQVksQ0FBQzs7Ozs7O0FBeUN0QyxNQUFNLE9BQU8sZ0JBQWdCO0lBZTNCLFFBQVEsQ0FBQyxLQUFVO1FBQ2pCLElBQUksQ0FBQyxXQUFXLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQztRQUNyQyxJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksR0FBRyxFQUFFO1lBQzNCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEVBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsV0FBVyxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUMsQ0FBQyxDQUFDO1NBQ3ZGO0lBQ0gsQ0FBQztJQUVELFlBQW1CLE1BQWMsRUFBVSxjQUFnQztRQUF4RCxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQVUsbUJBQWMsR0FBZCxjQUFjLENBQWtCO1FBckJqRSxvQkFBZSxHQUFnQyxJ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a2V5ZnJhbWVzLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQge0NvbXBvbmVudCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uSW5pdCwgSG9zdExpc3RlbmVyLCBJbnB1dCwgQWZ0ZXJWaWV3SW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Um91dGVyfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQge2ZhZGVJbk91dCwgSU5hdmJhckRhdGF9IGZyb20gJy4vaGVscGVyJztcclxuaW1wb3J0IHtuYXZiYXJEYXRhfSBmcm9tICcuL25hdi1kYXRhJztcclxuaW1wb3J0IHtTZ2hOYXZiYXJTZXJ2aWNlfSBmcm9tIFwiLi4vc2doLW5hdmJhci5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7U2lkZW5hdkRhdGF9IGZyb20gXCIuL3NpZGVuYXYtZGF0YVwiO1xyXG5cclxuaW50ZXJmYWNlIFNpZGVOYXZUb2dnbGUge1xyXG4gIHNjcmVlbldpZHRoOiBudW1iZXI7XHJcbiAgY29sbGFwc2VkOiBib29sZWFuO1xyXG59XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2FwcC1zaWRlbmF2JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2lkZW5hdi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc2lkZW5hdi5jb21wb25lbnQuc2NzcyddLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIGZhZGVJbk91dCxcclxuICAgIHRyaWdnZXIoJ3JvdGF0ZScsIFtcclxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xyXG4gICAgICAgIGFuaW1hdGUoJzEwMDBtcycsXHJcbiAgICAgICAgICBrZXlmcmFtZXMoW1xyXG4gICAgICAgICAgICBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJywgb2Zmc2V0OiAnMCd9KSxcclxuICAgICAgICAgICAgc3R5bGUoe3RyYW5zZm9ybTogJ3JvdGF0ZSgydHVybiknLCBvZmZzZXQ6ICcxJ30pXHJcbiAgICAgICAgICBdKVxyXG4gICAgICAgIClcclxuICAgICAgXSlcclxuICAgIF0pLFxyXG4gICAgdHJpZ2dlcignaW5kaWNhdG9yUm90YXRlJywgW1xyXG4gICAgICBzdGF0ZSgnY29sbGFwc2VkJywgc3R5bGUoe3RyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKSd9KSksXHJcbiAgICAgIHN0YXRlKCdleHBhbmRlZCcsIHN0eWxlKHt0cmFuc2Zvcm06ICdyb3RhdGUoMTgwZGVnKSd9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ2V4cGFuZGVkIDw9PiBjb2xsYXBzZWQnLFxyXG4gICAgICAgIGFuaW1hdGUoJzIyNW1zIGN1YmljLWJlemllcigwLjQsMC4wLDAuMiwxKScpXHJcbiAgICAgICksXHJcbiAgICBdKSxcclxuICAgIHRyaWdnZXIoJ3NsaWRlSW5PdXQnLCBbXHJcbiAgICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwcHgpJ30pLCBhbmltYXRlKCcuNXMgZWFzZS1vdXQnLCBzdHlsZSh7dHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknfSkpXSksXHJcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcclxuICAgICAgICBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCUpJyB9KSxcclxuICAgICAgICBhbmltYXRlKCcuNXMgZWFzZS1vdXQnLCBzdHlsZSh7IHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoLTEwMCUpJyB9KSlcclxuICAgICAgXSlcclxuICAgIF0pXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZW5hdkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XHJcblxyXG4gIEBPdXRwdXQoKSBvblRvZ2dsZVNpZGVOYXY6IEV2ZW50RW1pdHRlcjxTaWRlTmF2VG9nZ2xlPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBjb2xsYXBzZWQgPSBmYWxzZTtcclxuICBzY3JlZW5XaWR0aCA9IDA7XHJcbiAgQElucHV0KCkgZXhwYW5kZWQ6IGFueTtcclxuICBASW5wdXQoKSBzaWRlbmF2RGF0YTogU2lkZW5hdkRhdGEgPSB7XHJcbiAgICBuYXZEYXRhOiBuYXZiYXJEYXRhLFxyXG4gICAgYmdDb2xvcjogJyNmZmYnLFxyXG4gICAgaW1nU206ICcnLFxyXG4gICAgaW1nTGc6ICcnXHJcbiAgfVxyXG4gIGV4cGFuZE1lbnU6IGJvb2xlYW47XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnLCBbJyRldmVudCddKVxyXG4gIG9uUmVzaXplKGV2ZW50OiBhbnkpIHtcclxuICAgIHRoaXMuc2NyZWVuV2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcclxuICAgIGlmICh0aGlzLnNjcmVlbldpZHRoIDw9IDc2OCkge1xyXG4gICAgICB0aGlzLmNvbGxhcHNlZCA9IGZhbHNlO1xyXG4gICAgICB0aGlzLm9uVG9nZ2xlU2lkZU5hdi5lbWl0KHtjb2xsYXBzZWQ6IHRoaXMuY29sbGFwc2VkLCBzY3JlZW5XaWR0aDogdGhpcy5zY3JlZW5XaWR0aH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHJvdXRlcjogUm91dGVyLCBwcml2YXRlIHNpZGViYXJTZXJ2aWNlOiBTZ2hOYXZiYXJTZXJ2aWNlKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2NyZWVuV2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDtcclxuICAgIHRoaXMuZXhwYW5kZWQgPSB0aGlzLnNpZGViYXJTZXJ2aWNlLmdldEV4cGFuZGVkKCk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICB0aGlzLmV4cGFuZGVkID0gdGhpcy5zaWRlYmFyU2VydmljZS5nZXRFeHBhbmRlZCgpO1xyXG4gIH1cclxuXHJcbiAgb25JdGVtU2VsZWN0ZWQoaXRlbTogYW55KSB7XHJcbiAgICBpZiAoIWl0ZW0uaXRlbXMgfHwgIWl0ZW0uaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtpdGVtLnJvdXRlTGlua10pLnRoZW4oKTtcclxuICAgIH1cclxuICAgIGlmIChpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMuZXhwYW5kTWVudSA9ICF0aGlzLmV4cGFuZE1lbnU7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxhIGhyZWY9XCIjXCIgY2xhc3M9XCJjbG9zZSBzaWRlbmF2LW92ZXJsYXlcIiAqbmdJZj1cImV4cGFuZGVkXCI+PC9hPlxyXG4gIDxhc2lkZSBjbGFzcz1cInNnaC1zaWRlYmFyXCIgKm5nSWY9XCJleHBhbmRlZFwiIFtAc2xpZGVJbk91dF0+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2lkZWJhcl9kaXYgXCIgKm5nRm9yPVwibGV0IGRhdGEgb2Ygc2lkZW5hdkRhdGEubmF2RGF0YVwiPlxyXG4gICAgICA8YSAoY2xpY2spPVwib25JdGVtU2VsZWN0ZWQoZGF0YSlcIlxyXG4gICAgICAgICBbcm91dGVyTGlua109XCJbZGF0YS5yb3V0ZUxpbmtdXCIgcm91dGVyTGlua0FjdGl2ZT1cIml0ZW0tYWN0aXZlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtd3JhcFwiPlxyXG4gICAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS17e2RhdGEuaWNvbn19XCI+PC9pPlxyXG4gICAgICAgICAge3tkYXRhLmxhYmVsfX1cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8aSBjbGFzcz1cImZhIGZhLWFuZ2xlLWRvd25cIiAqbmdJZj1cIiEoZGF0YS5pdGVtcyA9PSB1bmRlZmluZWQpXCJcclxuICAgICAgICAgICBbQGluZGljYXRvclJvdGF0ZV09XCJleHBhbmRNZW51ID8gJ2V4cGFuZGVkJzogJ2NvbGxhcHNlZCdcIj48L2k+XHJcbiAgICAgIDwvYT5cclxuICAgICAgPGRpdiBjbGFzcz1cInN1Yi1saW5rLXdyYXBwZXJcIiAqbmdJZj1cImV4cGFuZE1lbnVcIj5cclxuICAgICAgICA8YXBwLW1lbnUtbGlzdC1pdGVtIFtpdGVtc109XCJkYXRhLml0ZW1zXCI+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: ["
|
|
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;color:#fff;border-radius:13px}.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: ["
|
|
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;color:#fff;border-radius:13px}.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VibGV2ZWwtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zdWJsZXZlbC1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBRSxTQUFTLEVBQWUsTUFBTSxVQUFVLENBQUM7Ozs7QUFnRWxELE1BQU0sT0FBTyxxQkFBcUI7SUFhaEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFYeEIsU0FBSSxHQUFnQjtZQUMzQixTQUFTLEVBQUUsRUFBRTtZQUNiLElBQUksRUFBRSxFQUFFO1lBQ1IsS0FBSyxFQUFFLEVBQUU7WUFDVCxLQUFLLEVBQUUsRUFBRTtTQUNWLENBQUE7UUFDUSxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBR2xCLGFBQVEsR0FBWSxLQUFLLENBQUM7SUFFQyxDQUFDO0lBRXJDLFFBQVE7SUFDUixDQUFDO0lBRUQsV0FBVyxDQUFDLElBQVM7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDbEIsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO2dCQUNqRCxLQUFJLElBQUksU0FBUyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFO29CQUNwQyxJQUFJLElBQUksS0FBSSxTQUFTLElBQUksU0FBUyxDQUFDLFFBQVEsRUFBRTt3QkFDM0MsU0FBUyxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7cUJBQzVCO2lCQUNGO2FBQ0Y7U0FDRjtRQUNELElBQUksQ0FBQyxRQUFRLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxjQUFjLENBQUMsSUFBaUI7UUFDOUIsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO1lBQzlELENBQUMsQ0FBQyxpQkFBaUI7WUFDbkIsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUNULENBQUM7O2tIQW5DVSxxQkFBcUI7c0dBQXJCLHFCQUFxQiwrS0E1RHRCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQ1QsNjJFQWtCVSxxQkFBcUIsb0hBaEJwQjtRQUNWLFNBQVM7UUFDVCxPQUFPLENBQUMsU0FBUyxFQUFFO1lBQ2pCLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDO2dCQUNwQixNQUFNLEVBQUUsR0FBRztnQkFDWCxRQUFRLEVBQUUsUUFBUTthQUNuQixDQUFDLENBQUM7WUFDSCxLQUFLLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQztnQkFDckIsTUFBTSxFQUFFLEdBQUc7YUFDWixDQUFDLENBQUM7WUFDSCxVQUFVLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFDLENBQUM7Z0JBQzNELE9BQU8sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUM7WUFDbkMsVUFBVSxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7U0FDcEMsQ0FBQztLQUNIOzJGQUVVLHFCQUFxQjtrQkE5RGpDLFNBQVM7K0JBQ0UsbUJBQW1CLFlBQ25COzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0EwQ1QsY0FFVzt3QkFDVixTQUFTO3dCQUNULE9BQU8sQ0FBQyxTQUFTLEVBQUU7NEJBQ2pCLEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDO2dDQUNwQixNQUFNLEVBQUUsR0FBRztnQ0FDWCxRQUFRLEVBQUUsUUFBUTs2QkFDbkIsQ0FBQyxDQUFDOzRCQUNILEtBQUssQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDO2dDQUNyQixNQUFNLEVBQUUsR0FBRzs2QkFDWixDQUFDLENBQUM7NEJBQ0gsVUFBVSxDQUFDLG9CQUFvQixFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUMsUUFBUSxFQUFFLFFBQVEsRUFBQyxDQUFDO2dDQUMzRCxPQUFPLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDOzRCQUNuQyxVQUFVLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQzt5QkFDcEMsQ0FBQztxQkFDSDs2RkFJUSxJQUFJO3NCQUFaLEtBQUs7Z0JBTUcsU0FBUztzQkFBakIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgZmFkZUluT3V0LCBJTmF2YmFyRGF0YSB9IGZyb20gJy4vaGVscGVyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXN1YmxldmVsLW1lbnUnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8dWwgKm5nSWY9XCJjb2xsYXBzZWQgJiYgZGF0YS5pdGVtcyAmJiBkYXRhLml0ZW1zLmxlbmd0aCA+IDBcIlxyXG4gICAgW0BzdWJtZW51XT1cImV4cGFuZGVkXHJcbiAgICAgID8ge3ZhbHVlOiAndmlzaWJsZScsXHJcbiAgICAgICAgICBwYXJhbXM6IHt0cmFuc2l0aW9uUGFyYW1zOiAnNDAwbXMgY3ViaWMtYmV6aWVyKDAuODYsIDAsIDAuMDcsIDEpJywgaGVpZ2h0OiAnKid9fVxyXG4gICAgICA6IHt2YWx1ZTogJ2hpZGRlbicsXHJcbiAgICAgICAgICBwYXJhbXM6IHt0cmFuc2l0aW9uUGFyYW1zOiAnNDAwbXMgY3ViaWMtYmV6aWVyKDAuODYsIDAsIDAuMDcsIDEpJywgaGVpZ2h0OiAnMCd9fVwiXHJcbiAgICAgIGNsYXNzPVwic3VibGV2ZWwtbmF2XCJcclxuICAgID5cclxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGRhdGEuaXRlbXNcIiBjbGFzcz1cInN1YmxldmVsLW5hdi1pdGVtXCI+XHJcbiAgICAgICAgICA8YSBjbGFzcz1cInN1YmxldmVsLW5hdi1saW5rXCJcclxuICAgICAgICAgIChjbGljayk9XCJoYW5kbGVDbGljayhpdGVtKVwiXHJcbiAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5pdGVtcyAmJiBpdGVtLml0ZW1zLmxlbmd0aCA+IDBcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJnZXRBY3RpdmVDbGFzcyhpdGVtKVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwic3VibGV2ZWwtbGluay1pY29uIGZhIGZhLWNpcmNsZVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdWJsZXZlbC1saW5rLXRleHRcIiBAZmFkZUluT3V0XHJcbiAgICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgY29sbGFwc2VkXCIgY2xhc3M9XCJtZW51LWNvbGxhcHNlLWljb25cIlxyXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIiFpdGVtLmV4cGFuZGVkID8gJ2ZhbCBmYS1hbmdsZS1yaWdodCcgOiAnZmFsIGZhLWFuZ2xlLWRvd24nXCJcclxuICAgICAgICAgICAgPjwvaT5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICAgIDxhIGNsYXNzPVwic3VibGV2ZWwtbmF2LWxpbmtcIlxyXG4gICAgICAgICAgICAqbmdJZj1cIiFpdGVtLml0ZW1zIHx8IChpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoID09PSAwKVwiXHJcbiAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIltpdGVtLnJvdXRlTGlua11cIlxyXG4gICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlLXN1YmxldmVsXCJcclxuICAgICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cIntleGFjdDogdHJ1ZX1cIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cInN1YmxldmVsLWxpbmstaWNvbiBmYSBmYS1jaXJjbGVcIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3VibGV2ZWwtbGluay10ZXh0XCIgQGZhZGVJbk91dFxyXG4gICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgaXRlbS5pdGVtcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgIDxhcHAtc3VibGV2ZWwtbWVudVxyXG4gICAgICAgICAgICAgIFtkYXRhXT1cIml0ZW1cIlxyXG4gICAgICAgICAgICAgIFtjb2xsYXBzZWRdPVwiY29sbGFwc2VkXCJcclxuICAgICAgICAgICAgICBbbXVsdGlwbGVdPVwibXVsdGlwbGVcIlxyXG4gICAgICAgICAgICAgIFtleHBhbmRlZF09XCJpdGVtLmV4cGFuZGVkXCJcclxuICAgICAgICAgICAgPjwvYXBwLXN1YmxldmVsLW1lbnU+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9zaWRlbmF2LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgZmFkZUluT3V0LFxyXG4gICAgdHJpZ2dlcignc3VibWVudScsIFtcclxuICAgICAgc3RhdGUoJ2hpZGRlbicsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcwJyxcclxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgndmlzaWJsZScsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcqJ1xyXG4gICAgICB9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ3Zpc2libGUgPD0+IGhpZGRlbicsIFtzdHlsZSh7b3ZlcmZsb3c6ICdoaWRkZW4nfSksXHJcbiAgICAgICAgYW5pbWF0ZSgne3t0cmFuc2l0aW9uUGFyYW1zfX0nKV0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IConLCBhbmltYXRlKDApKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWJsZXZlbE1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBkYXRhOiBJTmF2YmFyRGF0YSA9IHtcclxuICAgIHJvdXRlTGluazogJycsXHJcbiAgICBpY29uOiAnJyxcclxuICAgIGxhYmVsOiAnJyxcclxuICAgIGl0ZW1zOiBbXVxyXG4gIH1cclxuICBASW5wdXQoKSBjb2xsYXBzZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBhbmltYXRpbmc6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgZXhwYW5kZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XHJcbiAgQElucHV0KCkgbXVsdGlwbGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHJvdXRlcjogUm91dGVyKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIGhhbmRsZUNsaWNrKGl0ZW06IGFueSk6IHZvaWQge1xyXG4gICAgaWYgKCF0aGlzLm11bHRpcGxlKSB7XHJcbiAgICAgIGlmICh0aGlzLmRhdGEuaXRlbXMgJiYgdGhpcy5kYXRhLml0ZW1zLmxlbmd0aCA+IDApIHtcclxuICAgICAgICBmb3IobGV0IG1vZGVsSXRlbSBvZiB0aGlzLmRhdGEuaXRlbXMpIHtcclxuICAgICAgICAgIGlmIChpdGVtICE9PW1vZGVsSXRlbSAmJiBtb2RlbEl0ZW0uZXhwYW5kZWQpIHtcclxuICAgICAgICAgICAgbW9kZWxJdGVtLmV4cGFuZGVkID0gZmFsc2U7XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICBpdGVtLmV4cGFuZGVkID0gIWl0ZW0uZXhwYW5kZWQ7XHJcbiAgfVxyXG5cclxuICBnZXRBY3RpdmVDbGFzcyhpdGVtOiBJTmF2YmFyRGF0YSk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gaXRlbS5leHBhbmRlZCAmJiB0aGlzLnJvdXRlci51cmwuaW5jbHVkZXMoaXRlbS5yb3V0ZUxpbmspXHJcbiAgICAgID8gJ2FjdGl2ZS1zdWJsZXZlbCdcclxuICAgICAgOiAnJztcclxuICB9XHJcblxyXG59XHJcbiJdfQ==
|
|
@@ -6,9 +6,9 @@ export class NoftificationListComponent {
|
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
8
|
NoftificationListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NoftificationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
NoftificationListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NoftificationListComponent, selector: "app-noftification-list", ngImport: i0, template: "<div class=\"notifications-list-wrapper\"
|
|
9
|
+
NoftificationListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NoftificationListComponent, selector: "app-noftification-list", ngImport: i0, template: "<div class=\"notifications-list-wrapper\">\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;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
10
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NoftificationListComponent, decorators: [{
|
|
11
11
|
type: Component,
|
|
12
|
-
args: [{ selector: 'app-noftification-list', template: "<div class=\"notifications-list-wrapper\"
|
|
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;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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi90b29sYmFyL25vZnRpZmljYXRpb24tbGlzdC9ub2Z0aWZpY2F0aW9uLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3Rvb2xiYXIvbm9mdGlmaWNhdGlvbi1saXN0L25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU9sRCxNQUFNLE9BQU8sMEJBQTBCO0lBRXJDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzt1SEFMVSwwQkFBMEI7MkdBQTFCLDBCQUEwQiw4RENQdkMsd3ZCQWtCQTsyRkRYYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0Usd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW5vZnRpZmljYXRpb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5vZnRpZmljYXRpb25MaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3Qtd3JhcHBlclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3RcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLXRpdGxlXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwidGl0bGUgbWF0LWgzXCI+Tm90aWZpY2F0aW9uczwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtbGlzdC1pdGVtXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS10aXRsZSBtYXQtaDRcIj5EYXZpZCBKYW1lczwvc3Bhbj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLWRlc2NyaXB0aW9uIG1hdC1oNVwiPkEgbm90aWZpY2F0aW9uIGJveCBzaG93IG1lc3NhZ2U8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3QtaXRlbVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cIml0ZW0tdGl0bGUgbWF0LWg0XCI+RGF2aWQgSmFtZXM8L3NwYW4+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS1kZXNjcmlwdGlvbiBtYXQtaDVcIj5BIG5vdGlmaWNhdGlvbiBib3ggc2hvdyBtZXNzYWdlPC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9ucy10aXRsZVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInNlZS1hbGwgbWF0LWg0XCI+U2VlIGFsbDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|