ps-toolkit-ui 0.0.227 → 0.0.228
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 +4 -4
- 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/sidebar.component.js +3 -3
- package/fesm2015/ps-toolkit-ui.js +4 -4
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -2230,8 +2230,8 @@
|
|
|
2230
2230
|
SidebarComponent.decorators = [
|
|
2231
2231
|
{ type: core.Component, args: [{
|
|
2232
2232
|
selector: 'lib-sidebar',
|
|
2233
|
-
template: "<div id=\"Sidebar\">\r\n <i (click)=\"toggleSidebar.emit()\" class=\"toggle fa-duotone fa-angle-double-right\"></i>\r\n <div class=\"brand-con\">\r\n
|
|
2234
|
-
styles: ["#Sidebar,#Sidebar .sidebar-
|
|
2233
|
+
template: "<div id=\"Sidebar\">\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\">\r\n <div class=\"sidebar-scroll\" style=\"overflow-y: auto\">\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</div>\r\n",
|
|
2234
|
+
styles: ["#Sidebar{float:right;width:100%}#Sidebar .sidebar{background-color:var(--base);height:calc(100vh - 35px);min-height:calc(100vh - 35px);transition:width .3s;width:78px}#Sidebar .sidebar,#Sidebar .sidebar-shadow{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;direction:ltr;float:right;overflow:hidden;position:absolute;z-index:9}#Sidebar .sidebar-shadow{background-color:var(--black);height:calc(100vh - 85px);left:0;min-height:calc(100vh - 85px);opacity:0;transition:all .3s;visibility:hidden;width:100%}#Sidebar.open-sidebar .sidebar{width:260px}#Sidebar .sidebar .sidebar-scroll{height:100%;width:100%}#Sidebar .sidebar .sidebar-scroll .sidebar-con{direction:rtl;float:right;height:calc(100vh - 85px);overflow-x:hidden;overflow-y:auto;width:100%}#Sidebar .sidebar .sidebar-scroll .brand-con{background-color:var(--base-dark);float:right;height:50px;width:100%}#Sidebar .toggle{color:var(--comp);cursor:pointer;float:left;font-size:18px;height:50px;line-height:50px;text-align:center;transition:all .3s;width:78px}#Sidebar.close-sidebar .sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle:hover{color:var(--comp-dark)}@media (max-width:399.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px);opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:400px) and (max-width:499.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px);opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:500px) and (max-width:599.98px){#Layout .panel .sidebar{height:calc(100vh - 110px);min-height:calc(100vh - 110px);right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .sidebar-shadow{height:calc(100vh - 110px);min-height:calc(100vh - 110px);opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:600px) and (max-width:699.98px){#Layout .panel .sidebar{right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:700px) and (max-width:799.98px){#Layout .panel .sidebar{right:0;width:200px}#Layout .panel.open-sidebar .sidebar{right:-200px}#Layout .panel .sidebar-shadow{opacity:.7;visibility:visible;width:calc(100% - 200px)}#Layout .panel.open-sidebar .sidebar-shadow{opacity:0;visibility:hidden;width:100%}}@media (min-width:800px) and (max-width:899.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel.open-sidebar .sidebar{right:0}}@media (min-width:900px) and (max-width:999.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel.open-sidebar .sidebar{right:0}}@media (min-width:1000px) and (max-width:1099.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel.open-sidebar .sidebar{right:0}}@media (min-width:1100px) and (max-width:1199.98px){#Layout .panel .sidebar{right:-200px;width:200px}#Layout .panel.open-sidebar .sidebar{right:0}}"]
|
|
2235
2235
|
},] }
|
|
2236
2236
|
];
|
|
2237
2237
|
SidebarComponent.ctorParameters = function () { return [
|
|
@@ -7012,8 +7012,8 @@
|
|
|
7012
7012
|
LayoutComponent.decorators = [
|
|
7013
7013
|
{ type: core.Component, args: [{
|
|
7014
7014
|
selector: 'lib-layout',
|
|
7015
|
-
template: "<div id=\"Layout\">\r\n <div class=\"layout-con\">\r\n <div class=\"panel open-sidebar\">\r\n <
|
|
7016
|
-
styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{position:relative}#Layout .panel .
|
|
7015
|
+
template: "<div id=\"Layout\">\r\n <div class=\"layout-con\">\r\n <div class=\"panel open-sidebar\">\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",
|
|
7016
|
+
styles: ["#Layout,#Layout .layout-con,#Layout .panel{float:right;width:100%}#Layout .panel{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.open-sidebar .content{width:calc(100% - 260px)}#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.open-sidebar .content{width:100%}#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.open-sidebar .content{width:100%}#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.open-sidebar .content{width:100%}#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,#Layout .panel.open-sidebar .content{width:100%}}@media (min-width:700px) and (max-width:799.98px){#Layout .panel .content,#Layout .panel.open-sidebar .content{width:100%}}@media (min-width:800px) and (max-width:899.98px){#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:900px) and (max-width:999.98px){#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1000px) and (max-width:1099.98px){#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}@media (min-width:1100px) and (max-width:1199.98px){#Layout .panel .content{width:100%}#Layout .panel.open-sidebar .content{width:calc(100% - 200px)}}"]
|
|
7017
7017
|
},] }
|
|
7018
7018
|
];
|
|
7019
7019
|
LayoutComponent.ctorParameters = function () { return []; };
|