ps-toolkit-ui 0.0.231 → 0.0.232

package/esm2015/lib/components/layout/layout.component.js

@@ -6,7 +6,7 @@ export class LayoutComponent {
         this.logout = new EventEmitter();
     }
     toggleSidebar() {
-        $('#Layout .panel').toggleClass('open-sidebar').toggleClass('close-sidebar');
+        $('#Sidebar').toggleClass('open').toggleClass('close');
     }
 }
 LayoutComponent.decorators = [
@@ -22,4 +22,4 @@ LayoutComponent.propDecorators = {
     area: [{ type: Input }],
     logout: [{ type: Output }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qcm9qZWN0cy9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDO0FBTzVCLE1BQU0sT0FBTyxlQUFlO0lBTzFCO1FBTEEsZ0JBQVcsR0FBVSxFQUFFLENBQUM7UUFJeEIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFNUIsQ0FBQztJQUNELGFBQWE7UUFDWCxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyxXQUFXLENBQUMsY0FBYyxDQUFDLENBQUMsV0FBVyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQy9FLENBQUM7OztZQWhCRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLDJzQkFBc0M7O2FBRXZDOzs7OzBCQUVFLEtBQUs7bUJBRUwsS0FBSztxQkFFTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCAqIGFzICQgZnJvbSAnanF1ZXJ5JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWxheW91dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xheW91dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbGF5b3V0LmNvbXBvbmVudC5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGF5b3V0Q29tcG9uZW50IHtcclxuICBASW5wdXQoKVxyXG4gIHBlcm1pc3Npb25zOiBhbnlbXSA9IFtdO1xyXG4gIEBJbnB1dCgpXHJcbiAgYXJlYTogc3RyaW5nO1xyXG4gIEBPdXRwdXQoKVxyXG4gIGxvZ291dCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBjb25zdHJ1Y3RvcigpIHtcclxuICB9XHJcbiAgdG9nZ2xlU2lkZWJhcigpOiB2b2lke1xyXG4gICAgJCgnI0xheW91dCAucGFuZWwnKS50b2dnbGVDbGFzcygnb3Blbi1zaWRlYmFyJykudG9nZ2xlQ2xhc3MoJ2Nsb3NlLXNpZGViYXInKTtcclxuICB9XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJEOi9Qcm9qZWN0cy9Qc1Rvb2xraXQvVUkvcHJvamVjdHMvcHMtdG9vbGtpdC11aS9zcmMvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9sYXlvdXQvbGF5b3V0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDO0FBTzVCLE1BQU0sT0FBTyxlQUFlO0lBTzFCO1FBTEEsZ0JBQVcsR0FBVSxFQUFFLENBQUM7UUFJeEIsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFNUIsQ0FBQztJQUNELGFBQWE7UUFDWCxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsV0FBVyxDQUFDLE1BQU0sQ0FBQyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUN6RCxDQUFDOzs7WUFoQkYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxZQUFZO2dCQUN0Qiwyc0JBQXNDOzthQUV2Qzs7OzswQkFFRSxLQUFLO21CQUVMLEtBQUs7cUJBRUwsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgKiBhcyAkIGZyb20gJ2pxdWVyeSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1sYXlvdXQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9sYXlvdXQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xheW91dC5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIExheW91dENvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICBwZXJtaXNzaW9uczogYW55W10gPSBbXTtcclxuICBASW5wdXQoKVxyXG4gIGFyZWE6IHN0cmluZztcclxuICBAT3V0cHV0KClcclxuICBsb2dvdXQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgY29uc3RydWN0b3IoKSB7XHJcbiAgfVxyXG4gIHRvZ2dsZVNpZGViYXIoKTogdm9pZHtcclxuICAgICQoJyNTaWRlYmFyJykudG9nZ2xlQ2xhc3MoJ29wZW4nKS50b2dnbGVDbGFzcygnY2xvc2UnKTtcclxuICB9XHJcbn1cclxuIl19

package/esm2015/lib/components/sidebar/sidebar.component.js

@@ -52,7 +52,7 @@ SidebarComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lib-sidebar',
                 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      <ng-content></ng-content>\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",
-                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{background-color:var(--base-dark);float:right;height:50px;padding:10px;width:100%}#Sidebar .toggle{color:var(--comp);cursor:pointer;float:left;font-size:18px;height:50px;left:-60px;line-height:50px;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}}"]
+                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{background-color:var(--base-dark);float:right;height:50px;padding:10px;width:100%}#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}}"]
             },] }
 ];
 SidebarComponent.ctorParameters = () => [

package/fesm2015/ps-toolkit-ui.js

@@ -1697,7 +1697,7 @@ SidebarComponent.decorators = [
     { type: Component, args: [{
                 selector: 'lib-sidebar',
                 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      <ng-content></ng-content>\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",
-                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{background-color:var(--base-dark);float:right;height:50px;padding:10px;width:100%}#Sidebar .toggle{color:var(--comp);cursor:pointer;float:left;font-size:18px;height:50px;left:-60px;line-height:50px;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}}"]
+                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{background-color:var(--base-dark);float:right;height:50px;padding:10px;width:100%}#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}}"]
             },] }
 ];
 SidebarComponent.ctorParameters = () => [
@@ -6066,7 +6066,7 @@ class LayoutComponent {
         this.logout = new EventEmitter();
     }
     toggleSidebar() {
-        $('#Layout .panel').toggleClass('open-sidebar').toggleClass('close-sidebar');
+        $('#Sidebar').toggleClass('open').toggleClass('close');
     }
 }
 LayoutComponent.decorators = [