@annalib/anna-cognito-lib 0.1.0 → 0.2.2

package/fesm2020/annalib-anna-cognito-lib.mjs

@@ -113,6 +113,7 @@ class LibraryConfig {
 /** Token to inject the auth service */
 const AUTH_SERVICE_TOKEN = new InjectionToken('Auth service token');
 
+// Angular import statements
 class AnnaLibAuthService {
     constructor(router, aclService, libraryConfig, consumingProjectAuthService) {
         this.router = router;
@@ -126,19 +127,6 @@ class AnnaLibAuthService {
         }
     }
     ngOnInit() { }
-    getPublicIp() {
-        this.consumingProjectAuthService.getPublicIp();
-    }
-    isUsernameAvailable(username) {
-        this.consumingProjectAuthService.isUsernameAvailable(username);
-    }
-    navigateBasedOnUserRole(loginUserData) {
-        this.consumingProjectAuthService.navigateBasedOnUserRole(loginUserData);
-    }
-    ;
-    onSuccessfulAuthenticatingUser(result) {
-        this.consumingProjectAuthService.onSuccessfulAuthenticatingUser(result);
-    }
     /***
    1. takes user pool data (userPool ID and client ID)
    2. if current user is null then it means user already logged out then simply return Promise<false>
@@ -234,7 +222,7 @@ class AnnaLibAuthService {
         this.cognitoUser.authenticateUser(authenticationDetails, {
             onSuccess: async (result) => {
                 this.getAllCognitoTokenAndGroups(result);
-                await this.onSuccessfulAuthenticatingUser(result);
+                await this.consumingProjectAuthService.onSuccessfulAuthenticatingUser(result);
             },
             onFailure: (err) => {
                 this.consumingProjectAuthService.isLoggingIn = false;
@@ -355,15 +343,15 @@ class SpinnerButtonDirective {
     }
 }
 SpinnerButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SpinnerButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-SpinnerButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: SpinnerButtonDirective, selector: "[appSpinnerButton]", inputs: { loading: ["appSpinnerButton", "loading"], spinnerButtonText: "spinnerButtonText" }, usesOnChanges: true, ngImport: i0 });
+SpinnerButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: SpinnerButtonDirective, selector: "[anna-cognito-lib-SpinnerButton]", inputs: { loading: ["anna-cognito-lib-SpinnerButton", "loading"], spinnerButtonText: "spinnerButtonText" }, usesOnChanges: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SpinnerButtonDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: "[appSpinnerButton]",
+                    selector: "[anna-cognito-lib-SpinnerButton]",
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { loading: [{
                 type: Input,
-                args: ["appSpinnerButton"]
+                args: ["anna-cognito-lib-SpinnerButton"]
             }], spinnerButtonText: [{
                 type: Input,
                 args: ["spinnerButtonText"]
@@ -394,10 +382,10 @@ class LoginComponent {
     }
 }
 LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: LoginComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: LibraryConfig }], target: i0.ɵɵFactoryTarget.Component });
-LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: LoginComponent, selector: "lib-login", ngImport: i0, template: "<div class=\"main\">\r\n  <!-- Load login page when all constant variable are intiated otherwise it will show a glitch. that's why ngIf check of constants.forgotPassword -->\r\n  <section *ngIf=\"constants.forgotPassword\">\r\n      <header>\r\n          <img [src]=\"libraryConfig.loginPageLogoImgUrl\" loading=\"eager\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"loginForm\" (ngSubmit)=\"OnLogin()\">\r\n              <div id=\"alert-div\" *ngIf=\"authService.loginErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.loginErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"username\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  autocomplete=\"username\"\r\n                  autofocus\r\n              />\r\n\r\n              <input\r\n                  type=\"password\"\r\n                  tabindex=\"2\"\r\n                  formControlName=\"password\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.password\"\r\n                  autocomplete=\"current-password\"\r\n                  autofocus\r\n              />\r\n\r\n              <a tabindex=\"4\" [routerLink]=\"constants.forgortPasswordPageUrl\">{{ constants.forgotPassword }}</a>\r\n              <button\r\n                  tabindex=\"3\"\r\n                  class=\"login-btn\"\r\n                  [appSpinnerButton]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                  [spinnerButtonText]=\"constants.login\"\r\n              ></button>\r\n          </form>\r\n      </article>\r\n      <footer>Powered by <span>SureWaves</span></footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}a{float:right;color:#268bff;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline}a:hover{cursor:pointer}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: SpinnerButtonDirective, selector: "[appSpinnerButton]", inputs: ["appSpinnerButton", "spinnerButtonText"] }] });
+LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: LoginComponent, selector: "anna-cognito-lib-login", ngImport: i0, template: "<div class=\"main\">\r\n  <!-- Load login page when all constant variable are intiated otherwise it will show a glitch. that's why ngIf check of constants.forgotPassword -->\r\n  <section *ngIf=\"constants.forgotPassword\">\r\n      <header>\r\n          <img [src]=\"libraryConfig.loginPageLogoImgUrl\" loading=\"eager\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"loginForm\" (ngSubmit)=\"OnLogin()\">\r\n              <div id=\"alert-div\" *ngIf=\"authService.loginErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.loginErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"username\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  autocomplete=\"username\"\r\n                  autofocus\r\n              />\r\n\r\n              <input\r\n                  type=\"password\"\r\n                  tabindex=\"2\"\r\n                  formControlName=\"password\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.password\"\r\n                  autocomplete=\"current-password\"\r\n                  autofocus\r\n              />\r\n\r\n              <a tabindex=\"4\" [routerLink]=\"constants.forgortPasswordPageUrl\">{{ constants.forgotPassword }}</a>\r\n              <button\r\n                  tabindex=\"3\"\r\n                  class=\"login-btn\"\r\n                  [anna-cognito-lib-SpinnerButton]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                  [spinnerButtonText]=\"constants.login\"\r\n              ></button>\r\n          </form>\r\n      </article>\r\n      <footer>Powered by <span>SureWaves</span></footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}a{float:right;color:#268bff;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline}a:hover{cursor:pointer}\n"], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: SpinnerButtonDirective, selector: "[anna-cognito-lib-SpinnerButton]", inputs: ["anna-cognito-lib-SpinnerButton", "spinnerButtonText"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: LoginComponent, decorators: [{
             type: Component,
-            args: [{ selector: "lib-login", template: "<div class=\"main\">\r\n  <!-- Load login page when all constant variable are intiated otherwise it will show a glitch. that's why ngIf check of constants.forgotPassword -->\r\n  <section *ngIf=\"constants.forgotPassword\">\r\n      <header>\r\n          <img [src]=\"libraryConfig.loginPageLogoImgUrl\" loading=\"eager\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"loginForm\" (ngSubmit)=\"OnLogin()\">\r\n              <div id=\"alert-div\" *ngIf=\"authService.loginErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.loginErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"username\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  autocomplete=\"username\"\r\n                  autofocus\r\n              />\r\n\r\n              <input\r\n                  type=\"password\"\r\n                  tabindex=\"2\"\r\n                  formControlName=\"password\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.password\"\r\n                  autocomplete=\"current-password\"\r\n                  autofocus\r\n              />\r\n\r\n              <a tabindex=\"4\" [routerLink]=\"constants.forgortPasswordPageUrl\">{{ constants.forgotPassword }}</a>\r\n              <button\r\n                  tabindex=\"3\"\r\n                  class=\"login-btn\"\r\n                  [appSpinnerButton]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                  [spinnerButtonText]=\"constants.login\"\r\n              ></button>\r\n          </form>\r\n      </article>\r\n      <footer>Powered by <span>SureWaves</span></footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}a{float:right;color:#268bff;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline}a:hover{cursor:pointer}\n"] }]
+            args: [{ selector: "anna-cognito-lib-login", template: "<div class=\"main\">\r\n  <!-- Load login page when all constant variable are intiated otherwise it will show a glitch. that's why ngIf check of constants.forgotPassword -->\r\n  <section *ngIf=\"constants.forgotPassword\">\r\n      <header>\r\n          <img [src]=\"libraryConfig.loginPageLogoImgUrl\" loading=\"eager\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"loginForm\" (ngSubmit)=\"OnLogin()\">\r\n              <div id=\"alert-div\" *ngIf=\"authService.loginErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.loginErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"username\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  autocomplete=\"username\"\r\n                  autofocus\r\n              />\r\n\r\n              <input\r\n                  type=\"password\"\r\n                  tabindex=\"2\"\r\n                  formControlName=\"password\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.loginErrorMessage }\"\r\n                  [placeholder]=\"constants.password\"\r\n                  autocomplete=\"current-password\"\r\n                  autofocus\r\n              />\r\n\r\n              <a tabindex=\"4\" [routerLink]=\"constants.forgortPasswordPageUrl\">{{ constants.forgotPassword }}</a>\r\n              <button\r\n                  tabindex=\"3\"\r\n                  class=\"login-btn\"\r\n                  [anna-cognito-lib-SpinnerButton]=\"authService.consumingProjectAuthService.isLoggingIn\"\r\n                  [spinnerButtonText]=\"constants.login\"\r\n              ></button>\r\n          </form>\r\n      </article>\r\n      <footer>Powered by <span>SureWaves</span></footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}a{float:right;color:#268bff;font-family:Roboto;font-size:.875rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-decoration:underline}a:hover{cursor:pointer}\n"] }]
         }], ctorParameters: function () { return [{ type: AnnaLibAuthService }, { type: i2.FormBuilder }, { type: LibraryConfig }]; } });
 
 // Angular import statements
@@ -465,10 +453,10 @@ class PasswordMatchingComponent {
     }
 }
 PasswordMatchingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: PasswordMatchingComponent, deps: [{ token: FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-PasswordMatchingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: PasswordMatchingComponent, selector: "lib-password-matching", inputs: { passwordNotMatching: "passwordNotMatching" }, outputs: { passwordChange: "passwordChange", confirmPasswordChange: "confirmPasswordChange" }, ngImport: i0, template: "<form [formGroup]=\"passwordForm\">\r\n  <div id=\"alert-div\" *ngIf=\"passwordNotMatching\">\r\n      <div id=\"icon-div\">\r\n          <span class=\"material-icons\">report</span>\r\n      </div>\r\n      <p>{{ constants.passwordNotMatching }}</p>\r\n  </div>\r\n  <div class=\"password-policies\">\r\n      <ng-container *ngIf=\"!passwordForm.get('password')?.dirty\">\r\n          <p>\r\n              <b>{{ constants.passwordMustContain }} </b>\r\n          </p>\r\n          <p>{{ constants.minimumCharacter }}</p>\r\n          <p>{{ constants.oneUppercase }}</p>\r\n          <p>{{ constants.oneLowercase }}</p>\r\n          <p>{{ constants.oneNumber }}</p>\r\n          <p>{{ constants.specialCharacter }}</p>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"passwordForm.get('password')?.dirty\">\r\n          <p>\r\n              <b>{{ constants.passwordMustContain }}</b>\r\n          </p>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('minLength') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('minLength')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('minLength')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.minimumCharacter }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('uppercase') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('uppercase')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('uppercase')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneUppercase }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('lowercase') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('lowercase')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('lowercase')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneLowercase }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('number') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('number')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('number')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneNumber }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('specialCharacter') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('specialCharacter')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('specialCharacter')\">\r\n                      check_circle\r\n                  </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.specialCharacter }}</span>\r\n          </div>\r\n      </ng-container>\r\n  </div>\r\n\r\n  <input\r\n      type=\"password\"\r\n      tabindex=\"2\"\r\n      formControlName=\"password\"\r\n      [placeholder]=\"constants.password\"\r\n      [ngClass]=\"{ 'input-invalid': passwordNotMatching }\"\r\n  />\r\n\r\n  <input\r\n      type=\"password\"\r\n      tabindex=\"3\"\r\n      formControlName=\"confirmPassword\"\r\n      [placeholder]=\"constants.confirmPassword\"\r\n      [ngClass]=\"{ 'input-invalid': passwordNotMatching }\"\r\n  />\r\n</form>\r\n", styles: ["input[type=password],input[type=text]{width:100%;height:30px;padding:10px 16px;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}input[type=password].ng-dirty.ng-invalid,.input-invalid{border:1px solid #fe3824!important}input[type=password]:focus:focus{outline:none;box-shadow:none}input[type=password]:focus::placeholder{color:#a4a4a4}.password-policies{margin-bottom:1rem}.password-policies p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.31;letter-spacing:normal;margin-bottom:0}.span-text{vertical-align:top;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.31;letter-spacing:normal}#icon-div-msg{display:inline;margin-right:.3125rem}#icon-div-msg .material-icons{margin-top:1px;font-size:16px}#alert-div{padding:4px 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div #icon-div{width:18px;margin-top:-5px;display:inline-block}#alert-div #icon-div .material-icons{color:#f44336;font-size:1.125rem;margin-left:.5rem}#alert-div p{display:inline;vertical-align:top;margin-left:.5rem;color:#4a4a4a;font-family:Roboto;font-size:.7188rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.error-color{color:#fe3824}.success-color{color:#43a047}\n"], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+PasswordMatchingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: PasswordMatchingComponent, selector: "anna-cognito-lib-password-matching", inputs: { passwordNotMatching: "passwordNotMatching" }, outputs: { passwordChange: "passwordChange", confirmPasswordChange: "confirmPasswordChange" }, ngImport: i0, template: "<form [formGroup]=\"passwordForm\">\r\n  <div id=\"alert-div\" *ngIf=\"passwordNotMatching\">\r\n      <div id=\"icon-div\">\r\n          <span class=\"material-icons\">report</span>\r\n      </div>\r\n      <p>{{ constants.passwordNotMatching }}</p>\r\n  </div>\r\n  <div class=\"password-policies\">\r\n      <ng-container *ngIf=\"!passwordForm.get('password')?.dirty\">\r\n          <p>\r\n              <b>{{ constants.passwordMustContain }} </b>\r\n          </p>\r\n          <p>{{ constants.minimumCharacter }}</p>\r\n          <p>{{ constants.oneUppercase }}</p>\r\n          <p>{{ constants.oneLowercase }}</p>\r\n          <p>{{ constants.oneNumber }}</p>\r\n          <p>{{ constants.specialCharacter }}</p>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"passwordForm.get('password')?.dirty\">\r\n          <p>\r\n              <b>{{ constants.passwordMustContain }}</b>\r\n          </p>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('minLength') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('minLength')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('minLength')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.minimumCharacter }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('uppercase') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('uppercase')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('uppercase')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneUppercase }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('lowercase') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('lowercase')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('lowercase')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneLowercase }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('number') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('number')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('number')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneNumber }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('specialCharacter') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('specialCharacter')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('specialCharacter')\">\r\n                      check_circle\r\n                  </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.specialCharacter }}</span>\r\n          </div>\r\n      </ng-container>\r\n  </div>\r\n\r\n  <input\r\n      type=\"password\"\r\n      tabindex=\"2\"\r\n      formControlName=\"password\"\r\n      [placeholder]=\"constants.password\"\r\n      [ngClass]=\"{ 'input-invalid': passwordNotMatching }\"\r\n  />\r\n\r\n  <input\r\n      type=\"password\"\r\n      tabindex=\"3\"\r\n      formControlName=\"confirmPassword\"\r\n      [placeholder]=\"constants.confirmPassword\"\r\n      [ngClass]=\"{ 'input-invalid': passwordNotMatching }\"\r\n  />\r\n</form>\r\n", styles: ["input[type=password],input[type=text]{width:100%;height:30px;padding:10px 16px;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}input[type=password].ng-dirty.ng-invalid,.input-invalid{border:1px solid #fe3824!important}input[type=password]:focus:focus{outline:none;box-shadow:none}input[type=password]:focus::placeholder{color:#a4a4a4}.password-policies{margin-bottom:1rem}.password-policies p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.31;letter-spacing:normal;margin-bottom:0}.span-text{vertical-align:top;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.31;letter-spacing:normal}#icon-div-msg{display:inline;margin-right:.3125rem}#icon-div-msg .material-icons{margin-top:1px;font-size:16px}#alert-div{padding:4px 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div #icon-div{width:18px;margin-top:-5px;display:inline-block}#alert-div #icon-div .material-icons{color:#f44336;font-size:1.125rem;margin-left:.5rem}#alert-div p{display:inline;vertical-align:top;margin-left:.5rem;color:#4a4a4a;font-family:Roboto;font-size:.7188rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.error-color{color:#fe3824}.success-color{color:#43a047}\n"], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: PasswordMatchingComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-password-matching', template: "<form [formGroup]=\"passwordForm\">\r\n  <div id=\"alert-div\" *ngIf=\"passwordNotMatching\">\r\n      <div id=\"icon-div\">\r\n          <span class=\"material-icons\">report</span>\r\n      </div>\r\n      <p>{{ constants.passwordNotMatching }}</p>\r\n  </div>\r\n  <div class=\"password-policies\">\r\n      <ng-container *ngIf=\"!passwordForm.get('password')?.dirty\">\r\n          <p>\r\n              <b>{{ constants.passwordMustContain }} </b>\r\n          </p>\r\n          <p>{{ constants.minimumCharacter }}</p>\r\n          <p>{{ constants.oneUppercase }}</p>\r\n          <p>{{ constants.oneLowercase }}</p>\r\n          <p>{{ constants.oneNumber }}</p>\r\n          <p>{{ constants.specialCharacter }}</p>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"passwordForm.get('password')?.dirty\">\r\n          <p>\r\n              <b>{{ constants.passwordMustContain }}</b>\r\n          </p>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('minLength') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('minLength')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('minLength')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.minimumCharacter }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('uppercase') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('uppercase')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('uppercase')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneUppercase }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('lowercase') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('lowercase')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('lowercase')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneLowercase }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('number') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('number')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('number')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneNumber }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('specialCharacter') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('specialCharacter')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('specialCharacter')\">\r\n                      check_circle\r\n                  </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.specialCharacter }}</span>\r\n          </div>\r\n      </ng-container>\r\n  </div>\r\n\r\n  <input\r\n      type=\"password\"\r\n      tabindex=\"2\"\r\n      formControlName=\"password\"\r\n      [placeholder]=\"constants.password\"\r\n      [ngClass]=\"{ 'input-invalid': passwordNotMatching }\"\r\n  />\r\n\r\n  <input\r\n      type=\"password\"\r\n      tabindex=\"3\"\r\n      formControlName=\"confirmPassword\"\r\n      [placeholder]=\"constants.confirmPassword\"\r\n      [ngClass]=\"{ 'input-invalid': passwordNotMatching }\"\r\n  />\r\n</form>\r\n", styles: ["input[type=password],input[type=text]{width:100%;height:30px;padding:10px 16px;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}input[type=password].ng-dirty.ng-invalid,.input-invalid{border:1px solid #fe3824!important}input[type=password]:focus:focus{outline:none;box-shadow:none}input[type=password]:focus::placeholder{color:#a4a4a4}.password-policies{margin-bottom:1rem}.password-policies p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.31;letter-spacing:normal;margin-bottom:0}.span-text{vertical-align:top;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.31;letter-spacing:normal}#icon-div-msg{display:inline;margin-right:.3125rem}#icon-div-msg .material-icons{margin-top:1px;font-size:16px}#alert-div{padding:4px 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div #icon-div{width:18px;margin-top:-5px;display:inline-block}#alert-div #icon-div .material-icons{color:#f44336;font-size:1.125rem;margin-left:.5rem}#alert-div p{display:inline;vertical-align:top;margin-left:.5rem;color:#4a4a4a;font-family:Roboto;font-size:.7188rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.error-color{color:#fe3824}.success-color{color:#43a047}\n"] }]
+            args: [{ selector: 'anna-cognito-lib-password-matching', template: "<form [formGroup]=\"passwordForm\">\r\n  <div id=\"alert-div\" *ngIf=\"passwordNotMatching\">\r\n      <div id=\"icon-div\">\r\n          <span class=\"material-icons\">report</span>\r\n      </div>\r\n      <p>{{ constants.passwordNotMatching }}</p>\r\n  </div>\r\n  <div class=\"password-policies\">\r\n      <ng-container *ngIf=\"!passwordForm.get('password')?.dirty\">\r\n          <p>\r\n              <b>{{ constants.passwordMustContain }} </b>\r\n          </p>\r\n          <p>{{ constants.minimumCharacter }}</p>\r\n          <p>{{ constants.oneUppercase }}</p>\r\n          <p>{{ constants.oneLowercase }}</p>\r\n          <p>{{ constants.oneNumber }}</p>\r\n          <p>{{ constants.specialCharacter }}</p>\r\n      </ng-container>\r\n\r\n      <ng-container *ngIf=\"passwordForm.get('password')?.dirty\">\r\n          <p>\r\n              <b>{{ constants.passwordMustContain }}</b>\r\n          </p>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('minLength') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('minLength')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('minLength')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.minimumCharacter }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('uppercase') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('uppercase')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('uppercase')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneUppercase }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('lowercase') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('lowercase')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('lowercase')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneLowercase }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('number') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('number')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('number')\"> check_circle </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.oneNumber }}</span>\r\n          </div>\r\n\r\n          <div [ngClass]=\"passwordForm.get('password')?.hasError('specialCharacter') ? 'error-color' : 'success-color'\">\r\n              <div id=\"icon-div-msg\">\r\n                  <span class=\"material-icons\" *ngIf=\"passwordForm.get('password')?.hasError('specialCharacter')\"> cancel </span>\r\n                  <span class=\"material-icons\" *ngIf=\"!passwordForm.get('password')?.hasError('specialCharacter')\">\r\n                      check_circle\r\n                  </span>\r\n              </div>\r\n              <span class=\"span-text\">{{ constants.specialCharacter }}</span>\r\n          </div>\r\n      </ng-container>\r\n  </div>\r\n\r\n  <input\r\n      type=\"password\"\r\n      tabindex=\"2\"\r\n      formControlName=\"password\"\r\n      [placeholder]=\"constants.password\"\r\n      [ngClass]=\"{ 'input-invalid': passwordNotMatching }\"\r\n  />\r\n\r\n  <input\r\n      type=\"password\"\r\n      tabindex=\"3\"\r\n      formControlName=\"confirmPassword\"\r\n      [placeholder]=\"constants.confirmPassword\"\r\n      [ngClass]=\"{ 'input-invalid': passwordNotMatching }\"\r\n  />\r\n</form>\r\n", styles: ["input[type=password],input[type=text]{width:100%;height:30px;padding:10px 16px;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}input[type=password].ng-dirty.ng-invalid,.input-invalid{border:1px solid #fe3824!important}input[type=password]:focus:focus{outline:none;box-shadow:none}input[type=password]:focus::placeholder{color:#a4a4a4}.password-policies{margin-bottom:1rem}.password-policies p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.31;letter-spacing:normal;margin-bottom:0}.span-text{vertical-align:top;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.31;letter-spacing:normal}#icon-div-msg{display:inline;margin-right:.3125rem}#icon-div-msg .material-icons{margin-top:1px;font-size:16px}#alert-div{padding:4px 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div #icon-div{width:18px;margin-top:-5px;display:inline-block}#alert-div #icon-div .material-icons{color:#f44336;font-size:1.125rem;margin-left:.5rem}#alert-div p{display:inline;vertical-align:top;margin-left:.5rem;color:#4a4a4a;font-family:Roboto;font-size:.7188rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.error-color{color:#fe3824}.success-color{color:#43a047}\n"] }]
         }], ctorParameters: function () { return [{ type: i2.FormBuilder, decorators: [{
                     type: Inject,
                     args: [FormBuilder]
@@ -518,10 +506,10 @@ class SetNewPasswordComponent {
     }
 }
 SetNewPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SetNewPasswordComponent, deps: [{ token: AnnaLibAuthService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
-SetNewPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SetNewPasswordComponent, selector: "lib-set-new-password", ngImport: i0, template: "<div class=\"main\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form>\r\n              <div id=\"heading\">\r\n                  {{ constants.setNewPasswordHeading }}\r\n              </div>\r\n\r\n              <div id=\"alert-div\" *ngIf=\"authService.setNewPasswordErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.setNewPasswordErrorMessage }}</p>\r\n              </div>\r\n              <lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </lib-password-matching>\r\n              <button tabindex=\"3\" class=\"login-btn\" [disabled]=\"!isFormValid()\" (click)=\"onSettingNewPassword()\">\r\n                  {{ authService.setNewPasswordButtonMessage }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong> SureWaves</strong></span>\r\n      </footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}\n"], components: [{ type: PasswordMatchingComponent, selector: "lib-password-matching", inputs: ["passwordNotMatching"], outputs: ["passwordChange", "confirmPasswordChange"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SetNewPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SetNewPasswordComponent, selector: "anna-cognito-lib-set-new-password", ngImport: i0, template: "<div class=\"main\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form>\r\n              <div id=\"heading\">\r\n                  {{ constants.setNewPasswordHeading }}\r\n              </div>\r\n\r\n              <div id=\"alert-div\" *ngIf=\"authService.setNewPasswordErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.setNewPasswordErrorMessage }}</p>\r\n              </div>\r\n              <anna-cognito-lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </anna-cognito-lib-password-matching>\r\n              <button tabindex=\"3\" class=\"login-btn\" [disabled]=\"!isFormValid()\" (click)=\"onSettingNewPassword()\">\r\n                  {{ authService.setNewPasswordButtonMessage }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong> SureWaves</strong></span>\r\n      </footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}\n"], components: [{ type: PasswordMatchingComponent, selector: "anna-cognito-lib-password-matching", inputs: ["passwordNotMatching"], outputs: ["passwordChange", "confirmPasswordChange"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SetNewPasswordComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-set-new-password', template: "<div class=\"main\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form>\r\n              <div id=\"heading\">\r\n                  {{ constants.setNewPasswordHeading }}\r\n              </div>\r\n\r\n              <div id=\"alert-div\" *ngIf=\"authService.setNewPasswordErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.setNewPasswordErrorMessage }}</p>\r\n              </div>\r\n              <lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </lib-password-matching>\r\n              <button tabindex=\"3\" class=\"login-btn\" [disabled]=\"!isFormValid()\" (click)=\"onSettingNewPassword()\">\r\n                  {{ authService.setNewPasswordButtonMessage }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong> SureWaves</strong></span>\r\n      </footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}\n"] }]
+            args: [{ selector: 'anna-cognito-lib-set-new-password', template: "<div class=\"main\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form>\r\n              <div id=\"heading\">\r\n                  {{ constants.setNewPasswordHeading }}\r\n              </div>\r\n\r\n              <div id=\"alert-div\" *ngIf=\"authService.setNewPasswordErrorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p>{{ authService.setNewPasswordErrorMessage }}</p>\r\n              </div>\r\n              <anna-cognito-lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </anna-cognito-lib-password-matching>\r\n              <button tabindex=\"3\" class=\"login-btn\" [disabled]=\"!isFormValid()\" (click)=\"onSettingNewPassword()\">\r\n                  {{ authService.setNewPasswordButtonMessage }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong> SureWaves</strong></span>\r\n      </footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}\n"] }]
         }], ctorParameters: function () { return [{ type: AnnaLibAuthService }, { type: i3.Router }]; } });
 
 // Angular import statements
@@ -574,10 +562,10 @@ class ForgotPasswordComponent {
     }
 }
 ForgotPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: i3$1.ToastrService }], target: i0.ɵɵFactoryTarget.Component });
-ForgotPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ForgotPasswordComponent, selector: "lib-forgot-password", ngImport: i0, template: "<div class=\"main\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"verifyRegisteredEmail\">\r\n              <div id=\"heading\">\r\n                  {{ constants.forgotPasswordHeading }}\r\n              </div>\r\n              <p>\r\n                  {{ constants.forgotPasswordMessage }}\r\n              </p>\r\n              <div id=\"alert-div\" *ngIf=\"errorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p id=\"alert-msg\">{{ errorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"email\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  [ngClass]=\"{\r\n                      'input-invalid': verifyRegisteredEmail.get('email')?.dirty && verifyRegisteredEmail.get('email')?.errors\r\n                  }\"\r\n              />\r\n\r\n              <button\r\n                  tabindex=\"2\"\r\n                  type=\"submit\"\r\n                  class=\"login-btn\"\r\n                  [disabled]=\"!isFormValid()\"\r\n                  (click)=\"onVerifyRegisteredEmail()\"\r\n              >\r\n                  {{ constants.forgotPasswordButton }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong> SureWaves</strong></span>\r\n      </footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input[type=text]{margin-bottom:16px}input[type=text]:focus{box-shadow:none}.back-btn{font-size:27px;position:relative;color:#268bff;float:left;top:-30px;left:-15px;font-weight:400!important}\n"], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+ForgotPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: ForgotPasswordComponent, selector: "anna-cognito-lib-forgot-password", ngImport: i0, template: "<div class=\"main\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"verifyRegisteredEmail\">\r\n              <div id=\"heading\">\r\n                  {{ constants.forgotPasswordHeading }}\r\n              </div>\r\n              <p>\r\n                  {{ constants.forgotPasswordMessage }}\r\n              </p>\r\n              <div id=\"alert-div\" *ngIf=\"errorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p id=\"alert-msg\">{{ errorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"email\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  [ngClass]=\"{\r\n                      'input-invalid': verifyRegisteredEmail.get('email')?.dirty && verifyRegisteredEmail.get('email')?.errors\r\n                  }\"\r\n              />\r\n\r\n              <button\r\n                  tabindex=\"2\"\r\n                  type=\"submit\"\r\n                  class=\"login-btn\"\r\n                  [disabled]=\"!isFormValid()\"\r\n                  (click)=\"onVerifyRegisteredEmail()\"\r\n              >\r\n                  {{ constants.forgotPasswordButton }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong> SureWaves</strong></span>\r\n      </footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input[type=text]{margin-bottom:16px}input[type=text]:focus{box-shadow:none}.back-btn{font-size:27px;position:relative;color:#268bff;float:left;top:-30px;left:-15px;font-weight:400!important}\n"], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-forgot-password', template: "<div class=\"main\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"verifyRegisteredEmail\">\r\n              <div id=\"heading\">\r\n                  {{ constants.forgotPasswordHeading }}\r\n              </div>\r\n              <p>\r\n                  {{ constants.forgotPasswordMessage }}\r\n              </p>\r\n              <div id=\"alert-div\" *ngIf=\"errorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p id=\"alert-msg\">{{ errorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"email\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  [ngClass]=\"{\r\n                      'input-invalid': verifyRegisteredEmail.get('email')?.dirty && verifyRegisteredEmail.get('email')?.errors\r\n                  }\"\r\n              />\r\n\r\n              <button\r\n                  tabindex=\"2\"\r\n                  type=\"submit\"\r\n                  class=\"login-btn\"\r\n                  [disabled]=\"!isFormValid()\"\r\n                  (click)=\"onVerifyRegisteredEmail()\"\r\n              >\r\n                  {{ constants.forgotPasswordButton }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong> SureWaves</strong></span>\r\n      </footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input[type=text]{margin-bottom:16px}input[type=text]:focus{box-shadow:none}.back-btn{font-size:27px;position:relative;color:#268bff;float:left;top:-30px;left:-15px;font-weight:400!important}\n"] }]
+            args: [{ selector: 'anna-cognito-lib-forgot-password', template: "<div class=\"main\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <form [formGroup]=\"verifyRegisteredEmail\">\r\n              <div id=\"heading\">\r\n                  {{ constants.forgotPasswordHeading }}\r\n              </div>\r\n              <p>\r\n                  {{ constants.forgotPasswordMessage }}\r\n              </p>\r\n              <div id=\"alert-div\" *ngIf=\"errorMessage\">\r\n                  <span class=\"material-icons\">report</span>\r\n                  <p id=\"alert-msg\">{{ errorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"email\"\r\n                  [placeholder]=\"constants.enterEmail\"\r\n                  [ngClass]=\"{\r\n                      'input-invalid': verifyRegisteredEmail.get('email')?.dirty && verifyRegisteredEmail.get('email')?.errors\r\n                  }\"\r\n              />\r\n\r\n              <button\r\n                  tabindex=\"2\"\r\n                  type=\"submit\"\r\n                  class=\"login-btn\"\r\n                  [disabled]=\"!isFormValid()\"\r\n                  (click)=\"onVerifyRegisteredEmail()\"\r\n              >\r\n                  {{ constants.forgotPasswordButton }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong> SureWaves</strong></span>\r\n      </footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input[type=text]{margin-bottom:16px}input[type=text]:focus{box-shadow:none}.back-btn{font-size:27px;position:relative;color:#268bff;float:left;top:-30px;left:-15px;font-weight:400!important}\n"] }]
         }], ctorParameters: function () { return [{ type: AnnaLibAuthService }, { type: i2.FormBuilder }, { type: i3$1.ToastrService }]; } });
 
 class VerifyAndSetNewPasswordComponent {
@@ -629,10 +617,10 @@ class VerifyAndSetNewPasswordComponent {
     }
 }
 VerifyAndSetNewPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VerifyAndSetNewPasswordComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
-VerifyAndSetNewPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VerifyAndSetNewPasswordComponent, selector: "lib-verify-and-set-new-password", ngImport: i0, template: "<div class=\"main\" [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <span class=\"back-btn\" [routerLink]=\"constants.forgortPasswordPageUrl\">\r\n              <i class=\"mdi mdi-arrow-left\"></i>\r\n          </span>\r\n\r\n          <form [formGroup]=\"verifyOtpForm\">\r\n              <div class=\"pull-left\" id=\"heading\">\r\n                  {{ constants.verifyAndSetNewPasswordheading }}\r\n              </div>\r\n              <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n              <div id=\"alert-div\" *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\">\r\n                  <div id=\"icon-div\">\r\n                      <span class=\"material-icons\">report</span>\r\n                  </div>\r\n                  <p id=\"display-block-msg\">{{ authService.verifyAndSetNewPasswordErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"otp\"\r\n                  [placeholder]=\"constants.enterOtp\"\r\n                  autocomplete=\"new-field-name\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n              />\r\n\r\n              <lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </lib-password-matching>\r\n              <button\r\n                  tabindex=\"4\"\r\n                  type=\"submit\"\r\n                  class=\"login-btn\"\r\n                  [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                  (click)=\"onVerifyOtpSettingNewPassword()\"\r\n              >\r\n                  {{ authService.verifyAndSetNewPasswordButton }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong>SureWaves</strong> </span>\r\n      </footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}.main-height{height:105vh}section{top:52%}p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input[type=text]{margin-bottom:24px}input[type=text]:focus{box-shadow:none}.back-btn{width:27px;height:27px;top:-27px;left:-15px;cursor:pointer;position:relative;color:#268bff;float:left;border-radius:50%;border:1px solid #268bff;background-color:#f4f4f4}.back-btn i{position:absolute;top:.1875rem;left:.25rem}\n"], components: [{ type: PasswordMatchingComponent, selector: "lib-password-matching", inputs: ["passwordNotMatching"], outputs: ["passwordChange", "confirmPasswordChange"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+VerifyAndSetNewPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: VerifyAndSetNewPasswordComponent, selector: "anna-cognito-lib-verify-and-set-new-password", ngImport: i0, template: "<div class=\"main\" [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <span class=\"back-btn\" [routerLink]=\"constants.forgortPasswordPageUrl\">\r\n              <i class=\"mdi mdi-arrow-left\"></i>\r\n          </span>\r\n\r\n          <form [formGroup]=\"verifyOtpForm\">\r\n              <div class=\"pull-left\" id=\"heading\">\r\n                  {{ constants.verifyAndSetNewPasswordheading }}\r\n              </div>\r\n              <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n              <div id=\"alert-div\" *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\">\r\n                  <div id=\"icon-div\">\r\n                      <span class=\"material-icons\">report</span>\r\n                  </div>\r\n                  <p id=\"display-block-msg\">{{ authService.verifyAndSetNewPasswordErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"otp\"\r\n                  [placeholder]=\"constants.enterOtp\"\r\n                  autocomplete=\"new-field-name\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n              />\r\n\r\n              <anna-cognito-lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </anna-cognito-lib-password-matching>\r\n              <button\r\n                  tabindex=\"4\"\r\n                  type=\"submit\"\r\n                  class=\"login-btn\"\r\n                  [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                  (click)=\"onVerifyOtpSettingNewPassword()\"\r\n              >\r\n                  {{ authService.verifyAndSetNewPasswordButton }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong>SureWaves</strong> </span>\r\n      </footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}.main-height{height:105vh}section{top:52%}p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input[type=text]{margin-bottom:24px}input[type=text]:focus{box-shadow:none}.back-btn{width:27px;height:27px;top:-27px;left:-15px;cursor:pointer;position:relative;color:#268bff;float:left;border-radius:50%;border:1px solid #268bff;background-color:#f4f4f4}.back-btn i{position:absolute;top:.1875rem;left:.25rem}\n"], components: [{ type: PasswordMatchingComponent, selector: "anna-cognito-lib-password-matching", inputs: ["passwordNotMatching"], outputs: ["passwordChange", "confirmPasswordChange"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: VerifyAndSetNewPasswordComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-verify-and-set-new-password', template: "<div class=\"main\" [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <span class=\"back-btn\" [routerLink]=\"constants.forgortPasswordPageUrl\">\r\n              <i class=\"mdi mdi-arrow-left\"></i>\r\n          </span>\r\n\r\n          <form [formGroup]=\"verifyOtpForm\">\r\n              <div class=\"pull-left\" id=\"heading\">\r\n                  {{ constants.verifyAndSetNewPasswordheading }}\r\n              </div>\r\n              <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n              <div id=\"alert-div\" *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\">\r\n                  <div id=\"icon-div\">\r\n                      <span class=\"material-icons\">report</span>\r\n                  </div>\r\n                  <p id=\"display-block-msg\">{{ authService.verifyAndSetNewPasswordErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"otp\"\r\n                  [placeholder]=\"constants.enterOtp\"\r\n                  autocomplete=\"new-field-name\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n              />\r\n\r\n              <lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </lib-password-matching>\r\n              <button\r\n                  tabindex=\"4\"\r\n                  type=\"submit\"\r\n                  class=\"login-btn\"\r\n                  [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                  (click)=\"onVerifyOtpSettingNewPassword()\"\r\n              >\r\n                  {{ authService.verifyAndSetNewPasswordButton }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong>SureWaves</strong> </span>\r\n      </footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}.main-height{height:105vh}section{top:52%}p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input[type=text]{margin-bottom:24px}input[type=text]:focus{box-shadow:none}.back-btn{width:27px;height:27px;top:-27px;left:-15px;cursor:pointer;position:relative;color:#268bff;float:left;border-radius:50%;border:1px solid #268bff;background-color:#f4f4f4}.back-btn i{position:absolute;top:.1875rem;left:.25rem}\n"] }]
+            args: [{ selector: 'anna-cognito-lib-verify-and-set-new-password', template: "<div class=\"main\" [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\">\r\n  <section>\r\n      <header>\r\n          <img src=\"assets/images/Anna-Logo-for-footer-min.png\" alt=\"Anna Logo\" />\r\n      </header>\r\n      <article>\r\n          <span class=\"back-btn\" [routerLink]=\"constants.forgortPasswordPageUrl\">\r\n              <i class=\"mdi mdi-arrow-left\"></i>\r\n          </span>\r\n\r\n          <form [formGroup]=\"verifyOtpForm\">\r\n              <div class=\"pull-left\" id=\"heading\">\r\n                  {{ constants.verifyAndSetNewPasswordheading }}\r\n              </div>\r\n              <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n              <div id=\"alert-div\" *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\">\r\n                  <div id=\"icon-div\">\r\n                      <span class=\"material-icons\">report</span>\r\n                  </div>\r\n                  <p id=\"display-block-msg\">{{ authService.verifyAndSetNewPasswordErrorMessage }}</p>\r\n              </div>\r\n\r\n              <input\r\n                  type=\"text\"\r\n                  tabindex=\"1\"\r\n                  formControlName=\"otp\"\r\n                  [placeholder]=\"constants.enterOtp\"\r\n                  autocomplete=\"new-field-name\"\r\n                  [ngClass]=\"{ 'input-invalid': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n              />\r\n\r\n              <anna-cognito-lib-password-matching\r\n                  (passwordChange)=\"onPasswordChange($event)\"\r\n                  (confirmPasswordChange)=\"onConfirmPasswordChange($event)\"\r\n                  [passwordNotMatching]=\"passwordNotMatching\"\r\n              >\r\n              </anna-cognito-lib-password-matching>\r\n              <button\r\n                  tabindex=\"4\"\r\n                  type=\"submit\"\r\n                  class=\"login-btn\"\r\n                  [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                  (click)=\"onVerifyOtpSettingNewPassword()\"\r\n              >\r\n                  {{ authService.verifyAndSetNewPasswordButton }}\r\n              </button>\r\n          </form>\r\n      </article>\r\n      <footer>\r\n          Powered by <span> <strong>SureWaves</strong> </span>\r\n      </footer>\r\n  </section>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}html{overflow-y:scroll}.main{background-color:#fff;background-size:cover;font-family:Roboto;height:100vh}section{top:45%;left:50%;position:absolute;transform:translate(-50%,-50%);width:20.875rem;animation:show .5s 1;-moz-animation:show .5s 1}.container{width:100%;height:100%;overflow:auto}header{height:auto;width:100%;text-align:center}article{margin-top:.9375rem;margin-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article #heading{color:#212121;text-align:center;margin-bottom:1.5rem;font-family:Roboto;font-size:1.125rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#alert-div{padding:.25rem 0 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin:-1.5625rem 0 0 1.8rem;padding:.3125rem 0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}footer{align-items:baseline;color:#6e6e6e;opacity:.9;display:flex;font-family:Ubuntu;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.3125rem;font-weight:700;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:100%;height:30px;padding:.75rem 1rem;border:1px solid #979797;margin-bottom:.625rem;border-radius:.375rem}.login-btn{width:100%;height:2.5rem;border:0;color:#fff;background-color:#268bff;border-radius:.375rem;font-size:1rem;margin-top:.9375rem}.login-btn:hover{background-color:#4099ff;cursor:pointer}.login-btn:disabled{background-color:#ccc;color:#fff;cursor:not-allowed}.input-invalid{border:1px solid #fe3824!important}input[type=password].ng-dirty.ng-invalid,input[type=text].ng-dirty.ng-invalid{border:1px solid #fe3824}input[type=submit]:focus,input[type=password]:focus,input[type=text]:focus,input[type=checkbox]:focus,button:focus{outline:none}input::placeholder{color:#a4a4a4}.main-height{height:105vh}section{top:52%}p{color:#4a4a4a;font-family:Roboto;font-size:1rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}input[type=text]{margin-bottom:24px}input[type=text]:focus{box-shadow:none}.back-btn{width:27px;height:27px;top:-27px;left:-15px;cursor:pointer;position:relative;color:#268bff;float:left;border-radius:50%;border:1px solid #268bff;background-color:#f4f4f4}.back-btn i{position:absolute;top:.1875rem;left:.25rem}\n"] }]
         }], ctorParameters: function () { return [{ type: AnnaLibAuthService }, { type: i2.FormBuilder }, { type: i3.Router }]; } });
 
 class AnnaCognitoLibModule {