@annalib/anna-cognito-lib 9.1.13 → 9.2.0

package/esm2022/lib/components/verify-and-set-new-password/verify-and-set-new-password.component.mjs

@@ -67,7 +67,7 @@ export class VerifyAndSetNewPasswordComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VerifyAndSetNewPasswordComponent, deps: [{ token: i1.AnnaLibAuthService }, { token: i2.FormBuilder }, { token: i3.Router }, { token: CONFIG_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: VerifyAndSetNewPasswordComponent, isStandalone: true, selector: "anna-cognito-lib-verify-and-set-new-password", ngImport: i0, template: "<div\r\n    class=\"main\"\r\n    [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n>\r\n    <section [ngClass]=\"{ 'catc-forget-password': consumingProjectConfigService?.isCatcApplication }\">\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"170\"\r\n                height=\"72\"\r\n                alt=\"Anna Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <span\r\n                class=\"back-btn\"\r\n                [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n            >\r\n                <i class=\"mdi mdi-arrow-left\"></i>\r\n            </span>\r\n\r\n            <form\r\n                [formGroup]=\"verifyOtpForm\"\r\n                (keydown.enter)=\"onVerifyOtpSettingNewPassword()\"\r\n            >\r\n                <div\r\n                    class=\"pull-left\"\r\n                    id=\"heading\"\r\n                >\r\n                    {{ constants.verifyAndSetNewPasswordheading }}\r\n                </div>\r\n                <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\"\r\n                >\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                    [ngClass]=\"{ 'catc-forget-password-matching': consumingProjectConfigService?.isCatcApplication }\"\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                    class=\"login-btn\"\r\n                    type=\"submit\"\r\n                    [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                    (click)=\"onVerifyOtpSettingNewPassword()\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.forgotPasswordAndGlobalSignoutLoader\"\r\n                    [spinnerButtonText]=\"authService.verifyAndSetNewPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@-moz-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:calc(100vh - 50px)}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-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-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:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:-webkit-fill-available;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:var(--login-button-color);border-radius:.375rem;font-size:1rem}.login-btn:hover{opacity:.8;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}:host ::ng-deep .verison-and-policy{color:#8bac2a}.main{height:calc(115vh - 50px)}.main-height{height:calc(125vh - 50px)}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}section.catc-forget-password input{width:88%!important;font-size:14px}section.catc-forget-password header{margin-bottom:var(--logo-bottom-space)}section.catc-forget-password header img{height:var(--logo-height);width:var(--logo-width)}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching input{width:88%!important;height:8px!important;font-size:14px}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching p{margin-top:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PasswordMatchingComponent, selector: "anna-cognito-lib-password-matching", inputs: ["passwordNotMatching"], outputs: ["passwordChange", "confirmPasswordChange"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[annaCognitoSpinnerBtn]", inputs: ["spinnerButtonLoading", "spinnerButtonText"] }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: VerifyAndSetNewPasswordComponent, isStandalone: true, selector: "anna-cognito-lib-verify-and-set-new-password", ngImport: i0, template: "<div\r\n    class=\"main\"\r\n    [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n>\r\n    <section [ngClass]=\"{ 'catc-forget-password': consumingProjectConfigService?.isCatcApplication }\">\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"170\"\r\n                height=\"72\"\r\n                alt=\"Anna Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <span\r\n                class=\"back-btn\"\r\n                [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n            >\r\n                <i class=\"mdi mdi-arrow-left\"></i>\r\n            </span>\r\n\r\n            <form\r\n                [formGroup]=\"verifyOtpForm\"\r\n                (keydown.enter)=\"onVerifyOtpSettingNewPassword()\"\r\n            >\r\n                <div\r\n                    class=\"pull-left\"\r\n                    id=\"heading\"\r\n                >\r\n                    {{ constants.verifyAndSetNewPasswordheading }}\r\n                </div>\r\n                <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\"\r\n                >\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                    [ngClass]=\"{ 'catc-forget-password-matching': consumingProjectConfigService?.isCatcApplication }\"\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                    class=\"login-btn\"\r\n                    type=\"submit\"\r\n                    [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                    (click)=\"onVerifyOtpSettingNewPassword()\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.forgotPasswordAndGlobalSignoutLoader\"\r\n                    [spinnerButtonText]=\"authService.verifyAndSetNewPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@-moz-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:calc(100vh - 50px)}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-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-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:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:-webkit-fill-available;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:var(--login-button-color);border-radius:.375rem;font-size:1rem}.login-btn:hover{opacity:.8;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}:host ::ng-deep .verison-and-policy{color:#8bac2a}.main{height:calc(115vh - 50px)}.main-height{height:calc(125vh - 50px)}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}section.catc-forget-password input{width:88%!important;font-size:14px;height:4px!important}section.catc-forget-password header{margin-bottom:var(--logo-bottom-space)}section.catc-forget-password header img{height:var(--logo-height);width:var(--logo-width)}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching input{width:88%!important;font-size:14px}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching p{margin-top:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PasswordMatchingComponent, selector: "anna-cognito-lib-password-matching", inputs: ["passwordNotMatching"], outputs: ["passwordChange", "confirmPasswordChange"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[annaCognitoSpinnerBtn]", inputs: ["spinnerButtonLoading", "spinnerButtonText"] }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VerifyAndSetNewPasswordComponent, decorators: [{
             type: Component,
@@ -82,7 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         PoweredByLogoTemplateComponent,
                         SurewavesYearLogoComponent,
                         VersionAndTermPolicyComponent,
-                    ], template: "<div\r\n    class=\"main\"\r\n    [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n>\r\n    <section [ngClass]=\"{ 'catc-forget-password': consumingProjectConfigService?.isCatcApplication }\">\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"170\"\r\n                height=\"72\"\r\n                alt=\"Anna Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <span\r\n                class=\"back-btn\"\r\n                [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n            >\r\n                <i class=\"mdi mdi-arrow-left\"></i>\r\n            </span>\r\n\r\n            <form\r\n                [formGroup]=\"verifyOtpForm\"\r\n                (keydown.enter)=\"onVerifyOtpSettingNewPassword()\"\r\n            >\r\n                <div\r\n                    class=\"pull-left\"\r\n                    id=\"heading\"\r\n                >\r\n                    {{ constants.verifyAndSetNewPasswordheading }}\r\n                </div>\r\n                <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\"\r\n                >\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                    [ngClass]=\"{ 'catc-forget-password-matching': consumingProjectConfigService?.isCatcApplication }\"\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                    class=\"login-btn\"\r\n                    type=\"submit\"\r\n                    [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                    (click)=\"onVerifyOtpSettingNewPassword()\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.forgotPasswordAndGlobalSignoutLoader\"\r\n                    [spinnerButtonText]=\"authService.verifyAndSetNewPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@-moz-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:calc(100vh - 50px)}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-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-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:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:-webkit-fill-available;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:var(--login-button-color);border-radius:.375rem;font-size:1rem}.login-btn:hover{opacity:.8;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}:host ::ng-deep .verison-and-policy{color:#8bac2a}.main{height:calc(115vh - 50px)}.main-height{height:calc(125vh - 50px)}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}section.catc-forget-password input{width:88%!important;font-size:14px}section.catc-forget-password header{margin-bottom:var(--logo-bottom-space)}section.catc-forget-password header img{height:var(--logo-height);width:var(--logo-width)}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching input{width:88%!important;height:8px!important;font-size:14px}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching p{margin-top:0}\n"] }]
+                    ], template: "<div\r\n    class=\"main\"\r\n    [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n>\r\n    <section [ngClass]=\"{ 'catc-forget-password': consumingProjectConfigService?.isCatcApplication }\">\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"170\"\r\n                height=\"72\"\r\n                alt=\"Anna Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <span\r\n                class=\"back-btn\"\r\n                [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n            >\r\n                <i class=\"mdi mdi-arrow-left\"></i>\r\n            </span>\r\n\r\n            <form\r\n                [formGroup]=\"verifyOtpForm\"\r\n                (keydown.enter)=\"onVerifyOtpSettingNewPassword()\"\r\n            >\r\n                <div\r\n                    class=\"pull-left\"\r\n                    id=\"heading\"\r\n                >\r\n                    {{ constants.verifyAndSetNewPasswordheading }}\r\n                </div>\r\n                <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\"\r\n                >\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                    [ngClass]=\"{ 'catc-forget-password-matching': consumingProjectConfigService?.isCatcApplication }\"\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                    class=\"login-btn\"\r\n                    type=\"submit\"\r\n                    [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                    (click)=\"onVerifyOtpSettingNewPassword()\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.forgotPasswordAndGlobalSignoutLoader\"\r\n                    [spinnerButtonText]=\"authService.verifyAndSetNewPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@-moz-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:calc(100vh - 50px)}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-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-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:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:-webkit-fill-available;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:var(--login-button-color);border-radius:.375rem;font-size:1rem}.login-btn:hover{opacity:.8;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}:host ::ng-deep .verison-and-policy{color:#8bac2a}.main{height:calc(115vh - 50px)}.main-height{height:calc(125vh - 50px)}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}section.catc-forget-password input{width:88%!important;font-size:14px;height:4px!important}section.catc-forget-password header{margin-bottom:var(--logo-bottom-space)}section.catc-forget-password header img{height:var(--logo-height);width:var(--logo-width)}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching input{width:88%!important;font-size:14px}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching p{margin-top:0}\n"] }]
         }], ctorParameters: () => [{ type: i1.AnnaLibAuthService }, { type: i2.FormBuilder }, { type: i3.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [CONFIG_SERVICE_TOKEN]

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

@@ -1063,7 +1063,7 @@ class VerifyAndSetNewPasswordComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VerifyAndSetNewPasswordComponent, deps: [{ token: AnnaLibAuthService }, { token: i2.FormBuilder }, { token: i1.Router }, { token: CONFIG_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: VerifyAndSetNewPasswordComponent, isStandalone: true, selector: "anna-cognito-lib-verify-and-set-new-password", ngImport: i0, template: "<div\r\n    class=\"main\"\r\n    [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n>\r\n    <section [ngClass]=\"{ 'catc-forget-password': consumingProjectConfigService?.isCatcApplication }\">\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"170\"\r\n                height=\"72\"\r\n                alt=\"Anna Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <span\r\n                class=\"back-btn\"\r\n                [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n            >\r\n                <i class=\"mdi mdi-arrow-left\"></i>\r\n            </span>\r\n\r\n            <form\r\n                [formGroup]=\"verifyOtpForm\"\r\n                (keydown.enter)=\"onVerifyOtpSettingNewPassword()\"\r\n            >\r\n                <div\r\n                    class=\"pull-left\"\r\n                    id=\"heading\"\r\n                >\r\n                    {{ constants.verifyAndSetNewPasswordheading }}\r\n                </div>\r\n                <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\"\r\n                >\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                    [ngClass]=\"{ 'catc-forget-password-matching': consumingProjectConfigService?.isCatcApplication }\"\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                    class=\"login-btn\"\r\n                    type=\"submit\"\r\n                    [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                    (click)=\"onVerifyOtpSettingNewPassword()\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.forgotPasswordAndGlobalSignoutLoader\"\r\n                    [spinnerButtonText]=\"authService.verifyAndSetNewPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@-moz-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:calc(100vh - 50px)}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-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-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:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:-webkit-fill-available;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:var(--login-button-color);border-radius:.375rem;font-size:1rem}.login-btn:hover{opacity:.8;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}:host ::ng-deep .verison-and-policy{color:#8bac2a}.main{height:calc(115vh - 50px)}.main-height{height:calc(125vh - 50px)}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}section.catc-forget-password input{width:88%!important;font-size:14px}section.catc-forget-password header{margin-bottom:var(--logo-bottom-space)}section.catc-forget-password header img{height:var(--logo-height);width:var(--logo-width)}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching input{width:88%!important;height:8px!important;font-size:14px}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching p{margin-top:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PasswordMatchingComponent, selector: "anna-cognito-lib-password-matching", inputs: ["passwordNotMatching"], outputs: ["passwordChange", "confirmPasswordChange"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[annaCognitoSpinnerBtn]", inputs: ["spinnerButtonLoading", "spinnerButtonText"] }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: VerifyAndSetNewPasswordComponent, isStandalone: true, selector: "anna-cognito-lib-verify-and-set-new-password", ngImport: i0, template: "<div\r\n    class=\"main\"\r\n    [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n>\r\n    <section [ngClass]=\"{ 'catc-forget-password': consumingProjectConfigService?.isCatcApplication }\">\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"170\"\r\n                height=\"72\"\r\n                alt=\"Anna Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <span\r\n                class=\"back-btn\"\r\n                [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n            >\r\n                <i class=\"mdi mdi-arrow-left\"></i>\r\n            </span>\r\n\r\n            <form\r\n                [formGroup]=\"verifyOtpForm\"\r\n                (keydown.enter)=\"onVerifyOtpSettingNewPassword()\"\r\n            >\r\n                <div\r\n                    class=\"pull-left\"\r\n                    id=\"heading\"\r\n                >\r\n                    {{ constants.verifyAndSetNewPasswordheading }}\r\n                </div>\r\n                <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\"\r\n                >\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                    [ngClass]=\"{ 'catc-forget-password-matching': consumingProjectConfigService?.isCatcApplication }\"\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                    class=\"login-btn\"\r\n                    type=\"submit\"\r\n                    [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                    (click)=\"onVerifyOtpSettingNewPassword()\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.forgotPasswordAndGlobalSignoutLoader\"\r\n                    [spinnerButtonText]=\"authService.verifyAndSetNewPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@-moz-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:calc(100vh - 50px)}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-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-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:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:-webkit-fill-available;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:var(--login-button-color);border-radius:.375rem;font-size:1rem}.login-btn:hover{opacity:.8;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}:host ::ng-deep .verison-and-policy{color:#8bac2a}.main{height:calc(115vh - 50px)}.main-height{height:calc(125vh - 50px)}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}section.catc-forget-password input{width:88%!important;font-size:14px;height:4px!important}section.catc-forget-password header{margin-bottom:var(--logo-bottom-space)}section.catc-forget-password header img{height:var(--logo-height);width:var(--logo-width)}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching input{width:88%!important;font-size:14px}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching p{margin-top:0}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", 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]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PasswordMatchingComponent, selector: "anna-cognito-lib-password-matching", inputs: ["passwordNotMatching"], outputs: ["passwordChange", "confirmPasswordChange"] }, { kind: "directive", type: SpinnerButtonDirective, selector: "[annaCognitoSpinnerBtn]", inputs: ["spinnerButtonLoading", "spinnerButtonText"] }, { kind: "component", type: PoweredByLogoTemplateComponent, selector: "anna-cognito-lib-powered-by-logo-template" }, { kind: "component", type: SurewavesYearLogoComponent, selector: "anna-cognito-lib-surewaves-year-logo" }, { kind: "component", type: VersionAndTermPolicyComponent, selector: "anna-cognito-lib-version-and-term-policy" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VerifyAndSetNewPasswordComponent, decorators: [{
             type: Component,
@@ -1078,7 +1078,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         PoweredByLogoTemplateComponent,
                         SurewavesYearLogoComponent,
                         VersionAndTermPolicyComponent,
-                    ], template: "<div\r\n    class=\"main\"\r\n    [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n>\r\n    <section [ngClass]=\"{ 'catc-forget-password': consumingProjectConfigService?.isCatcApplication }\">\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"170\"\r\n                height=\"72\"\r\n                alt=\"Anna Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <span\r\n                class=\"back-btn\"\r\n                [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n            >\r\n                <i class=\"mdi mdi-arrow-left\"></i>\r\n            </span>\r\n\r\n            <form\r\n                [formGroup]=\"verifyOtpForm\"\r\n                (keydown.enter)=\"onVerifyOtpSettingNewPassword()\"\r\n            >\r\n                <div\r\n                    class=\"pull-left\"\r\n                    id=\"heading\"\r\n                >\r\n                    {{ constants.verifyAndSetNewPasswordheading }}\r\n                </div>\r\n                <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\"\r\n                >\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                    [ngClass]=\"{ 'catc-forget-password-matching': consumingProjectConfigService?.isCatcApplication }\"\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                    class=\"login-btn\"\r\n                    type=\"submit\"\r\n                    [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                    (click)=\"onVerifyOtpSettingNewPassword()\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.forgotPasswordAndGlobalSignoutLoader\"\r\n                    [spinnerButtonText]=\"authService.verifyAndSetNewPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@-moz-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:calc(100vh - 50px)}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-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-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:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:-webkit-fill-available;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:var(--login-button-color);border-radius:.375rem;font-size:1rem}.login-btn:hover{opacity:.8;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}:host ::ng-deep .verison-and-policy{color:#8bac2a}.main{height:calc(115vh - 50px)}.main-height{height:calc(125vh - 50px)}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}section.catc-forget-password input{width:88%!important;font-size:14px}section.catc-forget-password header{margin-bottom:var(--logo-bottom-space)}section.catc-forget-password header img{height:var(--logo-height);width:var(--logo-width)}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching input{width:88%!important;height:8px!important;font-size:14px}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching p{margin-top:0}\n"] }]
+                    ], template: "<div\r\n    class=\"main\"\r\n    [ngClass]=\"{ 'main-height': authService.verifyAndSetNewPasswordErrorMessage }\"\r\n>\r\n    <section [ngClass]=\"{ 'catc-forget-password': consumingProjectConfigService?.isCatcApplication }\">\r\n        <header>\r\n            <img\r\n                [src]=\"consumingProjectConfigService.appGenericConfig.loginPageLogoImgUrl\"\r\n                width=\"170\"\r\n                height=\"72\"\r\n                alt=\"Anna Logo\"\r\n                priority\r\n            />\r\n        </header>\r\n        <article>\r\n            <span\r\n                class=\"back-btn\"\r\n                [routerLink]=\"constants.forgortPasswordPageUrl\"\r\n            >\r\n                <i class=\"mdi mdi-arrow-left\"></i>\r\n            </span>\r\n\r\n            <form\r\n                [formGroup]=\"verifyOtpForm\"\r\n                (keydown.enter)=\"onVerifyOtpSettingNewPassword()\"\r\n            >\r\n                <div\r\n                    class=\"pull-left\"\r\n                    id=\"heading\"\r\n                >\r\n                    {{ constants.verifyAndSetNewPasswordheading }}\r\n                </div>\r\n                <p>{{ authService.verifyAndSetNewPasswordMessage }}</p>\r\n\r\n                <div\r\n                    id=\"alert-div\"\r\n                    *ngIf=\"authService.verifyAndSetNewPasswordErrorMessage\"\r\n                >\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                    [ngClass]=\"{ 'catc-forget-password-matching': consumingProjectConfigService?.isCatcApplication }\"\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                    class=\"login-btn\"\r\n                    type=\"submit\"\r\n                    [disabled]=\"authService.sessionLocked || !isFormValid()\"\r\n                    (click)=\"onVerifyOtpSettingNewPassword()\"\r\n                    annaCognitoSpinnerBtn\r\n                    [spinnerButtonLoading]=\"authService.forgotPasswordAndGlobalSignoutLoader\"\r\n                    [spinnerButtonText]=\"authService.verifyAndSetNewPasswordButton\"\r\n                ></button>\r\n            </form>\r\n        </article>\r\n        <footer>\r\n            <anna-cognito-lib-powered-by-logo-template> </anna-cognito-lib-powered-by-logo-template>\r\n        </footer>\r\n    </section>\r\n</div>\r\n\r\n<div class=\"page-footer\">\r\n    <anna-cognito-lib-surewaves-year-logo></anna-cognito-lib-surewaves-year-logo>\r\n    <anna-cognito-lib-version-and-term-policy></anna-cognito-lib-version-and-term-policy>\r\n</div>\r\n", styles: ["@keyframes show{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@-moz-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:calc(100vh - 50px)}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-bottom:.9375rem;border:1px solid #979797;background-color:#f4f4f4;padding:2rem 1.375rem;border-radius:.375rem;box-shadow:0 .125rem .4375rem #0000001a}article .sub-title{color:#6e6e6e;font-family:Roboto;font-size:1.25rem;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}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}p{text-align:center;margin-bottom:1rem}#alert-div{padding:.3125rem 0;margin-bottom:.75rem;border-radius:.25rem;border:solid 1px #f9b3ae;background-color:#fde4e3;justify-content:left;align-items:center;display:flex}#alert-div .material-icons{color:#f44336;font-size:1rem;margin-left:.5rem}#alert-div p{margin-left:4px!important;margin:0;color:#4a4a4a;font-family:Roboto;font-size:.75rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}#info-div{padding:6px 0;margin-bottom:.75rem;border-radius:.25rem;border:1px solid #268bff;background:#e3f0ff}#info-div .mdi-info{color:#268bff;font-size:1rem;margin-left:6px}#info-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:1.25rem;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;justify-content:center}footer span{font-size:1.5625rem;margin-left:.25rem}input[type=password],input[type=text],input[type=number]{width:-webkit-fill-available;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:var(--login-button-color);border-radius:.375rem;font-size:1rem}.login-btn:hover{opacity:.8;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}:host ::ng-deep .verison-and-policy{color:#8bac2a}.main{height:calc(115vh - 50px)}.main-height{height:calc(125vh - 50px)}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}section.catc-forget-password input{width:88%!important;font-size:14px;height:4px!important}section.catc-forget-password header{margin-bottom:var(--logo-bottom-space)}section.catc-forget-password header img{height:var(--logo-height);width:var(--logo-width)}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching input{width:88%!important;font-size:14px}::ng-deep anna-cognito-lib-password-matching.catc-forget-password-matching p{margin-top:0}\n"] }]
         }], ctorParameters: () => [{ type: AnnaLibAuthService }, { type: i2.FormBuilder }, { type: i1.Router }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [CONFIG_SERVICE_TOKEN]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annalib/anna-cognito-lib",
-  "version": "9.1.13",
+  "version": "9.2.0",
   "peerDependencies": {
     "@angular/common": "^17.3.12",
     "@angular/core": "^17.3.12",