ps-toolkit-ui 0.1.83 → 0.1.84
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 -1
- 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 +4 -2
- package/fesm2015/ps-toolkit-ui.js +3 -1
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -6672,6 +6672,7 @@
|
|
|
6672
6672
|
_this.login.setCookie(result);
|
|
6673
6673
|
if (_this.login.steps.length > 2 && result.CurrentUser === null) {
|
|
6674
6674
|
_this.login.steps[2].show(result.StepData);
|
|
6675
|
+
setTimeout(function () { _this.login.steps[2].form.inputs.find(function (x) { return true; }).focus(); }, 100);
|
|
6675
6676
|
}
|
|
6676
6677
|
else {
|
|
6677
6678
|
_this.login.onSuccess(result);
|
|
@@ -6737,6 +6738,7 @@
|
|
|
6737
6738
|
_this.login.setCookie(result);
|
|
6738
6739
|
if (_this.login.steps.length > 1 && result.CurrentUser === null) {
|
|
6739
6740
|
_this.login.steps[1].show(result.StepData);
|
|
6741
|
+
setTimeout(function () { _this.login.steps[1].form.inputs.find(function (x) { return true; }).focus(); }, 100);
|
|
6740
6742
|
}
|
|
6741
6743
|
else {
|
|
6742
6744
|
_this.login.onSuccess(result);
|
|
@@ -6767,7 +6769,7 @@
|
|
|
6767
6769
|
{ type: core.Component, args: [{
|
|
6768
6770
|
selector: 'lib-login',
|
|
6769
6771
|
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=\"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 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>\r\n",
|
|
6770
|
-
styles: ["#Login{background-color:#fff;border-radius:5px;float:right;height:calc(100vh - 35px);overflow-y:auto;position:relative;width:100%}#Login .about-c,#Login .form-c{align-items:center;display:flex;float:left;justify-content:center;min-height:calc(100vh - 35px);position:relative;width:50%;z-index:2}#Login .form-c{box-shadow:19px 0 35px -7px rgba(0,0,0,.05)}#Login .form-c .form{margin:0 auto;width:60%}#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:.
|
|
6772
|
+
styles: ["#Login{background-color:#fff;border-radius:5px;float:right;height:calc(100vh - 35px);overflow-y:auto;position:relative;width:100%}#Login .about-c,#Login .form-c{align-items:center;display:flex;float:left;justify-content:center;min-height:calc(100vh - 35px);position:relative;width:50%;z-index:2}#Login .form-c{box-shadow:19px 0 35px -7px rgba(0,0,0,.05)}#Login .form-c .form{margin:0 auto;width:60%}#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:.1;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%}::ng-deep #Login .form-c .form .title{float:right;font-family:VazirBold;font-size:25px;height:50px;line-height:50px;margin-bottom:10px;text-align:center;width:100%}::ng-deep #Login .form-c .form .sub-title{color:var(--black-88);float:right;font-family:VazirLight;font-size:12px;height:30px;line-height:30px;width:100%}::ng-deep #Login .form-c .form .title i{color:var(--base);font-size:30px;left:5px;margin-left:5px;position:relative;top:7px}::ng-deep #Login .form-c .form .sub-title{margin-bottom:20px;text-align:center}::ng-deep #Login .form-c .form .sub-title:after{background-image:none!important}@media (max-width:399.98px){#Login{height:calc(100vh - 60px)}#Login .about-c,#Login .form-c{float:right;min-height:calc(100vh - 60px);width:100%}#Login .form-c .form{width:100%}#Login .about .info{padding:10px 5px 5px}#Login .about .logo{height:100px;width:100px}}@media (min-width:400px) and (max-width:499.98px){#Login{height:calc(100vh - 60px)}#Login .about-c,#Login .form-c{float:right;min-height:calc(100vh - 60px);width:100%}#Login .form-c .form{width:80%}#Login .about .info{padding:10px}#Login .about .logo{height:100px;width:100px}}@media (min-width:500px) and (max-width:599.98px){#Login{height:calc(100vh - 60px)}#Login .about-c,#Login .form-c{float:right;min-height:calc(100vh - 60px);width:100%}#Login .form-c .form{float:right;margin-right:15%;width:70%}#Login .about .info{padding:10px}#Login .about .logo{height:150px;width:150px}}@media (min-width:600px) and (max-width:699.98px){#Login .about-c,#Login .form-c{float:right;width:100%}#Login .form-c .form{float:right;margin-right:15%;width:70%}#Login .about .info{padding:10px}#Login .about .logo{height:150px;width:150px}}@media (min-width:700px) and (max-width:799.98px){#Login .form-c .form{width:90%}}@media (min-width:800px) and (max-width:899.98px){#Login .form-c .form{width:90%}}@media (min-width:900px) and (max-width:999.98px){#Login .form-c .form{width:80%}}@media (min-width:1000px) and (max-width:1099.98px){#Login .form-c .form{width:80%}}@media (min-width:1100px) and (max-width:1199.98px){#Login .form-c .form{width:70%}}@media (min-width:1200px) and (max-width:1299.98px){#Login .form-c .form{width:70%}}"]
|
|
6771
6773
|
},] }
|
|
6772
6774
|
];
|
|
6773
6775
|
LoginComponent.ctorParameters = function () { return [
|