sgh-navbar 0.0.36 → 0.0.38
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.
|
@@ -36,7 +36,7 @@ export class SidenavComponent {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
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 });
|
|
39
|
-
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: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh -
|
|
39
|
+
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: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;min-height:100%!important;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.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,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f!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}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:#00000063!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MenuListItemComponent, selector: "app-menu-list-item", inputs: ["items"] }], animations: [
|
|
40
40
|
trigger('rotate', [
|
|
41
41
|
transition(':enter', [
|
|
42
42
|
animate('1000ms', keyframes([
|
|
@@ -81,7 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
81
81
|
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
82
82
|
])
|
|
83
83
|
])
|
|
84
|
-
], template: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh -
|
|
84
|
+
], template: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;min-height:100%!important;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.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,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f!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}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:#00000063!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"] }]
|
|
85
85
|
}], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.SghNavbarService }]; }, propDecorators: { onToggleSideNav: [{
|
|
86
86
|
type: Output
|
|
87
87
|
}], expanded: [{
|
|
@@ -80,7 +80,7 @@ SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
80
80
|
</div>
|
|
81
81
|
</li>
|
|
82
82
|
</ul>
|
|
83
|
-
`, isInline: true, styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh -
|
|
83
|
+
`, isInline: true, styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;min-height:100%!important;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.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,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f!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}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:#00000063!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: ["data", "collapsed", "animating", "expanded", "multiple"] }], animations: [
|
|
84
84
|
fadeInOut,
|
|
85
85
|
trigger('submenu', [
|
|
86
86
|
state('hidden', style({
|
|
@@ -153,7 +153,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
153
153
|
animate('{{transitionParams}}')]),
|
|
154
154
|
transition('void => *', animate(0))
|
|
155
155
|
])
|
|
156
|
-
], styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh -
|
|
156
|
+
], styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;min-height:100%!important;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.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,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f!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}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:#00000063!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"] }]
|
|
157
157
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
|
|
158
158
|
type: Input
|
|
159
159
|
}], collapsed: [{
|
package/fesm2015/sgh-navbar.mjs
CHANGED
|
@@ -157,7 +157,7 @@ SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
157
157
|
</div>
|
|
158
158
|
</li>
|
|
159
159
|
</ul>
|
|
160
|
-
`, isInline: true, styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh -
|
|
160
|
+
`, isInline: true, styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;min-height:100%!important;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.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,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f!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}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:#00000063!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: ["data", "collapsed", "animating", "expanded", "multiple"] }], animations: [
|
|
161
161
|
fadeInOut,
|
|
162
162
|
trigger('submenu', [
|
|
163
163
|
state('hidden', style({
|
|
@@ -230,7 +230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
230
230
|
animate('{{transitionParams}}')]),
|
|
231
231
|
transition('void => *', animate(0))
|
|
232
232
|
])
|
|
233
|
-
], styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh -
|
|
233
|
+
], styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;min-height:100%!important;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.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,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f!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}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:#00000063!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"] }]
|
|
234
234
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
|
|
235
235
|
type: Input
|
|
236
236
|
}], collapsed: [{
|
|
@@ -411,7 +411,7 @@ class SidenavComponent {
|
|
|
411
411
|
}
|
|
412
412
|
}
|
|
413
413
|
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 });
|
|
414
|
-
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: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh -
|
|
414
|
+
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: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;min-height:100%!important;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.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,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f!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}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:#00000063!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: ["items"] }], animations: [
|
|
415
415
|
trigger('rotate', [
|
|
416
416
|
transition(':enter', [
|
|
417
417
|
animate('1000ms', keyframes([
|
|
@@ -456,7 +456,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
456
456
|
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
457
457
|
])
|
|
458
458
|
])
|
|
459
|
-
], template: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh -
|
|
459
|
+
], template: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;min-height:100%!important;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.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,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f!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}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:#00000063!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"] }]
|
|
460
460
|
}], ctorParameters: function () { return [{ type: i1.Router }, { type: SghNavbarService }]; }, propDecorators: { onToggleSideNav: [{
|
|
461
461
|
type: Output
|
|
462
462
|
}], expanded: [{
|
package/fesm2020/sgh-navbar.mjs
CHANGED
|
@@ -157,7 +157,7 @@ SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
157
157
|
</div>
|
|
158
158
|
</li>
|
|
159
159
|
</ul>
|
|
160
|
-
`, isInline: true, styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh -
|
|
160
|
+
`, isInline: true, styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;min-height:100%!important;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.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,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f!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}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:#00000063!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: ["data", "collapsed", "animating", "expanded", "multiple"] }], animations: [
|
|
161
161
|
fadeInOut,
|
|
162
162
|
trigger('submenu', [
|
|
163
163
|
state('hidden', style({
|
|
@@ -230,7 +230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
230
230
|
animate('{{transitionParams}}')]),
|
|
231
231
|
transition('void => *', animate(0))
|
|
232
232
|
])
|
|
233
|
-
], styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh -
|
|
233
|
+
], styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;min-height:100%!important;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.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,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f!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}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:#00000063!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"] }]
|
|
234
234
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
|
|
235
235
|
type: Input
|
|
236
236
|
}], collapsed: [{
|
|
@@ -411,7 +411,7 @@ class SidenavComponent {
|
|
|
411
411
|
}
|
|
412
412
|
}
|
|
413
413
|
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 });
|
|
414
|
-
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: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh -
|
|
414
|
+
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: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;min-height:100%!important;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.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,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f!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}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:#00000063!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: ["items"] }], animations: [
|
|
415
415
|
trigger('rotate', [
|
|
416
416
|
transition(':enter', [
|
|
417
417
|
animate('1000ms', keyframes([
|
|
@@ -456,7 +456,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
|
|
|
456
456
|
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
457
457
|
])
|
|
458
458
|
])
|
|
459
|
-
], template: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh -
|
|
459
|
+
], template: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;min-height:100%!important;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.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,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f!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}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:#00000063!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"] }]
|
|
460
460
|
}], ctorParameters: function () { return [{ type: i1.Router }, { type: SghNavbarService }]; }, propDecorators: { onToggleSideNav: [{
|
|
461
461
|
type: Output
|
|
462
462
|
}], expanded: [{
|