ps-toolkit-ui 0.0.229 → 0.0.233
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/bundles/ps-toolkit-ui.umd.js +6 -5
- package/bundles/ps-toolkit-ui.umd.js.map +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
- package/esm2015/lib/components/layout/layout.component.js +3 -3
- package/esm2015/lib/components/sidebar/item/sidebar.item.component.js +1 -1
- package/esm2015/lib/components/sidebar/sidebar.component.js +4 -3
- package/fesm2015/ps-toolkit-ui.js +6 -5
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/lib/components/sidebar/sidebar.component.d.ts +1 -0
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -6,14 +6,14 @@ export class LayoutComponent {
|
|
|
6
6
|
this.logout = new EventEmitter();
|
|
7
7
|
}
|
|
8
8
|
toggleSidebar() {
|
|
9
|
-
$('#
|
|
9
|
+
$('#Sidebar').toggleClass('open').toggleClass('close');
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
LayoutComponent.decorators = [
|
|
13
13
|
{ type: Component, args: [{
|
|
14
14
|
selector: 'lib-layout',
|
|
15
15
|
template: "<div id=\"Layout\">\r\n <div class=\"layout-con\">\r\n <div class=\"panel\">\r\n <lib-sidebar [permissions]=\"permissions\" (toggleSidebar)=\"toggleSidebar()\" [area]=\"area\">\r\n <ng-content select=\"[slot=sidebar]\"></ng-content>\r\n </lib-sidebar>\r\n <div class=\"content\">\r\n <lib-header (logout)=\"logout.emit()\">\r\n <ng-content select=\"[slot=header]\"></ng-content>\r\n </lib-header>\r\n <div class=\"content-scroll-con\" style=\"overflow-y: auto\">\r\n <div class=\"content-scroll\">\r\n <router-outlet></router-outlet>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
16
|
-
styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{display:flex;flex-direction:row;position:relative}#Layout .panel .content{background-color:var(--base-11);direction:rtl;float:left;overflow:hidden;position:relative;transition:width .3s;width:calc(100% - 78px)}#Layout .panel
|
|
16
|
+
styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{display:flex;flex-direction:row;position:relative}#Layout .panel .content{background-color:var(--base-11);direction:rtl;float:left;overflow:hidden;position:relative;transition:width .3s;width:calc(100% - 78px)}#Layout .panel .content .content-scroll-con{height:calc(100vh - 85px);min-height:calc(100vh - 85px);width:100%}#Layout .panel .content .content-scroll-con .content-scroll{float:right;padding:20px;width:100%}@media (max-width:399.98px){#Layout .panel .content{height:calc(100vh - 110px);min-height:calc(100vh - 110px);width:100%}}@media (min-width:400px) and (max-width:499.98px){#Layout .panel .content{height:calc(100vh - 110px);min-height:calc(100vh - 110px);width:100%}}@media (min-width:500px) and (max-width:599.98px){#Layout .panel .content{height:calc(100vh - 110px);min-height:calc(100vh - 110px);width:100%}}@media (min-width:600px) and (max-width:699.98px){#Layout .panel .content{width:100%}}@media (min-width:700px) and (max-width:799.98px){#Layout .panel .content{width:100%}}@media (min-width:800px) and (max-width:899.98px){#Layout .panel .content{width:100%}}@media (min-width:900px) and (max-width:999.98px){#Layout .panel .content{width:100%}}@media (min-width:1000px) and (max-width:1099.98px){#Layout .panel .content{width:100%}}@media (min-width:1100px) and (max-width:1199.98px){#Layout .panel .content{width:100%}}"]
|
|
17
17
|
},] }
|
|
18
18
|
];
|
|
19
19
|
LayoutComponent.ctorParameters = () => [];
|
|
@@ -22,4 +22,4 @@ LayoutComponent.propDecorators = {
|
|
|
22
22
|
area: [{ type: Input }],
|
|
23
23
|
logout: [{ type: Output }]
|
|
24
24
|
};
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qcm9qZWN0cy9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDO0FBTzVCLE1BQU0sT0FBTyxlQUFlO0lBTzFCO1FBTEEsZ0JBQVcsR0FBVSxFQUFFLENBQUM7UUFJeEIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFNUIsQ0FBQztJQUNELGFBQWE7UUFDWCxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN6RCxDQUFDOzs7WUFoQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0Qiwyc0JBQXNDOzthQUV2Qzs7OzswQkFFRSxLQUFLO21CQUVMLEtBQUs7cUJBRUwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgKiBhcyAkIGZyb20gJ2pxdWVyeSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1sYXlvdXQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sYXlvdXQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xheW91dC5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIExheW91dENvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICBwZXJtaXNzaW9uczogYW55W10gPSBbXTtcclxuICBASW5wdXQoKVxyXG4gIGFyZWE6IHN0cmluZztcclxuICBAT3V0cHV0KClcclxuICBsb2dvdXQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgfVxyXG4gIHRvZ2dsZVNpZGViYXIoKTogdm9pZHtcclxuICAgICQoJyNTaWRlYmFyJykudG9nZ2xlQ2xhc3MoJ29wZW4nKS50b2dnbGVDbGFzcygnY2xvc2UnKTtcclxuICB9XHJcbn1cclxuIl19
|
|
@@ -37,7 +37,7 @@ SidebarItemComponent.decorators = [
|
|
|
37
37
|
{ type: Component, args: [{
|
|
38
38
|
selector: 'lib-sidebar-item',
|
|
39
39
|
template: "<div [className]=\"(isActive(item) ? 'parent-active open ' : '') + 'user-sidebar-item'\">\r\n <a [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length == 0\" [className]=\"(currentSidebar && item.name == currentSidebar.name ? 'active ' : '') + 'content'\" [routerLink]=\"(area ? '/' + area : '') + '/' + (item.controller == 'Dashboard' ? '' : (item.controller + (item.action ? '/' + item.action : '')))\">\r\n <i [className]=\"item.icon + ' icon'\"></i>\r\n <div class=\"title\">{{ l(item.name) }}</div>\r\n </a>\r\n <div [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length > 0\" (click)=\"openClose($event)\" class=\"content parent\">\r\n <i [className]=\"item.icon + ' icon'\"></i>\r\n <div class=\"title\">{{ l(item.name) }}</div>\r\n <i [className]=\"'fa-duotone fa-angle-left arrow'\"></i>\r\n </div>\r\n <div *ngIf=\"item.children.length > 0\" class=\"children\">\r\n <div class=\"items\">\r\n <lib-sidebar-item [i]=\"i + 1\" [item]=\"child\" [currentSidebar]=\"currentSidebar\" [area]=\"area\" *ngFor=\"let child of item.children\"></lib-sidebar-item>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
40
|
-
styles: [".user-sidebar-item{float:left;position:relative;text-align:center;width:100%}.user-sidebar-item .content{cursor:pointer;float:right;position:relative;transition:all .3s;width:260px}.user-sidebar-item .dot{background-color:var(--base);border:2px solid hsla(0,0%,93.3%,.4);border-radius:50%;height:10px;position:absolute;right:-15px;top:15px;width:10px;z-index:2}.user-sidebar-item .dot.active{background-color:var(--base-11);border:2px solid var(--base-11)}.user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}.user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}.user-sidebar-item .children{display:none;float:left;position:relative;width:100%}.user-sidebar-item .children .items{float:left;width:100%}.user-sidebar-item .children .line{background-color:hsla(0,0%,93.3%,.4);height:calc(100% - 20px);left:calc(85% + 10px);position:absolute;top:0;width:1px}.user-sidebar-item .content .title{color:hsla(0,0%,100%,.8);float:right;font-family:VazirLight;font-size:12px;height:45px;line-height:45px;overflow:hidden;transition:all .3s;width:0}.user-sidebar-item .content .icon{color:hsla(0,0%,100%,.6666666666666666);float:right;font-size:18px;height:45px;line-height:45px;width:78px}.user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;left:0;line-height:45px;opacity:0;overflow:hidden;position:absolute;top:0;transition:all .3s;width:40px}::ng-deep #
|
|
40
|
+
styles: [".user-sidebar-item{float:left;position:relative;text-align:center;width:100%}.user-sidebar-item .content{cursor:pointer;float:right;position:relative;transition:all .3s;width:260px}.user-sidebar-item .dot{background-color:var(--base);border:2px solid hsla(0,0%,93.3%,.4);border-radius:50%;height:10px;position:absolute;right:-15px;top:15px;width:10px;z-index:2}.user-sidebar-item .dot.active{background-color:var(--base-11);border:2px solid var(--base-11)}.user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}.user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}.user-sidebar-item .children{display:none;float:left;position:relative;width:100%}.user-sidebar-item .children .items{float:left;width:100%}.user-sidebar-item .children .line{background-color:hsla(0,0%,93.3%,.4);height:calc(100% - 20px);left:calc(85% + 10px);position:absolute;top:0;width:1px}.user-sidebar-item .content .title{color:hsla(0,0%,100%,.8);float:right;font-family:VazirLight;font-size:12px;height:45px;line-height:45px;overflow:hidden;transition:all .3s;width:0}.user-sidebar-item .content .icon{color:hsla(0,0%,100%,.6666666666666666);float:right;font-size:18px;height:45px;line-height:45px;width:78px}.user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;left:0;line-height:45px;opacity:0;overflow:hidden;position:absolute;top:0;transition:all .3s;width:40px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{opacity:1}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:calc(100% - 110px)}::ng-deep #Sidebar.close .user-sidebar-item .content{padding:0!important}.user-sidebar-item.open .content .arrow{transform:rotate(-90deg)}.user-sidebar-item>.children .content .icon{font-size:11px}.user-sidebar-item.parent-active>.content,.user-sidebar-item:hover>.content{background-color:var(--base-dark)}.user-sidebar-item.parent-active>.content .title,.user-sidebar-item:hover>.content .title{color:#fff;font-family:VazirBold}.user-sidebar-item.parent-active>.content .icon,.user-sidebar-item:hover>.content .icon{color:var(--comp)}.user-sidebar-item.parent-active>.content .arrow,.user-sidebar-item:hover>.content .arrow{color:#fff}.user-sidebar-item.parent-active>.children{display:block}@media (max-width:399.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:400px) and (max-width:499.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:500px) and (max-width:599.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:600px) and (max-width:699.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:700px) and (max-width:799.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:800px) and (max-width:899.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:900px) and (max-width:999.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}"]
|
|
41
41
|
},] }
|
|
42
42
|
];
|
|
43
43
|
SidebarItemComponent.ctorParameters = () => [
|
|
@@ -51,8 +51,8 @@ export class SidebarComponent {
|
|
|
51
51
|
SidebarComponent.decorators = [
|
|
52
52
|
{ type: Component, args: [{
|
|
53
53
|
selector: 'lib-sidebar',
|
|
54
|
-
template: "<div id=\"Sidebar\" class=\"open\">\r\n <i (click)=\"toggleSidebar.emit()\" class=\"toggle fa-duotone fa-angle-double-right\"></i>\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar.emit()\"></div>\r\n <div class=\"sidebar-scroll\">\r\n <div class=\"brand-con\">\r\n <
|
|
55
|
-
styles: ["#Sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);transition:width .3s;width:78px}#Sidebar,#Sidebar .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;
|
|
54
|
+
template: "<div id=\"Sidebar\" class=\"open\">\r\n <i (click)=\"toggleSidebar.emit()\" class=\"toggle fa-duotone fa-angle-double-right\"></i>\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar.emit()\"></div>\r\n <div class=\"sidebar-scroll\">\r\n <div class=\"brand-con\">\r\n <div class=\"logo\"></div>\r\n <div class=\"title\">\r\n {{l('SoftwareName')}}\r\n <div class=\"version\">{{l('Version', version)}}</div>\r\n </div>\r\n </div>\r\n <div class=\"sidebar-con\" id=\"sidebar-con\">\r\n <span *ngFor=\"let item of sidebar\">\r\n <lib-sidebar-item [i]=\"0\" [item]=\"item\" [base]=\"true\" [currentSidebar]=\"currentSidebar\" [area]=\"area\"></lib-sidebar-item>\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
55
|
+
styles: ["#Sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);position:relative;transition:width .3s;width:78px;z-index:12}#Sidebar,#Sidebar .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right}#Sidebar .sidebar-shadow{background-color:var(--black);height:100vh;left:0;min-height:100vh;opacity:0;overflow:hidden;position:fixed;transition:xall .3s;visibility:hidden;width:100%;z-index:9}#Sidebar.open{width:260px}#Sidebar .sidebar-scroll{height:100%;overflow-y:auto;width:100%}#Sidebar .sidebar-scroll .sidebar-con{direction:rtl;float:right;height:calc(100vh - 85px);overflow-x:hidden;overflow-y:auto;width:100%}#Sidebar .sidebar-scroll .brand-con{align-items:center;background-color:var(--base-dark);direction:rtl;display:flex;float:right;height:50px;height:100%;justify-content:center;padding:10px;width:100%}#Sidebar .sidebar-scroll .brand-con .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;float:right;height:30px;width:30px}#Sidebar .sidebar-scroll .brand-con .title{align-items:center;color:#fff;display:flex;font-family:VazirBold;font-size:15px;height:100%;justify-content:center;position:relative;top:-4px}#Sidebar .sidebar-scroll .brand-con .title .version{font-family:VazirLight;font-size:9px;position:absolute;top:17px}#Sidebar .toggle{color:var(--comp);cursor:pointer;float:left;font-size:18px;height:50px;left:-60px;line-height:50px;position:absolute;text-align:center;transition:all .3s;width:60px}#Sidebar.close .toggle{transform:scaleX(-1)}#Sidebar .toggle:hover{color:var(--comp-dark)}@media (max-width:399.98px){#Sidebar{right:0;width:200px}#Sidebar,#Sidebar .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:400px) and (max-width:499.98px){#Sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Sidebar.open{right:-200px}#Sidebar .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px);opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:500px) and (max-width:599.98px){#Sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Sidebar.open{right:-200px}#Sidebar .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px);opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:600px) and (max-width:699.98px){#Sidebar{right:0;width:200px}#Sidebar.open{right:-200px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:700px) and (max-width:799.98px){#Sidebar{right:0;width:200px}#Sidebar.open{right:-200px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:800px) and (max-width:899.98px){#Sidebar{right:-200px;width:200px}#Sidebar.open{right:0}}@media (min-width:900px) and (max-width:999.98px){#Sidebar{right:-200px;width:200px}#Sidebar.open{right:0}}@media (min-width:1000px) and (max-width:1099.98px){#Sidebar{right:-200px;width:200px}#Sidebar.open{right:0}}@media (min-width:1100px) and (max-width:1199.98px){#Sidebar{right:-200px;width:200px}#Sidebar.open{right:0}}"]
|
|
56
56
|
},] }
|
|
57
57
|
];
|
|
58
58
|
SidebarComponent.ctorParameters = () => [
|
|
@@ -62,6 +62,7 @@ SidebarComponent.ctorParameters = () => [
|
|
|
62
62
|
SidebarComponent.propDecorators = {
|
|
63
63
|
permissions: [{ type: Input }],
|
|
64
64
|
area: [{ type: Input }],
|
|
65
|
+
version: [{ type: Input }],
|
|
65
66
|
toggleSidebar: [{ type: Output }]
|
|
66
67
|
};
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHJvamVjdHMvUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sRUFBQyx3QkFBd0IsRUFBQyxNQUFNLCtCQUErQixDQUFDO0FBQ3ZFLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRCxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFDekQsT0FBTyxFQUFDLGFBQWEsRUFBRSxNQUFNLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUN0RCxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFDdkQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMEJBQTBCLENBQUM7QUFPNUQsTUFBTSxPQUFPLGdCQUFnQjtJQVkzQixZQUFtQixNQUFnQyxFQUFVLE1BQWM7UUFBeEQsV0FBTSxHQUFOLE1BQU0sQ0FBMEI7UUFBVSxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBVjNFLGdCQUFXLEdBQVUsRUFBRSxDQUFDO1FBTXhCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUMzQyxZQUFPLEdBQW1CLEVBQUUsQ0FBQztRQUkzQixNQUFNLElBQUksR0FBRyxJQUFJLFNBQVMsQ0FBQyxNQUFNLENBQUMsV0FBVyxFQUFFLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMvRCxJQUFJLENBQUMsQ0FBQyxHQUFHLENBQUMsR0FBVyxFQUFFLENBQUMsR0FBRyxJQUFJLEVBQVUsRUFBRTtZQUN6QyxPQUFPLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDL0MsQ0FBQyxDQUFDO1FBQ0YsTUFBTSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDOUIsSUFBSSxLQUFLLFlBQVksYUFBYSxFQUFFO2dCQUNsQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7YUFDbEI7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFDRCxTQUFTO1FBQ1AsTUFBTSxNQUFNLEdBQUcsV0FBVyxDQUFDLE9BQU8sQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdkcsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQztJQUNwRSxDQUFDO0lBQ0QsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBQ0QsVUFBVSxDQUFDLFdBQW1CLElBQUk7UUFDaEMsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssa0JBQWtCLENBQUMsSUFBSSxJQUFJLENBQUMsQ0FBQyxRQUFRLEtBQUssUUFBUSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7WUFDekcsT0FBTyxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsTUFBTSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNqRyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFDRCxnQkFBZ0IsQ0FBQyxJQUFvQixFQUFFLE1BQU07UUFDM0MsS0FBSyxNQUFNLENBQUMsSUFBSSxJQUFJLEVBQUM7WUFDbkIsSUFBSSxDQUFDLENBQUMsVUFBVSxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEtBQUssTUFBTSxFQUFDO2dCQUN2RCxPQUFPLENBQUMsQ0FBQzthQUNWO1lBQ0QsTUFBTSxFQUFFLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDckQsSUFBSSxFQUFFLEVBQUM7Z0JBQ0wsT0FBTyxFQUFFLENBQUM7YUFDWDtTQUNGO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzs7WUFwREYsU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxhQUFhO2dCQUN2QixneEJBQXVDOzthQUUxQzs7O1lBWE8sd0JBQXdCO1lBR1QsTUFBTTs7OzBCQVUxQixLQUFLO21CQUVMLEtBQUs7c0JBRUwsS0FBSzs0QkFFTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtQc1Rvb2xraXRVaUNvbmZpZ1NlcnZpY2V9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2NvbmZpZy5zZXJ2aWNlJztcclxuaW1wb3J0IHtMYW5nQ2xhc3N9IGZyb20gJy4uLy4uL2NsYXNzZXMvbGFuZy5jbGFzcyc7XHJcbmltcG9ydCB7U2lkZWJhckNsYXNzfSBmcm9tICcuLi8uLi9jbGFzc2VzL3NpZGViYXIuY2xhc3MnO1xyXG5pbXBvcnQge05hdmlnYXRpb25FbmQsIFJvdXRlcn0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHtIZWxwZXJDbGFzc30gZnJvbSAnLi4vLi4vY2xhc3Nlcy9oZWxwZXIuY2xhc3MnO1xyXG5pbXBvcnQge1Blcm1pc3Npb25UeXBlRW51bX0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9lbnVtLmNsYXNzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdsaWItc2lkZWJhcicsXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vc2lkZWJhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9zaWRlYmFyLmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU2lkZWJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcclxuICBASW5wdXQoKVxyXG4gIHBlcm1pc3Npb25zOiBhbnlbXSA9IFtdO1xyXG4gIEBJbnB1dCgpXHJcbiAgYXJlYTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgdmVyc2lvbjogc3RyaW5nO1xyXG4gIEBPdXRwdXQoKVxyXG4gIHRvZ2dsZVNpZGViYXIgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcclxuICBzaWRlYmFyOiBTaWRlYmFyQ2xhc3NbXSA9IFtdO1xyXG4gIGN1cnJlbnRTaWRlYmFyO1xyXG4gIGw6IChrLCB2PykgPT4gc3RyaW5nO1xyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBjb25maWc6IFBzVG9vbGtpdFVpQ29uZmlnU2VydmljZSwgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcil7XHJcbiAgICBjb25zdCBsYW5nID0gbmV3IExhbmdDbGFzcyhjb25maWcuY3VycmVudExhbmcsIGNvbmZpZy5zdHJpbmdzKTtcclxuICAgIHRoaXMubCA9IChrZXk6IHN0cmluZywgdiA9IG51bGwpOiBzdHJpbmcgPT4ge1xyXG4gICAgICByZXR1cm4gbGFuZy5nZXQoJ1B1YmxpYycsICdTaWRlYmFyJywga2V5LCB2KTtcclxuICAgIH07XHJcbiAgICByb3V0ZXIuZXZlbnRzLnN1YnNjcmliZShldmVudCA9PiB7XHJcbiAgICAgIGlmIChldmVudCBpbnN0YW5jZW9mIE5hdmlnYXRpb25FbmQpIHtcclxuICAgICAgICB0aGlzLnNldEFjdGl2ZSgpO1xyXG4gICAgICB9XHJcbiAgICB9KTtcclxuICB9XHJcbiAgc2V0QWN0aXZlKCk6IHZvaWR7XHJcbiAgICBjb25zdCBhY3RpdmUgPSBIZWxwZXJDbGFzcy5nZXREYXRhKCdhY3RpdmUnLCB0aGlzLnJvdXRlci5yb3V0ZXJTdGF0ZSwgdGhpcy5yb3V0ZXIucm91dGVyU3RhdGUucm9vdClbMF07XHJcbiAgICB0aGlzLmN1cnJlbnRTaWRlYmFyID0gdGhpcy5nZXRTaWRlYmFyQWN0aXZlKHRoaXMuc2lkZWJhciwgYWN0aXZlKTtcclxuICB9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNpZGViYXIgPSB0aGlzLmdldFNpZGViYXIoKTtcclxuICAgIHRoaXMuc2V0QWN0aXZlKCk7XHJcbiAgfVxyXG4gIGdldFNpZGViYXIocGFyZW50SWQ6IHN0cmluZyA9IG51bGwpOiBTaWRlYmFyQ2xhc3NbXXtcclxuICAgIHJldHVybiB0aGlzLnBlcm1pc3Npb25zLmZpbHRlcih4ID0+IHguVHlwZSA9PT0gUGVybWlzc2lvblR5cGVFbnVtLkl0ZW0gJiYgeC5QYXJlbnRJZCA9PT0gcGFyZW50SWQpLm1hcCgocykgPT4ge1xyXG4gICAgICAgIHJldHVybiBuZXcgU2lkZWJhckNsYXNzKHRoaXMubCwgcy5OYW1lLCBzLkNvbnRyb2xsZXIsIHMuQWN0aW9uLCBzLkljb24sIHRoaXMuZ2V0U2lkZWJhcihzLklkKSk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuICBnZXRTaWRlYmFyQWN0aXZlKGl0ZW06IFNpZGViYXJDbGFzc1tdLCBhY3RpdmUpOiBTaWRlYmFyQ2xhc3N7XHJcbiAgICBmb3IgKGNvbnN0IGkgb2YgaXRlbSl7XHJcbiAgICAgIGlmIChpLmNvbnRyb2xsZXIgKyAoaS5hY3Rpb24gPyBpLmFjdGlvbiA6ICcnKSA9PT0gYWN0aXZlKXtcclxuICAgICAgICByZXR1cm4gaTtcclxuICAgICAgfVxyXG4gICAgICBjb25zdCBjYSA9IHRoaXMuZ2V0U2lkZWJhckFjdGl2ZShpLmNoaWxkcmVuLCBhY3RpdmUpO1xyXG4gICAgICBpZiAoY2Epe1xyXG4gICAgICAgIHJldHVybiBjYTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIG51bGw7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -1622,7 +1622,7 @@ SidebarItemComponent.decorators = [
|
|
|
1622
1622
|
{ type: Component, args: [{
|
|
1623
1623
|
selector: 'lib-sidebar-item',
|
|
1624
1624
|
template: "<div [className]=\"(isActive(item) ? 'parent-active open ' : '') + 'user-sidebar-item'\">\r\n <a [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length == 0\" [className]=\"(currentSidebar && item.name == currentSidebar.name ? 'active ' : '') + 'content'\" [routerLink]=\"(area ? '/' + area : '') + '/' + (item.controller == 'Dashboard' ? '' : (item.controller + (item.action ? '/' + item.action : '')))\">\r\n <i [className]=\"item.icon + ' icon'\"></i>\r\n <div class=\"title\">{{ l(item.name) }}</div>\r\n </a>\r\n <div [style]=\"{paddingRight: (i * 25) + 'px'}\" *ngIf=\"item.children.length > 0\" (click)=\"openClose($event)\" class=\"content parent\">\r\n <i [className]=\"item.icon + ' icon'\"></i>\r\n <div class=\"title\">{{ l(item.name) }}</div>\r\n <i [className]=\"'fa-duotone fa-angle-left arrow'\"></i>\r\n </div>\r\n <div *ngIf=\"item.children.length > 0\" class=\"children\">\r\n <div class=\"items\">\r\n <lib-sidebar-item [i]=\"i + 1\" [item]=\"child\" [currentSidebar]=\"currentSidebar\" [area]=\"area\" *ngFor=\"let child of item.children\"></lib-sidebar-item>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
1625
|
-
styles: [".user-sidebar-item{float:left;position:relative;text-align:center;width:100%}.user-sidebar-item .content{cursor:pointer;float:right;position:relative;transition:all .3s;width:260px}.user-sidebar-item .dot{background-color:var(--base);border:2px solid hsla(0,0%,93.3%,.4);border-radius:50%;height:10px;position:absolute;right:-15px;top:15px;width:10px;z-index:2}.user-sidebar-item .dot.active{background-color:var(--base-11);border:2px solid var(--base-11)}.user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}.user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}.user-sidebar-item .children{display:none;float:left;position:relative;width:100%}.user-sidebar-item .children .items{float:left;width:100%}.user-sidebar-item .children .line{background-color:hsla(0,0%,93.3%,.4);height:calc(100% - 20px);left:calc(85% + 10px);position:absolute;top:0;width:1px}.user-sidebar-item .content .title{color:hsla(0,0%,100%,.8);float:right;font-family:VazirLight;font-size:12px;height:45px;line-height:45px;overflow:hidden;transition:all .3s;width:0}.user-sidebar-item .content .icon{color:hsla(0,0%,100%,.6666666666666666);float:right;font-size:18px;height:45px;line-height:45px;width:78px}.user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;left:0;line-height:45px;opacity:0;overflow:hidden;position:absolute;top:0;transition:all .3s;width:40px}::ng-deep #
|
|
1625
|
+
styles: [".user-sidebar-item{float:left;position:relative;text-align:center;width:100%}.user-sidebar-item .content{cursor:pointer;float:right;position:relative;transition:all .3s;width:260px}.user-sidebar-item .dot{background-color:var(--base);border:2px solid hsla(0,0%,93.3%,.4);border-radius:50%;height:10px;position:absolute;right:-15px;top:15px;width:10px;z-index:2}.user-sidebar-item .dot.active{background-color:var(--base-11);border:2px solid var(--base-11)}.user-sidebar-item.parent-active>.dot.parent{background-color:hsla(0,0%,93.3%,.4);border:none}.user-sidebar-item .dot.back{background-color:var(--base);border:none;z-index:1}.user-sidebar-item .children{display:none;float:left;position:relative;width:100%}.user-sidebar-item .children .items{float:left;width:100%}.user-sidebar-item .children .line{background-color:hsla(0,0%,93.3%,.4);height:calc(100% - 20px);left:calc(85% + 10px);position:absolute;top:0;width:1px}.user-sidebar-item .content .title{color:hsla(0,0%,100%,.8);float:right;font-family:VazirLight;font-size:12px;height:45px;line-height:45px;overflow:hidden;transition:all .3s;width:0}.user-sidebar-item .content .icon{color:hsla(0,0%,100%,.6666666666666666);float:right;font-size:18px;height:45px;line-height:45px;width:78px}.user-sidebar-item .content .arrow{color:hsla(0,0%,100%,.8);font-size:13px;height:45px;left:0;line-height:45px;opacity:0;overflow:hidden;position:absolute;top:0;transition:all .3s;width:40px}::ng-deep #Sidebar.open .user-sidebar-item .content .arrow{opacity:1}::ng-deep #Sidebar.open .user-sidebar-item .content .title{width:calc(100% - 110px)}::ng-deep #Sidebar.close .user-sidebar-item .content{padding:0!important}.user-sidebar-item.open .content .arrow{transform:rotate(-90deg)}.user-sidebar-item>.children .content .icon{font-size:11px}.user-sidebar-item.parent-active>.content,.user-sidebar-item:hover>.content{background-color:var(--base-dark)}.user-sidebar-item.parent-active>.content .title,.user-sidebar-item:hover>.content .title{color:#fff;font-family:VazirBold}.user-sidebar-item.parent-active>.content .icon,.user-sidebar-item:hover>.content .icon{color:var(--comp)}.user-sidebar-item.parent-active>.content .arrow,.user-sidebar-item:hover>.content .arrow{color:#fff}.user-sidebar-item.parent-active>.children{display:block}@media (max-width:399.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:400px) and (max-width:499.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:500px) and (max-width:599.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:600px) and (max-width:699.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:700px) and (max-width:799.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:800px) and (max-width:899.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}@media (min-width:900px) and (max-width:999.98px){.user-sidebar-item .content .title{font-size:11px;width:calc(100% - 30px)}.user-sidebar-item .content .icon{font-size:13px;width:30px}}"]
|
|
1626
1626
|
},] }
|
|
1627
1627
|
];
|
|
1628
1628
|
SidebarItemComponent.ctorParameters = () => [
|
|
@@ -1696,8 +1696,8 @@ class SidebarComponent {
|
|
|
1696
1696
|
SidebarComponent.decorators = [
|
|
1697
1697
|
{ type: Component, args: [{
|
|
1698
1698
|
selector: 'lib-sidebar',
|
|
1699
|
-
template: "<div id=\"Sidebar\" class=\"open\">\r\n <i (click)=\"toggleSidebar.emit()\" class=\"toggle fa-duotone fa-angle-double-right\"></i>\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar.emit()\"></div>\r\n <div class=\"sidebar-scroll\">\r\n <div class=\"brand-con\">\r\n <
|
|
1700
|
-
styles: ["#Sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);transition:width .3s;width:78px}#Sidebar,#Sidebar .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;
|
|
1699
|
+
template: "<div id=\"Sidebar\" class=\"open\">\r\n <i (click)=\"toggleSidebar.emit()\" class=\"toggle fa-duotone fa-angle-double-right\"></i>\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar.emit()\"></div>\r\n <div class=\"sidebar-scroll\">\r\n <div class=\"brand-con\">\r\n <div class=\"logo\"></div>\r\n <div class=\"title\">\r\n {{l('SoftwareName')}}\r\n <div class=\"version\">{{l('Version', version)}}</div>\r\n </div>\r\n </div>\r\n <div class=\"sidebar-con\" id=\"sidebar-con\">\r\n <span *ngFor=\"let item of sidebar\">\r\n <lib-sidebar-item [i]=\"0\" [item]=\"item\" [base]=\"true\" [currentSidebar]=\"currentSidebar\" [area]=\"area\"></lib-sidebar-item>\r\n </span>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
1700
|
+
styles: ["#Sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);position:relative;transition:width .3s;width:78px;z-index:12}#Sidebar,#Sidebar .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right}#Sidebar .sidebar-shadow{background-color:var(--black);height:100vh;left:0;min-height:100vh;opacity:0;overflow:hidden;position:fixed;transition:xall .3s;visibility:hidden;width:100%;z-index:9}#Sidebar.open{width:260px}#Sidebar .sidebar-scroll{height:100%;overflow-y:auto;width:100%}#Sidebar .sidebar-scroll .sidebar-con{direction:rtl;float:right;height:calc(100vh - 85px);overflow-x:hidden;overflow-y:auto;width:100%}#Sidebar .sidebar-scroll .brand-con{align-items:center;background-color:var(--base-dark);direction:rtl;display:flex;float:right;height:50px;height:100%;justify-content:center;padding:10px;width:100%}#Sidebar .sidebar-scroll .brand-con .logo{background-position:50%;background-repeat:no-repeat;background-size:contain;float:right;height:30px;width:30px}#Sidebar .sidebar-scroll .brand-con .title{align-items:center;color:#fff;display:flex;font-family:VazirBold;font-size:15px;height:100%;justify-content:center;position:relative;top:-4px}#Sidebar .sidebar-scroll .brand-con .title .version{font-family:VazirLight;font-size:9px;position:absolute;top:17px}#Sidebar .toggle{color:var(--comp);cursor:pointer;float:left;font-size:18px;height:50px;left:-60px;line-height:50px;position:absolute;text-align:center;transition:all .3s;width:60px}#Sidebar.close .toggle{transform:scaleX(-1)}#Sidebar .toggle:hover{color:var(--comp-dark)}@media (max-width:399.98px){#Sidebar{right:0;width:200px}#Sidebar,#Sidebar .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px)}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:400px) and (max-width:499.98px){#Sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Sidebar.open{right:-200px}#Sidebar .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px);opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:500px) and (max-width:599.98px){#Sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Sidebar.open{right:-200px}#Sidebar .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px);opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:600px) and (max-width:699.98px){#Sidebar{right:0;width:200px}#Sidebar.open{right:-200px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:700px) and (max-width:799.98px){#Sidebar{right:0;width:200px}#Sidebar.open{right:-200px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:800px) and (max-width:899.98px){#Sidebar{right:-200px;width:200px}#Sidebar.open{right:0}}@media (min-width:900px) and (max-width:999.98px){#Sidebar{right:-200px;width:200px}#Sidebar.open{right:0}}@media (min-width:1000px) and (max-width:1099.98px){#Sidebar{right:-200px;width:200px}#Sidebar.open{right:0}}@media (min-width:1100px) and (max-width:1199.98px){#Sidebar{right:-200px;width:200px}#Sidebar.open{right:0}}"]
|
|
1701
1701
|
},] }
|
|
1702
1702
|
];
|
|
1703
1703
|
SidebarComponent.ctorParameters = () => [
|
|
@@ -1707,6 +1707,7 @@ SidebarComponent.ctorParameters = () => [
|
|
|
1707
1707
|
SidebarComponent.propDecorators = {
|
|
1708
1708
|
permissions: [{ type: Input }],
|
|
1709
1709
|
area: [{ type: Input }],
|
|
1710
|
+
version: [{ type: Input }],
|
|
1710
1711
|
toggleSidebar: [{ type: Output }]
|
|
1711
1712
|
};
|
|
1712
1713
|
|
|
@@ -6066,14 +6067,14 @@ class LayoutComponent {
|
|
|
6066
6067
|
this.logout = new EventEmitter();
|
|
6067
6068
|
}
|
|
6068
6069
|
toggleSidebar() {
|
|
6069
|
-
$('#
|
|
6070
|
+
$('#Sidebar').toggleClass('open').toggleClass('close');
|
|
6070
6071
|
}
|
|
6071
6072
|
}
|
|
6072
6073
|
LayoutComponent.decorators = [
|
|
6073
6074
|
{ type: Component, args: [{
|
|
6074
6075
|
selector: 'lib-layout',
|
|
6075
6076
|
template: "<div id=\"Layout\">\r\n <div class=\"layout-con\">\r\n <div class=\"panel\">\r\n <lib-sidebar [permissions]=\"permissions\" (toggleSidebar)=\"toggleSidebar()\" [area]=\"area\">\r\n <ng-content select=\"[slot=sidebar]\"></ng-content>\r\n </lib-sidebar>\r\n <div class=\"content\">\r\n <lib-header (logout)=\"logout.emit()\">\r\n <ng-content select=\"[slot=header]\"></ng-content>\r\n </lib-header>\r\n <div class=\"content-scroll-con\" style=\"overflow-y: auto\">\r\n <div class=\"content-scroll\">\r\n <router-outlet></router-outlet>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n",
|
|
6076
|
-
styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{display:flex;flex-direction:row;position:relative}#Layout .panel .content{background-color:var(--base-11);direction:rtl;float:left;overflow:hidden;position:relative;transition:width .3s;width:calc(100% - 78px)}#Layout .panel
|
|
6077
|
+
styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{display:flex;flex-direction:row;position:relative}#Layout .panel .content{background-color:var(--base-11);direction:rtl;float:left;overflow:hidden;position:relative;transition:width .3s;width:calc(100% - 78px)}#Layout .panel .content .content-scroll-con{height:calc(100vh - 85px);min-height:calc(100vh - 85px);width:100%}#Layout .panel .content .content-scroll-con .content-scroll{float:right;padding:20px;width:100%}@media (max-width:399.98px){#Layout .panel .content{height:calc(100vh - 110px);min-height:calc(100vh - 110px);width:100%}}@media (min-width:400px) and (max-width:499.98px){#Layout .panel .content{height:calc(100vh - 110px);min-height:calc(100vh - 110px);width:100%}}@media (min-width:500px) and (max-width:599.98px){#Layout .panel .content{height:calc(100vh - 110px);min-height:calc(100vh - 110px);width:100%}}@media (min-width:600px) and (max-width:699.98px){#Layout .panel .content{width:100%}}@media (min-width:700px) and (max-width:799.98px){#Layout .panel .content{width:100%}}@media (min-width:800px) and (max-width:899.98px){#Layout .panel .content{width:100%}}@media (min-width:900px) and (max-width:999.98px){#Layout .panel .content{width:100%}}@media (min-width:1000px) and (max-width:1099.98px){#Layout .panel .content{width:100%}}@media (min-width:1100px) and (max-width:1199.98px){#Layout .panel .content{width:100%}}"]
|
|
6077
6078
|
},] }
|
|
6078
6079
|
];
|
|
6079
6080
|
LayoutComponent.ctorParameters = () => [];
|