1(window.webpackJsonp=window.webpackJsonp||[]).push([[100],{1220:function(i,o,e){"use strict";e.d(o,"a",(function(){return t}));const t=new class{validate(i,o){const e=(o=Object.assign({},o))[i.name];return e.touched=!0,!e.rule||e.rule(i.value)?e.valid=!0:e.valid=!1,{formValidations:o}}isValid(i){for(const o in i)if(!i[o].valid)return!1;return!0}}},1296:function(i,o,e){var t=e(54),s=e(1297);"string"==typeof(s=s.__esModule?s.default:s)&&(s=[[i.i,s,""]]);var a={insert:"head",singleton:!1};t(s,a);i.exports=s.locals||{}},1297:function(i,o,e){(o=e(55)(!1)).push([i.i,'.login-wrapper,.register-wrapper{width:100%;position:absolute;left:0;top:0;padding:30px;background-color:#fff}.login-wrapper .signup{font-size:14px;float:right;margin-top:15px}.login-wrapper .social-login{border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;display:flex;padding-top:20px;padding-bottom:20px;margin-top:25px}.login-wrapper .p-content{display:flex;align-items:center}.login-wrapper .fb{padding:15px;color:#000;text-align:center;text-decoration:none;margin-right:45px;font-size:16px;font-weight:bold;border:2px solid #000;display:inline-block;width:50%}.login-wrapper .gplus{padding:15px;color:#000;text-align:center;font-size:16px;font-weight:bold;border:2px solid #000;text-decoration:none;display:inline-block;width:50%}.login-wrapper .gplus i{margin-right:5px}.login-wrapper .fb p,.login-wrapper .gplus p{width:140px;margin:0 auto}.login-wrapper .fb p span,.login-wrapper .gplus p span{float:left;margin-top:5px;margin-left:20px}.login-wrapper .fb p i,.login-wrapper .gplus p i{float:left;font-size:28px}.login-wrapper .form-control{border-bottom:1px solid #bdbdbd;display:flex;padding-top:25px;padding-bottom:10px}.login-wrapper .form-control input,.login-wrapper .form-control select{flex:1;border:none;margin-left:5px;outline:none}.login-wrapper .form-control label{font-weight:600}.login-wrapper input:-webkit-autofill,.login-wrapper input:-webkit-autofill:hover,.login-wrapper input:-webkit-autofill:focus textarea:-webkit-autofill,.login-wrapper textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,.login-wrapper select:-webkit-autofill,.login-wrapper select:-webkit-autofill:hover,.login-wrapper select:-webkit-autofill:focus{background:transparent !important}.login-wrapper .forgot-bar{display:flex;margin-top:25px}.login-wrapper .log-in{color:#fff;text-decoration:none;background-color:#272727;display:block;width:100%;text-align:center;padding:15px;font-size:16px;border:1px solid;outline:none;cursor:pointer}.login-wrapper .log-in:hover{background-color:#000}.login-wrapper .btn-forgot{text-align:center;background:#191919;padding:10px;display:block;margin-top:10px;width:70%;margin:0 auto;margin-top:10px;text-decoration:none;color:#fff;border:1px solid}.login-wrapper .forgot{width:65%;line-height:55px}.login-wrapper .forgot a{color:#999999}.login-wrapper .forgotdiv{margin-top:20px}.register-wrapper .signup{font-size:14px;float:right;margin-top:15px}.register-wrapper .register-main{padding-top:5px}.register-wrapper .form-control{border-bottom:1px solid #bdbdbd;display:flex;padding-top:25px;padding-bottom:10px}.register-wrapper .form-control input,.register-wrapper .form-control select{flex:1;border:none;margin-left:5px;outline:none}.register-wrapper .form-control label{font-weight:600}.register-wrapper input:-webkit-autofill,.register-wrapper input:-webkit-autofill:hover,.register-wrapper input:-webkit-autofill:focus textarea:-webkit-autofill,.register-wrapper textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,.register-wrapper select:-webkit-autofill,.register-wrapper select:-webkit-autofill:hover,.register-wrapper select:-webkit-autofill:focus{background:transparent !important}.register-wrapper .customcheck{display:block;position:relative;padding-left:25px;margin-bottom:12px;cursor:pointer;font-size:14px;color:#999999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left;margin-top:10px}.register-wrapper .customcheck input{position:absolute;opacity:0;cursor:pointer}.register-wrapper .customcheck:hover input ~ .clickmark{background-color:#ccc}.register-wrapper .customcheck input:checked ~ .clickmark{background-color:#191919;border:none}.register-wrapper .customcheck input:checked ~ .clickmark:after{display:block}.register-wrapper .customcheck .clickmark{position:absolute;top:0;left:0;height:17px;width:17px;border:1px solid #969494}.register-wrapper .customcheck .clickmark:after{content:"";position:absolute;display:none}.register-wrapper .customcheck .clickmark:after{left:5px;top:0;width:5px;height:10px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.register-wrapper .sign-in{color:#fff;background-color:#272727;text-decoration:none;display:block;width:40%;text-align:center;padding:15px;font-size:16px;float:right;margin-top:25px;border:1px solid;outline:none;cursor:pointer}
1.register-wrapper .sign-in:hover{background-color:#000}.modal{position:fixed;z-index:9999;padding-top:50px;padding-bottom:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.modal .modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s}.modal .modal-small{position:relative;background-color:#fefefe;margin:auto;padding:40px;border:1px solid #888;width:620px;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:animatetop;-webkit-animation-duration:0.4s;animation-name:animatetop;animation-duration:0.4s}.modal .modal-body h3{font-size:20px;color:#000;margin:19px 0 0 0}.modal .modal-header h2{font-size:28px;margin:0 !important}.modal .modal-body p{margin-top:5px}.closediv{position:absolute;right:15px;top:-7px;font-size:44px;font-weight:normal;z-index:1}.closediv:hover,.closediv:focus{color:#000;text-decoration:none;cursor:pointer}.closebtn2{width:50px;text-align:center;height:50px;margin-left:-50px;font-size:16px;position:absolute;top:0;right:0;line-height:50px}.btn-disabled{background-color:#e2e2e2 !important;cursor:default !important}.error{border-bottom:1px solid red !important}.errormsg{font-size:12px;color:red}.viewpwd{right:0;top:30px;text-decoration:none;font-size:20px;color:#b7b5b5;z-index:9999;cursor:pointer}@media (max-width: 640px){.login-wrapper .modal-header h2{font-size:22px}.login-wrapper .signup{float:none}.login-wrapper .log-in{width:60%}.login-wrapper .social-login{display:block}.login-wrapper .forgot{text-align:center}.login-wrapper .fb,.login-wrapper .gplus,.login-wrapper .forgot,.login-wrapper .log-in,.login-wrapper .sign-in{width:100%;margin-bottom:10px}}\n',""]),i.exports=o},1362:function(i,o,e){"use strict";e.r(o),e.d(o,"LoginRegister",(function(){return g}));var t=e(4),s=e(0),a=e(145),r=e(10),n=e(66),l=e(179),d=(e(1296),e(73)),p=e(1220);let g=class extends(Object(a.a)(s.a)){render(){return this.IsMobile?s.c` 2<div id="pnlLoginRegister" class="sidenavsort"> 3 <div class="login-cover"> 4${this.isSignUp?s.c`<div class="register-wrapper animate"> 5 <form id="signupform" novalidate> 6 <div class="modal-header" style="background-color:#fff;"> 7 <a href="#" class="closebtn2" @click=${this.closeLoginRegisterView} aria-label="Close Login/Register View"><i class="icn-close-button"></i></a> 8 <h2>Sign Up <a href="#" class="signup" @click=${this.ShowHideSignUp}>Sign In</a> </h2> 9 <div class="register-main"> 10 <div class="form-control activefield ${Object(d.a)({error:(this.signupsubmitted||this.signupValidations.name.touched)&&!this.signupValidations.name.valid})}" style="border-bottom: 1px solid rgb(189, 189, 189);"> 11 <label for="mobile-signup-name">Your Name:</label> 12 <input id="mobile-signup-name" type="text" autocomplete="name" class="cktext" placeholder="Your Name" name="name" @change=${this.onSignUpInputChange} required> 13 </div> 14 <span class="errormsg field-validation-error" .hidden=${!this.signupsubmitted&&!this.signupValidations.name.touched||this.signupValidations.name.valid}> 15 Name is required 16 </span> 17 <div class="form-control activefield ${Object(d.a)({error:(this.signupsubmitted||this.signupValidations.email.touched)&&!this.signupValidations.email.valid})}" style="border-bottom: 1px solid rgb(189, 189, 189);"> 18 <label for="mobile-signup-email">Your Email:</label> 19 <input id="mobile-signup-email" type="email" name="email" autocomplete="email" class="cktext" placeholder="Your Email Address" @change=${this.onSignUpInputChange} required> 20 </div>
21 <span class="errormsg field-validation-error" .hidden=${!this.signupsubmitted&&!this.signupValidations.email.touched||this.signupValidations.email.valid}> 22 A valid Email Address is required 23 </span> 24 <div class="form-control activefield ${Object(d.a)({error:(this.signupsubmitted||this.signupValidations.password.touched)&&!this.signupValidations.password.valid})}" style="border-bottom: 1px solid rgb(189, 189, 189);"> 25 <label for="mobile-signup-password">Your Password:</label> 26 <input id="mobile-signup-password" type=${this.IsShowPassword?"text":"password"} name="password" autocomplete="new-password" class="cktext txtSignUpPassword" placeholder="Your Password" style="padding-right: 24px;" 27 value=${this.SignUpPassword} @input=${i=>this.SignUpPassword=i.target.value} @change=${this.onSignUpInputChange} required> 28 <a href="#" class="${Object(d.a)({"icn-eye":!this.IsShowPassword,"icn-eye-slash":this.IsShowPassword})} viewpwd" .hidden=${0==this.SignUpPassword.length} title="see password" 29 @touchend=${this.PasswordMouseUp} @touchstart=${this.PasswordMouseDown}></a> 30 </div> 31 <span class="errormsg field-validation-error" .hidden=${!this.signupsubmitted&&!this.signupValidations.password.touched||this.signupValidations.password.valid}> 32 Password is required 33 </span> 34 </div> 35 <div class="dinfo"> 36 <label class="customcheck" style="margin-top:15px;margin-bottom:0;"> 37 I'd like to receive special offers & updates 38 <input type="checkbox" name="isoffers" value="true" @change=${this.onSignUpInputChange}> 39 <span class="clickmark"></span> 40 </label> 41 <div style="clear:both;"></div> 42 <label style="margin-top:5px;margin-bottom:0; font-size:12px; color:#999; display:block;"> 43 By clicking Sign Up, you agree to our <a href="#" style="color:#999;" @click=${this.open_popup_tc}> Terms & Conditions</a> 44 </label> 45 <span class="errormsg field-validation-error" .hidden=${0==this.SignUpError.length} >${this.SignUpError}</span> 46 <div style="clear:both;"></div> 47 </div> 48 </div> 49 50 <div class="bottomfixed"> 51 <button @click=${this.signupsubmit} class="sign-in">Sign Up</button> 52 </div> 53 </form> 54 </div>`:s.c`<div class="login-wrapper animate"> 55 <div class="modal-header" style="background-color:#fff;"> 56 <a href="#" class="closebtn2" @click=${this.closeLoginRegisterView} aria-label="Close Login/Register View"><i class="icn-close-button"></i></a> 57 <h2>Sign In <a href="#" class="signup" @click=${this.ShowHideSignUp}>Sign Up</a> </h2> 58 </div> 59 <div class="modal-body"> 60 <div class="social-login"> 61 <a class="fb" target="_parent" href="${this.hrefFacebook}" rel="nofollow"> 62 <p class="p-content"> 63 <img src="/images/fb-Icon.png" alt="Facebook" width="25" /> 64 <span> Facebook</span> 65 </p> 66 </a> 67 <a href="${this.hrefGoogle}" target="_parent" class="gplus" rel="nofollow"> 68 <p class="p-content"> 69 <img src="/images/google-Icon.png" alt="Google" width="25" /> 70 <span> Google</span> 71 </p> 72 </a> 73 </div> 74 <p style="text-align:center;margin-top:25px;">or sign in with email</p> 75 <form id="loginform" novalidate> 76 <div class="login-main"> 77 <div class="form-control activefield ${Object(d.a)({error:(this.loginsubmitted||this.loginValidations.email.touched)&&!this.loginValidations.email.valid})}" style="border-bottom: 1px solid rgb(189, 189, 189);"> 78 <label for="UserLoginEmailD">Your Email:</label> 79 <input id="UserLoginEmailD" type="email" name="email" autocomplete="email" class="cktext" placeholder="Your Email Address" @change=${this.onLoginInputChange} required> 80 </div>
81 <span class="errormsg field-validation-error" .hidden=${!this.loginsubmitted&&!this.loginValidations.email.touched||this.loginValidations.email.valid}> 82 A valid Email Address is required 83 </span> 84 <div class="form-control activefield ${Object(d.a)({error:(this.loginsubmitted||this.loginValidations.password.touched)&&!this.loginValidations.password.valid})}" style="border-bottom: 1px solid rgb(189, 189, 189);"> 85 <label for="UserLoginPasswordD">Your Password:</label> 86 <input id="UserLoginPasswordD" type=${this.IsShowPassword?"text":"password"} name="password" autocomplete="current-password" class="cktext txtLoginPassword" placeholder="Your Password" style="padding-right: 24px;" 87 value=${this.LoginPassword} @input=${i=>this.LoginPassword=i.target.value} @change=${this.onLoginInputChange} required> 88 <a href="#" class="${Object(d.a)({"icn-eye":!this.IsShowPassword,"icn-eye-slash":this.IsShowPassword})} viewpwd" title="see password" 89 .hidden=${0==this.LoginPassword.length} @touchend=${this.PasswordMouseUp} @touchstart=${this.PasswordMouseDown}></a> 90 </div> 91 <span class="errormsg field-validation-error" .hidden=${!this.loginsubmitted&&!this.loginValidations.password.touched||this.loginValidations.password.valid}> 92 Password is required 93 </span> 94 </div> 95 <span class="errormsg field-validation-error" .hidden=${0==this.LoginError.length}>${this.LoginError}</span> 96 <div class="forgot-bar"> 97 <div class="forgot"><a href="#" @click=${this.isForgotPassword?this.ForgotPasswordSlideUp:this.ForgotPasswordSlideDown}> Forgot Password?</a></div> 98 <button class="log-in" @click=${this.loginsubmit}>Sign In</button> 99 </div> 100 </form> 101 <div class="forgotdiv" style="display:none;"> 102 <form id="forgotpasswordform" novalidate> 103 <div class="form-control activefield ${Object(d.a)({error:(this.forgotpasswordsubmitted||this.forgotpasswordValidations.email.touched)&&!this.forgotpasswordValidations.email.valid})}" style="border-bottom: 1px solid rgb(189, 189, 189);"> 104 <label for="mobile-forgot-email">Your Email:</label> 105 <input id="mobile-forgot-email" type="email" name="email" autocomplete="email" class="cktext" placeholder="Your Email Address" @change=${this.onForgotPasswordInputChange} required> 106 </div> 107 <span class="errormsg field-validation-error" .hidden=${!this.forgotpasswordsubmitted&&!this.forgotpasswordValidations.email.touched||this.forgotpasswordValidations.email.valid}> 108 A valid Email Address is required 109 </span> 110 <span class="errormsg field-validation-error" .hidden=${0==this.ForgotError.length} >${this.ForgotError}</span> 111 <button class="btn-forgot" @click=${this.forgotpasswordsubmit}>Submit</button> 112 </form> 113 </div> 114 </div> 115 </div>`} 116 </div> 117</div>`:s.c`<div id="modalLoginRegister" class="modal modalLoginRegister"> 118 <!-- Modal content --> 119 <div class="modal-small" style="padding:40px 50px;"> 120${this.isSignUp?s.c`<div class="register-wrapper animate"> 121 <div class="modal-header" style="background-color:#fff;"> 122 <span class="closediv" @click=${this.closeLoginRegisterView}>×</span> 123 <h2>Sign Up <a href="#" class="signup" @click=${this.ShowHideSignUp}>Sign In</a> </h2> 124 <form id="signupform" novalidate> 125 <div class="register-main"> 126 <div class="form-control activefield ${Object(d.a)({error:(this.signupsubmitted||this.signupValidations.name.touched)&&!this.signupValidations.name.valid})}" style="border-bottom: 1px solid rgb(189, 189, 189);"> 127 <label for="desktop-signup-name">Your Name:</label> 128 <input id="desktop-signup-name" type="text" autocomplete="name" placeholder="Your Name" class="cktext" name="name" @change=${this.onSignUpInputChange} required> 129 </div>
130 <span class="errormsg field-validation-error" .hidden=${!this.signupsubmitted&&!this.signupValidations.name.touched||this.signupValidations.name.valid}> 131 Name is required 132 </span> 133 <div class="form-control activefield ${Object(d.a)({error:(this.signupsubmitted||this.signupValidations.email.touched)&&!this.signupValidations.email.valid})}" style="border-bottom: 1px solid rgb(189, 189, 189);"> 134 <label for="desktop-signup-email">Your Email:</label> 135 <input id="desktop-signup-email" type="email" name="email" autocomplete="email" class="cktext" placeholder="Your Email Address" @change=${this.onSignUpInputChange} required> 136 </div> 137 <span class="errormsg field-validation-error" .hidden=${!this.signupsubmitted&&!this.signupValidations.email.touched||this.signupValidations.email.valid}> 138 A valid Email Address is required 139 </span> 140 <div class="form-control activefield ${Object(d.a)({error:(this.signupsubmitted||this.signupValidations.password.touched)&&!this.signupValidations.password.valid})}" style="border-bottom: 1px solid rgb(189, 189, 189);"> 141 <label for="desktop-signup-password">Your Password:</label> 142 <input id="desktop-signup-password" type=${this.IsShowPassword?"text":"password"} name="password" autocomplete="new-password" class="cktext txtSignUpPassword" placeholder="Your Password" style="padding-right: 24px;" 143 value=${this.SignUpPassword} @input=${i=>this.SignUpPassword=i.target.value} @change=${this.onSignUpInputChange} required> 144 <a href="#" class="${Object(d.a)({"icn-eye":!this.IsShowPassword,"icn-eye-slash":this.IsShowPassword})} viewpwd" title="see password" 145 .hidden=${0==this.SignUpPassword.length} @mouseup=${this.PasswordMouseUp} @mousedown=${this.PasswordMouseDown}></a> 146 </div> 147 <span class="errormsg field-validation-error" .hidden=${!this.signupsubmitted&&!this.signupValidations.password.touched||this.signupValidations.password.valid}> 148 Password is required 149 </span> 150 </div> 151 <div class="dinfo"> 152 <label class="customcheck" style="margin-top:15px;margin-bottom:0;"> 153 I'd like to receive special offers & updates 154 <input type="checkbox" name="isoffers" value="true" @change=${this.onSignUpInputChange}> 155 <span class="clickmark"></span> 156 </label> 157 <div style="clear:both;"></div> 158 <label style="margin-top:5px;margin-bottom:0; font-size:12px; color:#999; display:block;"> 159 By clicking Sign Up, you agree to our <a href="#" style="color:#999;" @click=${this.open_popup_tc}> Terms & Conditions</a> 160 </label> 161 <span class="errormsg field-validation-error" .hidden=${0==this.SignUpError.length} >${this.SignUpError}</span> 162 <button @click=${this.signupsubmit} class="sign-in">Sign Up</button> 163 <div style="clear:both;"></div> 164 </div> 165 </form> 166 </div> 167 </div>`:s.c`<div class="login-wrapper"> 168 <div class="modal-header" style="background-color:#fff;"> 169 <span class="closediv" @click=${this.closeLoginRegisterView}>×</span> 170 <h2>Sign In <a href="#" class="signup" @click=${this.ShowHideSignUp}>Sign Up</a> </h2> 171 </div> 172 <div class="modal-body"> 173 <div class="social-login"> 174 <a class="fb" target="_parent" href="${this.hrefFacebook}" rel="nofollow"> 175 <p class="p-content"> 176 <img src="/images/fb-Icon.png" alt="Facebook" width="25" />
177 <span> Facebook</span> 178 </p> 179 </a> 180 <a href="${this.hrefGoogle}" target="_parent" class="gplus" rel="nofollow"> 181 <p class="p-content"> 182 <img src="/images/google-Icon.png" alt="Google" width="25" /> 183 <span> Google</span> 184 </p> 185 </a> 186 </div> 187 <p style="text-align:center;margin-top:25px;">or sign in with email</p> 188 <form id="loginform" novalidate> 189 <div class="login-main"> 190 <div class="form-control activefield ${Object(d.a)({error:(this.loginsubmitted||this.loginValidations.email.touched)&&!this.loginValidations.email.valid})}" style="border-bottom: 1px solid rgb(189, 189, 189);"> 191 <label for="UserLoginEmailM">Your Email:</label> 192 <input id="UserLoginEmailM" type="email" name="email" autocomplete="email" class="cktext" placeholder="Your Email Address" @change=${this.onLoginInputChange} required> 193 </div> 194 <span class="errormsg field-validation-error" .hidden=${!this.loginsubmitted&&!this.loginValidations.email.touched||this.loginValidations.email.valid}> 195 A valid Email Address is required 196 </span> 197 <div class="form-control activefield ${Object(d.a)({error:(this.loginsubmitted||this.loginValidations.password.touched)&&!this.loginValidations.password.valid})}" style="border-bottom: 1px solid rgb(189, 189, 189);"> 198 <label for="UserLoginPasswordM">Your Password:</label> 199 <input id="UserLoginPasswordM" type=${this.IsShowPassword?"text":"password"} name="password" autocomplete="current-password" class="cktext txtLoginPassword" placeholder="Your Password" style="padding-right: 24px;" 200 value=${this.LoginPassword} @input=${i=>this.LoginPassword=i.target.value} @change=${this.onLoginInputChange} required> 201 <a href="#" class="${Object(d.a)({"icn-eye":!this.IsShowPassword,"icn-eye-slash":this.IsShowPassword})} viewpwd" title="see password" 202 .hidden=${0==this.LoginPassword.length} @mouseup=${this.PasswordMouseUp} @mousedown=${this.PasswordMouseDown}></a> 203 </div> 204 <span class="errormsg field-validation-error" .hidden=${!this.loginsubmitted&&!this.loginValidations.password.touched||this.loginValidations.password.valid}> 205 Password is required 206 </span> 207 </div> 208 <span class="errormsg field-validation-error" .hidden=${0==this.LoginError.length}>${this.LoginError}</span> 209 <div class="forgot-bar"> 210 <div class="forgot"><a href="#" @click=${this.isForgotPassword?this.ForgotPasswordSlideUp:this.ForgotPasswordSlideDown}> Forgot Password?</a></div> 211 <button class="log-in" @click=${this.loginsubmit}>Sign In</button> 212 </div> 213 </form> 214 <div class="forgotdiv" style="display:none;"> 215 <form id="forgotpasswordform" novalidate> 216 <div class="form-control activefield ${Object(d.a)({error:(this.forgotpasswordsubmitted||this.forgotpasswordValidations.email.touched)&&!this.forgotpasswordValidations.email.valid})}" style="border-bottom: 1px solid rgb(189, 189, 189);"> 217 <label for="desktop-forgot-email">Your Email:</label> 218 <input id="desktop-forgot-email" type="email" name="email" autocomplete="email" class="cktext" placeholder="Your Email Address" @change=${this.onForgotPasswordInputChange} required> 219 </div> 220 <span class="errormsg field-validation-error" .hidden=${!this.forgotpasswordsubmitted&&!this.forgotpasswordValidations.email.touched||this.forgotpasswordValidations.email.valid}> 221 A valid Email Address is required 222 </span>
223 <span class="errormsg field-validation-error" .hidden=${0==this.ForgotError.length}>${this.ForgotError}</span> 224 <button class="btn-forgot" @click=${this.forgotpasswordsubmit}>Submit</button> 225 </form> 226 </div> 227 </div> 228 </div>`} 229 </div> 230</div>`}constructor(){super(),this.LoginError="",this.ForgotError="",this.SignUpError="",this.hrefFacebook="",this.hrefGoogle="",this.IsMobile=!1,this.LoginPassword="",this.IsShowPassword=!1,this.isForgotPassword=!1,this.isSignUp=!1,this.SignUpPassword="",this.SetLoginFormValidations(),this.SetForgotPasswordFormValidations()}firstUpdated(){Object(l.a)(this,i=>{this.loadData()}),this.IsMobile=window.innerWidth<=640,r.c.addEventListener("MediaChanged",i=>this.IsMobile=i.detail)}loadData(){return Object(t.a)(this,void 0,void 0,(function*(){r.i.GetData("/fsapi/GetLoginIntegrationData/").subscribe(i=>Object(t.a)(this,void 0,void 0,(function*(){i instanceof n.a||(this.hrefFacebook=i.hrefFacebook,this.hrefGoogle=i.hrefGoogle)})))}))}PasswordMouseUp(i){return this.IsShowPassword=!1,document.getElementsByClassName("txtLoginPassword").length>0&&document.getElementsByClassName("txtLoginPassword")[0].focus(),i.preventDefault(),i.stopPropagation(),!1}PasswordMouseDown(i){return this.IsShowPassword=!0,i.preventDefault(),i.stopPropagation(),!1}ForgotPasswordSlideDown(i){document.getElementsByClassName("forgotdiv")[0].style.display="block",this.isForgotPassword=!0,i.preventDefault(),i.stopPropagation()}ForgotPasswordSlideUp(i){document.getElementsByClassName("forgotdiv")[0].style.display="none",this.isForgotPassword=!1,i.preventDefault(),i.stopPropagation()}ShowHideSignUp(i){return this.isSignUp=!this.isSignUp,this.isSignUp?(this.SetSignUpFormValidations(),this.signupsubmitted=!1,this.SignUpPassword=""):(this.SetLoginFormValidations(),this.loginsubmitted=!1,this.LoginPassword="",this.SetForgotPasswordFormValidations(),this.forgotpasswordsubmitted=!1),i.preventDefault(),i.stopPropagation(),!1}open_popup_tc(){var i=window.screenLeft?window.screenLeft:window.screenX,o=window.screenTop?window.screenTop:window.screenY,e=i+window.innerWidth/2-225,t=o+window.innerHeight/2-400;window.open("/popup-tc.html","termsandconditions","left = "+e+", top="+t+",scrollbars=1,resizable=no,width=450,height=800")}SetSignUpFormValidations(){this.signupValidations={name:{touched:!1,rule:i=>i&&i.length>0},email:{touched:!1,rule:i=>i&&/^\w+([-+.']\w*)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(i)},password:{touched:!1,rule:i=>i&&i.length>0},isoffers:{valid:!0}}}onSignUpInputChange({target:i}){const{formValidations:o}=p.a.validate(i,this.signupValidations);this.signupValidations=o}signupsubmit(i){let o=this;if(i.stopPropagation(),i.preventDefault(),this.signupsubmitted=!0,p.a.isValid(this.signupValidations)){r.g.BlockUI();var e=new FormData(document.querySelector("form#signupform")),s={};e.forEach((i,o)=>{s[o]=i}),r.i.PostData("/fsapi/SignUp/",s).subscribe(i=>Object(t.a)(this,void 0,void 0,(function*(){if(i instanceof n.a)r.r.error(i.ErrorDetails.replace("\n","<br />"),i.Message);else{if("Success"==i)if(r.c.dispatchEvent("openCart",!1),o.querySelector("form#signupform").reset(),this.SetSignUpFormValidations(),this.signupsubmitted=!1,this.SignUpPassword="",yield o.requestUpdate(),o.IsMobile)document.getElementById("pnlLoginRegister").style.right="-100%";else{document.getElementById("modalLoginRegister").style.display="none",document.getElementsByClassName("mmain")[0].setAttribute("style","overflow:auto")}else o.SignUpError="EmailAlreadyRegister"==i?"Email "+e.get("email").toString()+" already registered.":i;this.mergeWishlistProductIds()}r.g.UnBlockUI()})))}}SetLoginFormValidations(){this.loginValidations={email:{touched:!1,rule:i=>i&&/^\w+([-+.']\w*)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(i)},password:{touched:!1,rule:i=>i&&i.length>0}}}onLoginInputChange({target:i}){const{formValidations:o}=p.a.validate(i,this.loginValidations);this.loginValidations=o}loginsubmit(i){let o=this;if(i.stopPropagation(),i.preventDefault(),this.loginsubmitted=!0,p.a.isValid(this.loginValidations)){r.g.BlockUI();var e=new FormData(document.querySelector("form#loginform")),s={};e.forEach((i,o)=>{s[o]=i}),r.i.PostData("/fsapi/Login/",s).subscribe(i=>Object(t.a)(this,void 0,void 0,(function*(){if(i instanceof n.a)r.r.error(i.ErrorDetails.replace("\n","<br />"),i.Message);else if("Success"==i){if(r.c.dispatchEvent("openCart",!1),o.querySelector("form#loginform").reset(),o.SetLoginFormValidations(),o.loginsubmitted=!1,o.LoginPassword="",yield o.requestUpdate(),o.IsMobile)document.getElementById("pnlLoginRegister").style.right="-100%";else{document.getElementById("modalLoginRegister").style.display="none",document.getElementsByClassName("mmain")[0].setAttribute("style","overflow:auto")}r.g.UnBlockUI(),r.c.dispatchEvent("Authenticated",!0),this.mergeWishlistProductIds()}else o.LoginError="InvalidCreds"==i?"Wrong email password combination.":i;r.g.UnBlockUI()})))}}SetForgotPasswordFormValidations(){this.forgotpasswordValidations={email:{touched:!1,rule:i=>i&&/^\w+([-+.']\w*)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(i)}}}onForgotPasswordInputChange({target:i}){const{formValidations:o}=p.a.validate(i,this.forgotpasswordValidations);this.forgotpasswordValidations=o}forgotpasswordsubmit(i){if(i.stopPropagation(),i.preventDefault(),this.forgotpasswordsubmitted=!0,p.a.isValid(this.forgotpasswordValidations)){r.g.BlockUI();var o=new FormData(document.querySelector("form#forgotpasswordform")).get("email");r.i.PostData("/fsapi/ForgotPassword/",{email:o}).subscribe(i=>{i instanceof n.a?r.r.error(i.ErrorDetails):"Success"==i?(this.querySelector("form#forgotpasswordform").reset(),this.forgotpasswordsubmitted=!1,this.SetForgotPasswordFormValidations(),this.ForgotError="",r.r.success("Password has been sent to your email address.")):"EmailRequired"==i?this.ForgotError="Email Address is required":"EmailInvalid"==i?this.ForgotError="Email Address is invali
230d":"EmailIsNotExist"==i?this.ForgotError="Sorry we are not able to find your email address in our database.":"InternalServerError"==i&&(this.ForgotError="Failed to send password details. Please try again later."),r.g.UnBlockUI()})}}closeLoginRegisterView(i){if(this.IsMobile)document.getElementById("pnlLoginRegister").style.right="-100%";else{document.getElementById("modalLoginRegister").style.display="none",document.getElementsByClassName("mmain")[0].setAttribute("style","overflow:auto")}i.stopPropagation(),i.preventDefault()}mergeWishlistProductIds(){var i=r.k.get("myWishList");r.i.PostData("/fsapi/GetWishlists/?productIds="+i,null).subscribe(i=>Object(t.a)(this,void 0,void 0,(function*(){i instanceof n.a||i.length>0&&r.k.set("myWishList",i.join(","),365)})))}};Object(t.b)([Object(s.d)({type:String})],g.prototype,"LoginError",void 0),Object(t.b)([Object(s.d)({type:String})],g.prototype,"ForgotError",void 0),Object(t.b)([Object(s.d)({type:String})],g.prototype,"SignUpError",void 0),Object(t.b)([Object(s.d)({type:String})],g.prototype,"hrefFacebook",void 0),Object(t.b)([Object(s.d)({type:String})],g.prototype,"hrefGoogle",void 0),Object(t.b)([Object(s.d)({type:Boolean})],g.prototype,"IsMobile",void 0),Object(t.b)([Object(s.d)({type:String})],g.prototype,"LoginPassword",void 0),Object(t.b)([Object(s.d)({type:Boolean})],g.prototype,"IsShowPassword",void 0),Object(t.b)([Object(s.d)({type:Boolean})],g.prototype,"isForgotPassword",void 0),Object(t.b)([Object(s.d)({type:Boolean})],g.prototype,"isSignUp",void 0),Object(t.b)([Object(s.d)({type:String})],g.prototype,"SignUpPassword",void 0),Object(t.b)([Object(s.d)({type:Object})],g.prototype,"signupValidations",void 0),Object(t.b)([Object(s.d)({type:Boolean})],g.prototype,"signupsubmitted",void 0),Object(t.b)([Object(s.d)({type:Object})],g.prototype,"loginValidations",void 0),Object(t.b)([Object(s.d)({type:Boolean})],g.prototype,"loginsubmitted",void 0),Object(t.b)([Object(s.d)({type:Object})],g.prototype,"forgotpasswordValidations",void 0),Object(t.b)([Object(s.d)({type:Boolean})],g.prototype,"forgotpasswordsubmitted",void 0),g=Object(t.b)([Object(s.b)("fs-login-register")],g)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.