ps-toolkit-ui 0.0.235 → 0.0.239
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/login/login.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
|
@@ -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 <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",
|
|
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: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:
|
|
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: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: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;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;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: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}}"]
|
|
2236
2236
|
},] }
|
|
2237
2237
|
];
|
|
2238
2238
|
SidebarComponent.ctorParameters = function () { return [
|
|
@@ -6955,8 +6955,8 @@
|
|
|
6955
6955
|
LoginComponent.decorators = [
|
|
6956
6956
|
{ type: core.Component, args: [{
|
|
6957
6957
|
selector: 'lib-login',
|
|
6958
|
-
template: "<div id=\"Login\">\r\n <div class=\"triangles\">\r\n <i class=\"triangle triangle-1 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-2 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-3 fas fa-caret-left\"></i>\r\n </div>\r\n <div class=\"about-c\">\r\n <div class=\"about\">\r\n <div class=\"info\">\r\n <div class=\"logo\"></div>\r\n <div class=\"title\">\r\n {{ l('Base') }}\r\n </div>\r\n <div class=\"sub-title\">\r\n {{ l('BaseDesc') }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"form-c\">\r\n <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n <div class=\"form\" *ngIf=\"i === login.active\">\r\n <lib-form [form]=step.form></lib-form>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n",
|
|
6959
|
-
styles: ["#Login{background-color:#fff;border-radius:5px;display:table;float:right;height:100vh;position:relative;width:100%}#Login .form-c{box-shadow:19px 0 35px -7px rgba(0,0,0,.05);position:relative;z-index:2}#Login .about-c,#Login .form-c{display:table-cell;vertical-align:middle;width:50%}#Login .about-c{height:100%}#Login .form{margin:0 auto;width:70%}#Login .about,#Login .about .info{border-radius:0 5px 5px 0;float:right;position:relative;width:100%}#Login .about .info{z-index:2}#Login .triangles{border-radius:0 5px 5px 0;height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}#Login .triangles .triangle{color:var(--base);opacity:.2;position:absolute}#Login .triangles .triangle-1{font-size:656px;right:-
|
|
6958
|
+
template: "<div id=\"Login\">\r\n <div class=\"triangles\">\r\n <i class=\"triangle triangle-1 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-2 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-3 fas fa-caret-left\"></i>\r\n <i class=\"triangle triangle-4 fas fa-caret-left\"></i>\r\n </div>\r\n <div class=\"about-c\">\r\n <div class=\"about\">\r\n <div class=\"info\">\r\n <div class=\"logo\"></div>\r\n <div class=\"title\">\r\n {{ l('Base') }}\r\n </div>\r\n <div class=\"sub-title\">\r\n {{ l('BaseDesc') }}\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"form-c\">\r\n <ng-container *ngFor=\"let step of login.steps; let i = index\">\r\n <div class=\"form\" *ngIf=\"i === login.active\">\r\n <lib-form [form]=step.form></lib-form>\r\n </div>\r\n </ng-container>\r\n </div>\r\n</div>\r\n",
|
|
6959
|
+
styles: ["#Login{background-color:#fff;border-radius:5px;display:table;float:right;height:100vh;position:relative;width:100%}#Login .form-c{box-shadow:19px 0 35px -7px rgba(0,0,0,.05);position:relative;z-index:2}#Login .about-c,#Login .form-c{display:table-cell;vertical-align:middle;width:50%}#Login .about-c{height:100%}#Login .form{margin:0 auto;width:70%}#Login .about,#Login .about .info{border-radius:0 5px 5px 0;float:right;position:relative;width:100%}#Login .about .info{z-index:2}#Login .triangles{border-radius:0 5px 5px 0;height:100%;overflow:hidden;position:absolute;width:100%;z-index:1}#Login .triangles .triangle{color:var(--base);opacity:.2;position:absolute}#Login .triangles .triangle-1{font-size:656px;right:-150px;top:50px}#Login .triangles .triangle-2{font-size:1000px;right:-240px;top:150px}#Login .triangles .triangle-3{font-size:900px;right:-220px;top:-347px}#Login .triangles .triangle-4{font-size:900px;right:-250px;top:450px}#Login .about .logo{background-position:50%;background-repeat:no-repeat;background-size:cover;height:200px;margin:0 auto;position:relative;width:200px}#Login .about .title{font-family:VazirBold;font-size:25px;font-weight:bolder;height:40px;line-height:40px;margin-top:20px;width:100%}#Login .about .sub-title,#Login .about .title{float:right;position:relative;text-align:center}#Login .about .sub-title{font-family:VazirLight;font-size:12px;line-height:30px;margin-right:10%;padding:20px;width:80%}#Login .form .title{float:right;font-family:VazirBold;font-size:25px;height:50px;line-height:50px;margin-bottom:10px;margin-top:30px;text-align:center;width:100%}#Login .form .sub-title{color:var(--black-88);float:right;font-family:VazirLight;font-size:12px;height:30px;line-height:30px;text-align:center;width:100%}#Login .form .title i{color:var(--base);font-size:30px;left:5px;margin-left:5px;position:relative;top:7px}::ng-deep #Login .form .title{float:right;font-family:VazirBold;font-size:25px;height:50px;line-height:50px;margin-bottom:10px;margin-top:30px;text-align:center;width:100%}::ng-deep #Login .form .sub-title{margin-bottom:20px;text-align:center}::ng-deep #Login .form .sub-title:after{background-image:none!important}@media (max-width:399.98px){#Login{display:unset;margin-right:5%;padding:20px 0;width:90%}#Login .about-c,#Login .form-c{display:unset;width:100%}#Login .about-c{float:right;height:80px}#Login .about,#Login .about .info,#Login .triangles{border-radius:5px 5px 0 0}#Login .form{width:90%}#Login .about .info{padding:10px 5px 5px}#Login .about .logo{display:inline-block;float:right;height:80px;margin:unset;margin-right:10%;width:80px}#Login .about .title{display:inline-block;height:80px;line-height:80px;width:calc(80% - 80px)}}@media (min-width:400px) and (max-width:499.98px){#Login{display:unset;margin-right:10%;padding:50px 0;width:80%}#Login .about-c,#Login .form-c{display:unset;float:right;width:100%}#Login .about-c{height:100px}#Login .about,#Login .about .info,#Login .triangles{border-radius:5px 5px 0 0}#Login .form{float:right;margin-right:10%;width:80%}#Login .about .info{padding:10px}#Login .about .logo{display:inline-block;float:right;height:100px;margin:unset;margin-right:10%;width:100px}#Login .about .title{display:inline-block;height:100px;line-height:100px;width:calc(80% - 100px)}}@media (min-width:500px) and (max-width:599.98px){#Login{display:unset;margin-right:10%;padding:50px 0;width:80%}#Login .about-c,#Login .form-c{display:unset;float:right;width:100%}#Login .about-c{height:100px}#Login .about,#Login .about .info,#Login .triangles{border-radius:5px 5px 0 0}#Login .form{float:right;margin-right:15%;width:70%}#Login .about .info{padding:10px}#Login .about .logo{display:inline-block;float:right;height:100px;margin:unset;margin-right:10%;width:100px}#Login .about .title{display:inline-block;height:100px;line-height:100px;width:calc(80% - 100px)}}@media (min-width:600px) and (max-width:699.98px){#Login{display:unset;margin-right:10%;padding:50px 0;width:80%}#Login .about-c,#Login .form-c{display:unset;float:right;width:100%}#Login .about-c{height:100px}#Login .about,#Login .about .info,#Login .triangles{border-radius:5px 5px 0 0}#Login .form{float:right;margin-right:15%;width:70%}#Login .about .info{padding:10px}#Login .about .logo{display:inline-block;float:right;height:100px;margin:unset;margin-right:10%;width:100px}#Login .about .title{display:inline-block;height:100px;line-height:100px;width:calc(80% - 100px)}}@media (min-width:700px) and (max-width:799.98px){#Login{margin-right:5%;padding:50px 0;width:90%}}@media (min-width:800px) and (max-width:899.98px){#Login{margin-right:10%;width:80%}}@media (min-width:900px) and (max-width:999.98px){#Login{margin-right:10%;width:80%}}@media (min-width:1000px) and (max-width:1099.98px){#Login{margin-right:15%;width:70%}}@media (min-width:1100px) and (max-width:1199.98px){#Login{margin-right:15%;width:70%}}"]
|
|
6960
6960
|
},] }
|
|
6961
6961
|
];
|
|
6962
6962
|
LoginComponent.ctorParameters = function () { return [
|