ps-toolkit-ui 0.1.11 → 0.1.12
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 +3 -3
- 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/header/header.component.js +3 -3
- package/esm2015/lib/components/sidebar/sidebar.component.js +1 -1
- package/fesm2015/ps-toolkit-ui.js +3 -3
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -2055,8 +2055,8 @@
|
|
|
2055
2055
|
HeaderComponent.decorators = [
|
|
2056
2056
|
{ type: core.Component, args: [{
|
|
2057
2057
|
selector: 'lib-header',
|
|
2058
|
-
template: "<div id=\"Header\" class=\"underline\">\r\n <div class=\"content\"><ng-content></ng-content></div>\r\n <div class=\"
|
|
2059
|
-
styles: ["#Header{background-color:#fff;float:right;height:50px;position:relative;width:100%;z-index:11}#Header .content{float:right;height:100%;width:calc(100% -
|
|
2058
|
+
template: "<div id=\"Header\" class=\"underline\">\r\n <div class=\"content\"><ng-content></ng-content></div>\r\n <div class=\"user-con\"><i class=\"fa-duotone fa-user user\"></i></div>\r\n <div class=\"user-drop-down\">\r\n <lib-form-button [inp]=\"logoutInp\"></lib-form-button>\r\n </div>\r\n</div>\r\n",
|
|
2059
|
+
styles: ["#Header{background-color:#fff;float:right;height:50px;position:relative;width:100%;z-index:11}#Header .content{float:right;height:100%;margin-right:50px;text-align:center;width:calc(100% - 10px)}#Header .user-con{align-items:center;display:flex;float:right;justify-content:center;width:50px}#Header .user-con .user{background-color:var(--base-22);border-radius:50%;float:right;height:30px;line-height:30px;text-align:center;width:30px}#Header .user-drop-down{background-color:#fff;border-radius:5px;box-shadow:var(--box-shadow);overflow:hidden;padding:10px;position:absolute;right:0;top:50px;transition:all .3s;width:0}@media (max-width:399.98px){#Header .content{font-size:12px}}@media (min-width:400px) and (max-width:499.98px){#Header .content{font-size:12px}}"]
|
|
2060
2060
|
},] }
|
|
2061
2061
|
];
|
|
2062
2062
|
HeaderComponent.ctorParameters = function () { return [
|
|
@@ -2232,7 +2232,7 @@
|
|
|
2232
2232
|
{ type: core.Component, args: [{
|
|
2233
2233
|
selector: 'lib-sidebar',
|
|
2234
2234
|
template: "<div id=\"Sidebar\" class=\"open\">\r\n <div class=\"sidebar-shadow\" (click)=\"toggleSidebar.emit()\"></div>\r\n <div class=\"sidebar-scroll\">\r\n <i (click)=\"toggleSidebar.emit()\" class=\"toggle fa-duotone fa-angle-double-left\"></i>\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",
|
|
2235
|
-
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:all .3s;visibility:hidden;width:100%;z-index:9}#Sidebar.open{width:260px}#Sidebar .sidebar-scroll{background-color:var(--base);height:100%;position:absolute;right:0;top:0;transition:all .3s;width:100%;z-index:11}#Sidebar .sidebar-scroll .sidebar-con{direction:ltr;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;justify-content:center;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;overflow:hidden;position:relative;top:-4px;transition:all .3s;width:0}#Sidebar.open .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-scroll .brand-con .title .version{font-family:VazirLight;font-size:9px;position:absolute;top:27px}#Sidebar .toggle{color:var(--comp);cursor:pointer;float:left;font-size:18px;height:50px;left:-
|
|
2235
|
+
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:all .3s;visibility:hidden;width:100%;z-index:9}#Sidebar.open{width:260px}#Sidebar .sidebar-scroll{background-color:var(--base);height:100%;position:absolute;right:0;top:0;transition:all .3s;width:100%;z-index:11}#Sidebar .sidebar-scroll .sidebar-con{direction:ltr;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;justify-content:center;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;overflow:hidden;position:relative;top:-4px;transition:all .3s;width:0}#Sidebar.open .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-scroll .brand-con .title .version{font-family:VazirLight;font-size:9px;position:absolute;top:27px}#Sidebar .toggle{color:var(--comp);cursor:pointer;float:left;font-size:18px;height:50px;left:-50px;line-height:50px;position:absolute;text-align:center;transform:scaleX(1);transition:all .3s;width:50px}#Sidebar.open .toggle{transform:scaleX(-1)}#Sidebar .toggle:hover{color:var(--comp-dark)}@media (max-width:399.98px){#Sidebar{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}#Sidebar,#Sidebar.open{width:0}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 110px)}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--comp);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--comp-dark)}}@media (min-width:400px) and (max-width:499.98px){#Sidebar{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}#Sidebar,#Sidebar.open{width:0}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:240px}#Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 110px)}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--comp);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--comp-dark)}}@media (min-width:500px) and (max-width:599.98px){#Sidebar{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}#Sidebar,#Sidebar.open{width:0}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar .sidebar-scroll .sidebar-con{height:calc(100vh - 110px)}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--comp);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--comp-dark)}}@media (min-width:600px) and (max-width:699.98px){#Sidebar,#Sidebar.open{width:0}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--comp);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--comp-dark)}}@media (min-width:700px) and (max-width:799.98px){#Sidebar,#Sidebar.open{width:60px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--comp);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--comp-dark)}}@media (min-width:800px) and (max-width:899.98px){#Sidebar,#Sidebar.open{width:60px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--comp);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--comp-dark)}}@media (min-width:900px) and (max-width:999.98px){#Sidebar,#Sidebar.open{width:78px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--comp);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--comp-dark)}}@media (min-width:1000px) and (max-width:1099.98px){#Sidebar,#Sidebar.open{width:78px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--comp);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--comp-dark)}}@media (min-width:1100px) and (max-width:1199.98px){#Sidebar,#Sidebar.open{width:78px}#Sidebar.open .sidebar-scroll{width:100%}#Sidebar .sidebar-scroll{width:260px}#Sidebar.open .sidebar-scroll .brand-con .title{width:0}#Sidebar .sidebar-scroll .brand-con .title{width:110px}#Sidebar .sidebar-shadow{opacity:.7;visibility:visible}#Sidebar.open .sidebar-shadow{opacity:0;visibility:hidden}#Sidebar .toggle{transform:scaleX(-1)}#Sidebar .toggle,#Sidebar .toggle:hover{color:var(--white)}#Sidebar.open .toggle{color:var(--comp);transform:scaleX(1)}#Sidebar.open .toggle:hover{color:var(--comp-dark)}}"]
|
|
2236
2236
|
},] }
|
|
2237
2237
|
];
|
|
2238
2238
|
SidebarComponent.ctorParameters = function () { return [
|