@idea-ionic/auth 6.12.3 → 6.13.0

package/fesm2015/idea-ionic-auth.mjs

@@ -31,6 +31,7 @@ class IDEAAuthService {
         var _a;
         this.storage = storage;
         this.mfaProjectName = (_a = environment.idea.app.title) !== null && _a !== void 0 ? _a : environment.idea.project;
+        this.passwordPolicy = environment.idea.auth.passwordPolicy;
         this.userPool = new CognitoUserPool({
             UserPoolId: environment.aws.cognito.userPoolId,
             ClientId: environment.aws.cognito.userPoolClientId
@@ -440,6 +441,41 @@ class IDEAAuthService {
             });
         });
     }
+    /**
+     * Validate the password against the policy set in the environments configuration.
+     * In case there are errors, they are returned as an array of strings.
+     */
+    validatePasswordAgainstPolicy(password) {
+        const errors = [];
+        if ((password === null || password === void 0 ? void 0 : password.trim().length) < this.passwordPolicy.minLength)
+            errors.push('MIN_LENGTH');
+        if (this.passwordPolicy.requireDigits && !/\d/.test(password))
+            errors.push('REQUIRE_DIGITS');
+        if (this.passwordPolicy.requireLowercase && !/[a-z]/.test(password))
+            errors.push('REQUIRE_LOWERCASE');
+        if (this.passwordPolicy.requireSymbols && !/[\^\$\*\.\_\~\`\+\=@\!\?\>\<\:\;\\\,\#\%\&]/.test(password))
+            errors.push('REQUIRE_SYMBOLS');
+        if (this.passwordPolicy.requireUppercase && !/[A-Z]/.test(password))
+            errors.push('REQUIRE_UPPERCASE');
+        return errors;
+    }
+    /**
+     * Get a complete password policy pattern, based on the environments configuration, to use on password input fields.
+     * Note: some of the symbols couldn't be included because unsupported by the input[pattern] attribute.
+     */
+    getPasswordPolicyPatternForInput() {
+        let pattern = '';
+        if (this.passwordPolicy.requireDigits)
+            pattern += `(?=.*[0-9])`;
+        if (this.passwordPolicy.requireLowercase)
+            pattern += `(?=.*[a-z])`;
+        if (this.passwordPolicy.requireSymbols)
+            pattern += `(?=.*[\^\$\*\.\_\~\`\+\=@\!\?\>\<\:\;\\\,\#\%\&])`;
+        if (this.passwordPolicy.requireUppercase)
+            pattern += `(?=.*[A-Z])`;
+        pattern += `.{${this.passwordPolicy.minLength},}`;
+        return pattern;
+    }
 }
 IDEAAuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAAuthService, deps: [{ token: i2.IDEAStorageService }], target: i0.ɵɵFactoryTarget.Injectable });
 IDEAAuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAAuthService, providedIn: 'root' });
@@ -459,12 +495,12 @@ var LoginOutcomeActions;
 })(LoginOutcomeActions || (LoginOutcomeActions = {}));
 
 class IDEASignInPage {
-    constructor(navCtrl, message, loading, auth, t) {
+    constructor(navCtrl, message, loading, t, auth) {
         this.navCtrl = navCtrl;
         this.message = message;
         this.loading = loading;
-        this.auth = auth;
         this.t = t;
+        this.auth = auth;
         this.title = environment.idea.app.title;
         this.registrationPossible = environment.idea.auth.registrationIsPossible;
         this.hasIntroPage = environment.idea.app.hasIntroPage;
@@ -528,21 +564,81 @@ class IDEASignInPage {
         });
     }
 }
-IDEASignInPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEASignInPage, deps: [{ token: i1.NavController }, { token: i2.IDEAMessageService }, { token: i2.IDEALoadingService }, { token: IDEAAuthService }, { token: i2.IDEATranslationsService }], target: i0.ɵɵFactoryTarget.Component });
-IDEASignInPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEASignInPage, selector: "idea-sign-in", ngImport: i0, template: "<ion-content>\n  <ion-card color=\"warning\" *ngIf=\"newAccountRegistered\">\n    <ion-card-content>{{ 'IDEA_AUTH.CONFIRM_YOUR_EMAIL_TO_LOGIN' | translate }}</ion-card-content>\n  </ion-card>\n  <form class=\"flexBox\">\n    <div>\n      <ion-card class=\"authCard\">\n        <ion-img\n          [title]=\"'IDEA_AUTH.SERVICE_LOGO' | translate\"\n          [src]=\"darkMode ? 'assets/icons/icon-auth-alt.svg' : 'assets/icons/icon-auth.svg'\"\n        ></ion-img>\n        <ion-card-header>\n          <ion-card-title color=\"primary\" *ngIf=\"title\">{{ title }}</ion-card-title>\n          <ion-card-subtitle *ngIf=\"translationExists('IDEA_VARIABLES.TAGLINE')\">\n            {{ 'IDEA_VARIABLES.TAGLINE' | translate }}\n          </ion-card-subtitle>\n        </ion-card-header>\n        <ion-card-content>\n          <p class=\"errorBox\" *ngIf=\"errorMsg\"><b>{{ 'IDEA_AUTH.WARNING' | translate }}.</b> {{ errorMsg }}</p>\n          <ion-item>\n            <ion-label position=\"inline\">\n              <ion-icon name=\"person-circle\" color=\"primary\"> </ion-icon>\n            </ion-label>\n            <ion-input\n              type=\"email\"\n              inputmode=\"email\"\n              pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n              spellcheck=\"false\"\n              autocorrect=\"off\"\n              autocapitalize=\"off\"\n              autocomplete=\"email\"\n              [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n              [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [(ngModel)]=\"email\"\n              (keyup.enter)=\"login()\"\n            ></ion-input>\n          </ion-item>\n          <ion-item>\n            <ion-label position=\"inline\">\n              <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n            </ion-label>\n            <ion-input\n              id=\"current-password\"\n              type=\"password\"\n              pattern=\".{8,}\"\n              spellcheck=\"false\"\n              autocorrect=\"off\"\n              autocapitalize=\"off\"\n              autocomplete=\"current-password\"\n              [clearOnEdit]=\"false\"\n              [placeholder]=\"'IDEA_AUTH.PASSWORD' | translate\"\n              [title]=\"'IDEA_AUTH.PASSWORD_HINT' | translate\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [(ngModel)]=\"password\"\n              (keyup.enter)=\"login()\"\n            ></ion-input>\n          </ion-item>\n          <ion-row\n            class=\"agreementsAcceptanceRow\"\n            *ngIf=\"\n              !registrationPossible &&\n              (translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL') || translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL'))\n            \"\n          >\n            <ion-col>\n              <ion-checkbox\n                size=\"small\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                [(ngModel)]=\"agreementsCheck\"\n              ></ion-checkbox>\n              {{ 'IDEA_AUTH.AGREEMENTS_CHECK_LOGIN' | translate }}:\n              <a\n                ion-text\n                color=\"primary\"\n                target=\"_blank\"\n                *ngIf=\"translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\"\n                [title]=\"'IDEA_AUTH.TERMS_AND_CONDITIONS_HINT' | translate\"\n                [href]=\"'IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL' | translate\"\n              >\n                {{ 'IDEA_AUTH.TERMS_AND_CONDITIONS' | translate }}\n              </a>\n              <ion-text\n                *ngIf=\"\n                translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL') && translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\n                \"\n              >\n                &\n              </ion-text>\n              <a\n                ion-text\n                color=\"primary\"\n                target=\"_blank\"\n                *ngIf=\"translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL')\"\n                [title]=\"'IDEA_AUTH.PRIVACY_POLICY_HINT' | translate\"\n                [href]=\"'IDEA_VARIABLES.PRIVACY_POLICY_URL' | translate\"\n              >\n                {{ 'IDEA_AUTH.PRIVACY_POLICY' | translate }}\n              </a>\n            </ion-col>\n          </ion-row>\n          <ion-button\n            expand=\"block\"\n            [disabled]=\"!agreementsCheck\"\n            [title]=\"'IDEA_AUTH.SIGN_IN_HINT' | translate\"\n            (click)=\"login()\"\n          >\n            {{ 'IDEA_AUTH.SIGN_IN' | translate }}\n          </ion-button>\n          <ion-button\n            fill=\"clear\"\n            expand=\"block\"\n            class=\"smallCaseButton\"\n            *ngIf=\"registrationPossible\"\n            [title]=\"'IDEA_AUTH.CREATE_AN_ACCOUNT_HINT' | translate\"\n            (click)=\"goToRegistration()\"\n          >\n            {{ 'IDEA_AUTH.CREATE_AN_ACCOUNT' | translate }}\n          </ion-button>\n          <ion-button\n            fill=\"clear\"\n            expand=\"block\"\n            class=\"smallCaseButton\"\n            [title]=\"'IDEA_AUTH.I_FORGOT_MY_PASSWORD_HINT' | translate\"\n            (click)=\"goToForgotPassword()\"\n          >\n            {{ 'IDEA_AUTH.I_FORGOT_MY_PASSWORD' | translate }}\n          </ion-button>\n          <ion-button\n            fill=\"clear\"\n            expand=\"block\"\n            color=\"medium\"\n            class=\"smallCaseButton\"\n            *ngIf=\"hasIntroPage\"\n            [title]=\"'IDEA_AUTH.BACK_TO_INTRO_HINT' | translate\"\n            (click)=\"goToIntro()\"\n          >\n            {{ 'IDEA_AUTH.BACK_TO_INTRO' | translate }}\n          </ion-button>\n        </ion-card-content>\n      </ion-card>\n      <ion-img\n        class=\"ideaLogo\"\n        *ngIf=\"website\"\n        [src]=\"darkMode ? './assets/icons/idea-alt.png' : './assets/icons/idea.png'\"\n        [title]=\"'IDEA_AUTH.IDEA_TAGLINE' | translate\"\n        (click)=\"openLink(website)\"\n      ></ion-img>\n    </div>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "mode", "name", "value"] }, { kind: "component", type: i1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonImg, selector: "ion-img", inputs: ["alt", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonRow, selector: "ion-row" }, { kind: "component", type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
+IDEASignInPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEASignInPage, deps: [{ token: i1.NavController }, { token: i2.IDEAMessageService }, { token: i2.IDEALoadingService }, { token: i2.IDEATranslationsService }, { token: IDEAAuthService }], target: i0.ɵɵFactoryTarget.Component });
+IDEASignInPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEASignInPage, selector: "idea-sign-in", ngImport: i0, template: "<ion-content>\n  <ion-card color=\"warning\" *ngIf=\"newAccountRegistered\">\n    <ion-card-content>{{ 'IDEA_AUTH.CONFIRM_YOUR_EMAIL_TO_LOGIN' | translate }}</ion-card-content>\n  </ion-card>\n  <form class=\"flexBox\">\n    <div>\n      <ion-card class=\"authCard\">\n        <ion-img\n          [title]=\"'IDEA_AUTH.SERVICE_LOGO' | translate\"\n          [src]=\"darkMode ? 'assets/icons/icon-auth-alt.svg' : 'assets/icons/icon-auth.svg'\"\n        ></ion-img>\n        <ion-card-header>\n          <ion-card-title color=\"primary\" *ngIf=\"title\">{{ title }}</ion-card-title>\n          <ion-card-subtitle *ngIf=\"translationExists('IDEA_VARIABLES.TAGLINE')\">\n            {{ 'IDEA_VARIABLES.TAGLINE' | translate }}\n          </ion-card-subtitle>\n        </ion-card-header>\n        <ion-card-content>\n          <p class=\"errorBox\" *ngIf=\"errorMsg\"><b>{{ 'IDEA_AUTH.WARNING' | translate }}.</b> {{ errorMsg }}</p>\n          <ion-item>\n            <ion-label position=\"inline\">\n              <ion-icon name=\"person-circle\" color=\"primary\"></ion-icon>\n            </ion-label>\n            <ion-input\n              type=\"email\"\n              inputmode=\"email\"\n              pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n              spellcheck=\"false\"\n              autocorrect=\"off\"\n              autocapitalize=\"off\"\n              autocomplete=\"email\"\n              [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n              [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [(ngModel)]=\"email\"\n              (keyup.enter)=\"login()\"\n            ></ion-input>\n          </ion-item>\n          <ion-item>\n            <ion-label position=\"inline\">\n              <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n            </ion-label>\n            <ion-input\n              id=\"current-password\"\n              type=\"password\"\n              spellcheck=\"false\"\n              autocorrect=\"off\"\n              autocapitalize=\"off\"\n              autocomplete=\"current-password\"\n              [clearOnEdit]=\"false\"\n              [placeholder]=\"'IDEA_AUTH.PASSWORD' | translate\"\n              [title]=\"'IDEA_AUTH.PASSWORD_HINT' | translate\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [(ngModel)]=\"password\"\n              (keyup.enter)=\"login()\"\n            ></ion-input>\n          </ion-item>\n          <ion-row\n            class=\"agreementsAcceptanceRow\"\n            *ngIf=\"\n              !registrationPossible &&\n              (translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL') || translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL'))\n            \"\n          >\n            <ion-col>\n              <ion-checkbox\n                size=\"small\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                [(ngModel)]=\"agreementsCheck\"\n              ></ion-checkbox>\n              {{ 'IDEA_AUTH.AGREEMENTS_CHECK_LOGIN' | translate }}:\n              <a\n                ion-text\n                color=\"primary\"\n                target=\"_blank\"\n                *ngIf=\"translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\"\n                [title]=\"'IDEA_AUTH.TERMS_AND_CONDITIONS_HINT' | translate\"\n                [href]=\"'IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL' | translate\"\n              >\n                {{ 'IDEA_AUTH.TERMS_AND_CONDITIONS' | translate }}\n              </a>\n              <ion-text\n                *ngIf=\"\n                translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL') && translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\n                \"\n              >\n                &\n              </ion-text>\n              <a\n                ion-text\n                color=\"primary\"\n                target=\"_blank\"\n                *ngIf=\"translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL')\"\n                [title]=\"'IDEA_AUTH.PRIVACY_POLICY_HINT' | translate\"\n                [href]=\"'IDEA_VARIABLES.PRIVACY_POLICY_URL' | translate\"\n              >\n                {{ 'IDEA_AUTH.PRIVACY_POLICY' | translate }}\n              </a>\n            </ion-col>\n          </ion-row>\n          <ion-button\n            expand=\"block\"\n            [disabled]=\"!agreementsCheck\"\n            [title]=\"'IDEA_AUTH.SIGN_IN_HINT' | translate\"\n            (click)=\"login()\"\n          >\n            {{ 'IDEA_AUTH.SIGN_IN' | translate }}\n          </ion-button>\n          <ion-button\n            fill=\"clear\"\n            expand=\"block\"\n            class=\"smallCaseButton\"\n            *ngIf=\"registrationPossible\"\n            [title]=\"'IDEA_AUTH.CREATE_AN_ACCOUNT_HINT' | translate\"\n            (click)=\"goToRegistration()\"\n          >\n            {{ 'IDEA_AUTH.CREATE_AN_ACCOUNT' | translate }}\n          </ion-button>\n          <ion-button\n            fill=\"clear\"\n            expand=\"block\"\n            class=\"smallCaseButton\"\n            [title]=\"'IDEA_AUTH.I_FORGOT_MY_PASSWORD_HINT' | translate\"\n            (click)=\"goToForgotPassword()\"\n          >\n            {{ 'IDEA_AUTH.I_FORGOT_MY_PASSWORD' | translate }}\n          </ion-button>\n          <ion-button\n            fill=\"clear\"\n            expand=\"block\"\n            color=\"medium\"\n            class=\"smallCaseButton\"\n            *ngIf=\"hasIntroPage\"\n            [title]=\"'IDEA_AUTH.BACK_TO_INTRO_HINT' | translate\"\n            (click)=\"goToIntro()\"\n          >\n            {{ 'IDEA_AUTH.BACK_TO_INTRO' | translate }}\n          </ion-button>\n        </ion-card-content>\n      </ion-card>\n      <ion-img\n        class=\"ideaLogo\"\n        *ngIf=\"website\"\n        [src]=\"darkMode ? './assets/icons/idea-alt.png' : './assets/icons/idea.png'\"\n        [title]=\"'IDEA_AUTH.IDEA_TAGLINE' | translate\"\n        (click)=\"openLink(website)\"\n      ></ion-img>\n    </div>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "mode", "name", "value"] }, { kind: "component", type: i1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonImg, selector: "ion-img", inputs: ["alt", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonRow, selector: "ion-row" }, { kind: "component", type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEASignInPage, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-sign-in', template: "<ion-content>\n  <ion-card color=\"warning\" *ngIf=\"newAccountRegistered\">\n    <ion-card-content>{{ 'IDEA_AUTH.CONFIRM_YOUR_EMAIL_TO_LOGIN' | translate }}</ion-card-content>\n  </ion-card>\n  <form class=\"flexBox\">\n    <div>\n      <ion-card class=\"authCard\">\n        <ion-img\n          [title]=\"'IDEA_AUTH.SERVICE_LOGO' | translate\"\n          [src]=\"darkMode ? 'assets/icons/icon-auth-alt.svg' : 'assets/icons/icon-auth.svg'\"\n        ></ion-img>\n        <ion-card-header>\n          <ion-card-title color=\"primary\" *ngIf=\"title\">{{ title }}</ion-card-title>\n          <ion-card-subtitle *ngIf=\"translationExists('IDEA_VARIABLES.TAGLINE')\">\n            {{ 'IDEA_VARIABLES.TAGLINE' | translate }}\n          </ion-card-subtitle>\n        </ion-card-header>\n        <ion-card-content>\n          <p class=\"errorBox\" *ngIf=\"errorMsg\"><b>{{ 'IDEA_AUTH.WARNING' | translate }}.</b> {{ errorMsg }}</p>\n          <ion-item>\n            <ion-label position=\"inline\">\n              <ion-icon name=\"person-circle\" color=\"primary\"> </ion-icon>\n            </ion-label>\n            <ion-input\n              type=\"email\"\n              inputmode=\"email\"\n              pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n              spellcheck=\"false\"\n              autocorrect=\"off\"\n              autocapitalize=\"off\"\n              autocomplete=\"email\"\n              [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n              [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [(ngModel)]=\"email\"\n              (keyup.enter)=\"login()\"\n            ></ion-input>\n          </ion-item>\n          <ion-item>\n            <ion-label position=\"inline\">\n              <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n            </ion-label>\n            <ion-input\n              id=\"current-password\"\n              type=\"password\"\n              pattern=\".{8,}\"\n              spellcheck=\"false\"\n              autocorrect=\"off\"\n              autocapitalize=\"off\"\n              autocomplete=\"current-password\"\n              [clearOnEdit]=\"false\"\n              [placeholder]=\"'IDEA_AUTH.PASSWORD' | translate\"\n              [title]=\"'IDEA_AUTH.PASSWORD_HINT' | translate\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [(ngModel)]=\"password\"\n              (keyup.enter)=\"login()\"\n            ></ion-input>\n          </ion-item>\n          <ion-row\n            class=\"agreementsAcceptanceRow\"\n            *ngIf=\"\n              !registrationPossible &&\n              (translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL') || translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL'))\n            \"\n          >\n            <ion-col>\n              <ion-checkbox\n                size=\"small\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                [(ngModel)]=\"agreementsCheck\"\n              ></ion-checkbox>\n              {{ 'IDEA_AUTH.AGREEMENTS_CHECK_LOGIN' | translate }}:\n              <a\n                ion-text\n                color=\"primary\"\n                target=\"_blank\"\n                *ngIf=\"translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\"\n                [title]=\"'IDEA_AUTH.TERMS_AND_CONDITIONS_HINT' | translate\"\n                [href]=\"'IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL' | translate\"\n              >\n                {{ 'IDEA_AUTH.TERMS_AND_CONDITIONS' | translate }}\n              </a>\n              <ion-text\n                *ngIf=\"\n                translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL') && translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\n                \"\n              >\n                &\n              </ion-text>\n              <a\n                ion-text\n                color=\"primary\"\n                target=\"_blank\"\n                *ngIf=\"translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL')\"\n                [title]=\"'IDEA_AUTH.PRIVACY_POLICY_HINT' | translate\"\n                [href]=\"'IDEA_VARIABLES.PRIVACY_POLICY_URL' | translate\"\n              >\n                {{ 'IDEA_AUTH.PRIVACY_POLICY' | translate }}\n              </a>\n            </ion-col>\n          </ion-row>\n          <ion-button\n            expand=\"block\"\n            [disabled]=\"!agreementsCheck\"\n            [title]=\"'IDEA_AUTH.SIGN_IN_HINT' | translate\"\n            (click)=\"login()\"\n          >\n            {{ 'IDEA_AUTH.SIGN_IN' | translate }}\n          </ion-button>\n          <ion-button\n            fill=\"clear\"\n            expand=\"block\"\n            class=\"smallCaseButton\"\n            *ngIf=\"registrationPossible\"\n            [title]=\"'IDEA_AUTH.CREATE_AN_ACCOUNT_HINT' | translate\"\n            (click)=\"goToRegistration()\"\n          >\n            {{ 'IDEA_AUTH.CREATE_AN_ACCOUNT' | translate }}\n          </ion-button>\n          <ion-button\n            fill=\"clear\"\n            expand=\"block\"\n            class=\"smallCaseButton\"\n            [title]=\"'IDEA_AUTH.I_FORGOT_MY_PASSWORD_HINT' | translate\"\n            (click)=\"goToForgotPassword()\"\n          >\n            {{ 'IDEA_AUTH.I_FORGOT_MY_PASSWORD' | translate }}\n          </ion-button>\n          <ion-button\n            fill=\"clear\"\n            expand=\"block\"\n            color=\"medium\"\n            class=\"smallCaseButton\"\n            *ngIf=\"hasIntroPage\"\n            [title]=\"'IDEA_AUTH.BACK_TO_INTRO_HINT' | translate\"\n            (click)=\"goToIntro()\"\n          >\n            {{ 'IDEA_AUTH.BACK_TO_INTRO' | translate }}\n          </ion-button>\n        </ion-card-content>\n      </ion-card>\n      <ion-img\n        class=\"ideaLogo\"\n        *ngIf=\"website\"\n        [src]=\"darkMode ? './assets/icons/idea-alt.png' : './assets/icons/idea.png'\"\n        [title]=\"'IDEA_AUTH.IDEA_TAGLINE' | translate\"\n        (click)=\"openLink(website)\"\n      ></ion-img>\n    </div>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.NavController }, { type: i2.IDEAMessageService }, { type: i2.IDEALoadingService }, { type: IDEAAuthService }, { type: i2.IDEATranslationsService }]; } });
+            args: [{ selector: 'idea-sign-in', template: "<ion-content>\n  <ion-card color=\"warning\" *ngIf=\"newAccountRegistered\">\n    <ion-card-content>{{ 'IDEA_AUTH.CONFIRM_YOUR_EMAIL_TO_LOGIN' | translate }}</ion-card-content>\n  </ion-card>\n  <form class=\"flexBox\">\n    <div>\n      <ion-card class=\"authCard\">\n        <ion-img\n          [title]=\"'IDEA_AUTH.SERVICE_LOGO' | translate\"\n          [src]=\"darkMode ? 'assets/icons/icon-auth-alt.svg' : 'assets/icons/icon-auth.svg'\"\n        ></ion-img>\n        <ion-card-header>\n          <ion-card-title color=\"primary\" *ngIf=\"title\">{{ title }}</ion-card-title>\n          <ion-card-subtitle *ngIf=\"translationExists('IDEA_VARIABLES.TAGLINE')\">\n            {{ 'IDEA_VARIABLES.TAGLINE' | translate }}\n          </ion-card-subtitle>\n        </ion-card-header>\n        <ion-card-content>\n          <p class=\"errorBox\" *ngIf=\"errorMsg\"><b>{{ 'IDEA_AUTH.WARNING' | translate }}.</b> {{ errorMsg }}</p>\n          <ion-item>\n            <ion-label position=\"inline\">\n              <ion-icon name=\"person-circle\" color=\"primary\"></ion-icon>\n            </ion-label>\n            <ion-input\n              type=\"email\"\n              inputmode=\"email\"\n              pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n              spellcheck=\"false\"\n              autocorrect=\"off\"\n              autocapitalize=\"off\"\n              autocomplete=\"email\"\n              [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n              [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [(ngModel)]=\"email\"\n              (keyup.enter)=\"login()\"\n            ></ion-input>\n          </ion-item>\n          <ion-item>\n            <ion-label position=\"inline\">\n              <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n            </ion-label>\n            <ion-input\n              id=\"current-password\"\n              type=\"password\"\n              spellcheck=\"false\"\n              autocorrect=\"off\"\n              autocapitalize=\"off\"\n              autocomplete=\"current-password\"\n              [clearOnEdit]=\"false\"\n              [placeholder]=\"'IDEA_AUTH.PASSWORD' | translate\"\n              [title]=\"'IDEA_AUTH.PASSWORD_HINT' | translate\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [(ngModel)]=\"password\"\n              (keyup.enter)=\"login()\"\n            ></ion-input>\n          </ion-item>\n          <ion-row\n            class=\"agreementsAcceptanceRow\"\n            *ngIf=\"\n              !registrationPossible &&\n              (translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL') || translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL'))\n            \"\n          >\n            <ion-col>\n              <ion-checkbox\n                size=\"small\"\n                [ngModelOptions]=\"{ standalone: true }\"\n                [(ngModel)]=\"agreementsCheck\"\n              ></ion-checkbox>\n              {{ 'IDEA_AUTH.AGREEMENTS_CHECK_LOGIN' | translate }}:\n              <a\n                ion-text\n                color=\"primary\"\n                target=\"_blank\"\n                *ngIf=\"translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\"\n                [title]=\"'IDEA_AUTH.TERMS_AND_CONDITIONS_HINT' | translate\"\n                [href]=\"'IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL' | translate\"\n              >\n                {{ 'IDEA_AUTH.TERMS_AND_CONDITIONS' | translate }}\n              </a>\n              <ion-text\n                *ngIf=\"\n                translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL') && translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\n                \"\n              >\n                &\n              </ion-text>\n              <a\n                ion-text\n                color=\"primary\"\n                target=\"_blank\"\n                *ngIf=\"translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL')\"\n                [title]=\"'IDEA_AUTH.PRIVACY_POLICY_HINT' | translate\"\n                [href]=\"'IDEA_VARIABLES.PRIVACY_POLICY_URL' | translate\"\n              >\n                {{ 'IDEA_AUTH.PRIVACY_POLICY' | translate }}\n              </a>\n            </ion-col>\n          </ion-row>\n          <ion-button\n            expand=\"block\"\n            [disabled]=\"!agreementsCheck\"\n            [title]=\"'IDEA_AUTH.SIGN_IN_HINT' | translate\"\n            (click)=\"login()\"\n          >\n            {{ 'IDEA_AUTH.SIGN_IN' | translate }}\n          </ion-button>\n          <ion-button\n            fill=\"clear\"\n            expand=\"block\"\n            class=\"smallCaseButton\"\n            *ngIf=\"registrationPossible\"\n            [title]=\"'IDEA_AUTH.CREATE_AN_ACCOUNT_HINT' | translate\"\n            (click)=\"goToRegistration()\"\n          >\n            {{ 'IDEA_AUTH.CREATE_AN_ACCOUNT' | translate }}\n          </ion-button>\n          <ion-button\n            fill=\"clear\"\n            expand=\"block\"\n            class=\"smallCaseButton\"\n            [title]=\"'IDEA_AUTH.I_FORGOT_MY_PASSWORD_HINT' | translate\"\n            (click)=\"goToForgotPassword()\"\n          >\n            {{ 'IDEA_AUTH.I_FORGOT_MY_PASSWORD' | translate }}\n          </ion-button>\n          <ion-button\n            fill=\"clear\"\n            expand=\"block\"\n            color=\"medium\"\n            class=\"smallCaseButton\"\n            *ngIf=\"hasIntroPage\"\n            [title]=\"'IDEA_AUTH.BACK_TO_INTRO_HINT' | translate\"\n            (click)=\"goToIntro()\"\n          >\n            {{ 'IDEA_AUTH.BACK_TO_INTRO' | translate }}\n          </ion-button>\n        </ion-card-content>\n      </ion-card>\n      <ion-img\n        class=\"ideaLogo\"\n        *ngIf=\"website\"\n        [src]=\"darkMode ? './assets/icons/idea-alt.png' : './assets/icons/idea.png'\"\n        [title]=\"'IDEA_AUTH.IDEA_TAGLINE' | translate\"\n        (click)=\"openLink(website)\"\n      ></ion-img>\n    </div>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NavController }, { type: i2.IDEAMessageService }, { type: i2.IDEALoadingService }, { type: i2.IDEATranslationsService }, { type: IDEAAuthService }]; } });
+
+class IDEAPasswordPolicyComponent {
+    constructor() {
+        this.passwordPolicy = environment.idea.auth.passwordPolicy;
+    }
+}
+IDEAPasswordPolicyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAPasswordPolicyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+IDEAPasswordPolicyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEAPasswordPolicyComponent, selector: "idea-password-policy", ngImport: i0, template: `
+    <ion-card class="passwordPolicyCard">
+      <ion-card-header>
+        <ion-card-title>{{ 'IDEA_AUTH.PASSWORD_REQUIREMENTS_TITLE' | translate }}</ion-card-title>
+      </ion-card-header>
+      <ion-card-content>
+        <ul>
+          <li>{{ 'IDEA_AUTH.PASSWORD_REQUIREMENTS.MIN_LENGTH' | translate : { n: passwordPolicy.minLength } }}</li>
+          <li *ngIf="passwordPolicy.requireDigits">
+            {{ 'IDEA_AUTH.PASSWORD_REQUIREMENTS.REQUIRE_DIGITS' | translate }}
+          </li>
+          <li *ngIf="passwordPolicy.requireSymbols">
+            {{ 'IDEA_AUTH.PASSWORD_REQUIREMENTS.REQUIRE_SYMBOLS' | translate }}
+          </li>
+          <li *ngIf="passwordPolicy.requireUppercase">
+            {{ 'IDEA_AUTH.PASSWORD_REQUIREMENTS.REQUIRE_UPPERCASE' | translate }}
+          </li>
+          <li *ngIf="passwordPolicy.requireLowercase">
+            {{ 'IDEA_AUTH.PASSWORD_REQUIREMENTS.REQUIRE_LOWERCASE' | translate }}
+          </li>
+        </ul>
+      </ion-card-content>
+    </ion-card>
+  `, isInline: true, styles: ["ion-card.passwordPolicyCard{box-shadow:none;border:none;padding:6px}ion-card.passwordPolicyCard ion-card-title{font-size:1rem}ion-card.passwordPolicyCard ul{margin:0}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAPasswordPolicyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'idea-password-policy', template: `
+    <ion-card class="passwordPolicyCard">
+      <ion-card-header>
+        <ion-card-title>{{ 'IDEA_AUTH.PASSWORD_REQUIREMENTS_TITLE' | translate }}</ion-card-title>
+      </ion-card-header>
+      <ion-card-content>
+        <ul>
+          <li>{{ 'IDEA_AUTH.PASSWORD_REQUIREMENTS.MIN_LENGTH' | translate : { n: passwordPolicy.minLength } }}</li>
+          <li *ngIf="passwordPolicy.requireDigits">
+            {{ 'IDEA_AUTH.PASSWORD_REQUIREMENTS.REQUIRE_DIGITS' | translate }}
+          </li>
+          <li *ngIf="passwordPolicy.requireSymbols">
+            {{ 'IDEA_AUTH.PASSWORD_REQUIREMENTS.REQUIRE_SYMBOLS' | translate }}
+          </li>
+          <li *ngIf="passwordPolicy.requireUppercase">
+            {{ 'IDEA_AUTH.PASSWORD_REQUIREMENTS.REQUIRE_UPPERCASE' | translate }}
+          </li>
+          <li *ngIf="passwordPolicy.requireLowercase">
+            {{ 'IDEA_AUTH.PASSWORD_REQUIREMENTS.REQUIRE_LOWERCASE' | translate }}
+          </li>
+        </ul>
+      </ion-card-content>
+    </ion-card>
+  `, styles: ["ion-card.passwordPolicyCard{box-shadow:none;border:none;padding:6px}ion-card.passwordPolicyCard ion-card-title{font-size:1rem}ion-card.passwordPolicyCard ul{margin:0}\n"] }]
+        }], ctorParameters: function () { return []; } });
 
 class IDEASignUpPage {
-    constructor(navCtrl, message, loading, auth, t) {
+    constructor(navCtrl, popoverCtrl, message, loading, t, auth) {
         this.navCtrl = navCtrl;
+        this.popoverCtrl = popoverCtrl;
         this.message = message;
         this.loading = loading;
-        this.auth = auth;
         this.t = t;
+        this.auth = auth;
         this.agreementsCheck = false;
+        this.passwordPolicy = environment.idea.auth.passwordPolicy;
     }
     ngOnInit() {
         if (!environment.idea.auth.registrationIsPossible)
@@ -557,8 +653,14 @@ class IDEASignUpPage {
             this.errorMsg = null;
             if (isEmpty(this.email, 'email'))
                 this.errorMsg = this.t._('IDEA_AUTH.VALID_EMAIL_OBLIGATORY');
-            else if (!this.password || this.password.length < 8)
-                this.errorMsg = this.t._('IDEA_AUTH.PASSWORD_POLICY_VIOLATION', { n: 8 });
+            else {
+                const errors = this.auth.validatePasswordAgainstPolicy(this.password);
+                if (errors.length)
+                    this.errorMsg = [
+                        this.t._('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW'),
+                        ...errors.map(x => this.t._('IDEA_AUTH.PASSWORD_REQUIREMENTS.'.concat(x), { n: this.passwordPolicy.minLength }))
+                    ].join(' ');
+            }
             if (this.errorMsg)
                 return this.message.error('IDEA_AUTH.REGISTRATION_FAILED');
             try {
@@ -579,6 +681,13 @@ class IDEASignUpPage {
     translationExists(key) {
         return !!this.t._(key);
     }
+    openPasswordPolicy(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const cssClass = 'passwordPolicyPopover';
+            const popover = yield this.popoverCtrl.create({ component: IDEAPasswordPolicyComponent, event, cssClass });
+            yield popover.present();
+        });
+    }
     goToResendLink() {
         this.navCtrl.navigateForward(['auth/resend-link']);
     }
@@ -586,20 +695,22 @@ class IDEASignUpPage {
         this.navCtrl.navigateBack(['auth']);
     }
 }
-IDEASignUpPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEASignUpPage, deps: [{ token: i1.NavController }, { token: i2.IDEAMessageService }, { token: i2.IDEALoadingService }, { token: IDEAAuthService }, { token: i2.IDEATranslationsService }], target: i0.ɵɵFactoryTarget.Component });
-IDEASignUpPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEASignUpPage, selector: "idea-sign-up", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.NEW_ACCOUNT' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.REGISTER_A_NEW_ACCOUNT_TO_THE_SYSTEM' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"> </ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.REGISTRATION_EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"register()\"\n          ></ion-input>\n        </ion-item>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"password\"\n            pattern=\".{8,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            [clearOnEdit]=\"false\"\n            [placeholder]=\"'IDEA_AUTH.PASSWORD' | translate\"\n            [title]=\"'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"password\"\n            (keyup.enter)=\"register()\"\n          ></ion-input>\n        </ion-item>\n        <ion-row\n          class=\"agreementsAcceptanceRow\"\n          *ngIf=\"translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL') || translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL')\"\n        >\n          <ion-col>\n            <ion-checkbox\n              size=\"small\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [(ngModel)]=\"agreementsCheck\"\n            ></ion-checkbox>\n            {{ 'IDEA_AUTH.AGREEMENTS_CHECK_REGISTRATION' | translate }}:\n            <a\n              ion-text\n              color=\"primary\"\n              target=\"_blank\"\n              *ngIf=\"translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\"\n              [title]=\"'IDEA_AUTH.TERMS_AND_CONDITIONS_HINT' | translate\"\n              [href]=\"'IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL' | translate\"\n            >\n              {{ 'IDEA_AUTH.TERMS_AND_CONDITIONS' | translate }}\n            </a>\n            <ion-text\n              *ngIf=\"\n              translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL') && translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\n              \"\n            >\n              &\n            </ion-text>\n            <a\n              ion-text\n              color=\"primary\"\n              target=\"_blank\"\n              *ngIf=\"translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL')\"\n              [title]=\"'IDEA_AUTH.PRIVACY_POLICY_HINT' | translate\"\n              [href]=\"'IDEA_VARIABLES.PRIVACY_POLICY_URL' | translate\"\n            >\n              {{ 'IDEA_AUTH.PRIVACY_POLICY' | translate }}\n            </a>\n          </ion-col>\n        </ion-row>\n        <ion-button\n          expand=\"block\"\n          [disabled]=\"!agreementsCheck\"\n          [title]=\"'IDEA_AUTH.CREATE_AN_ACCOUNT_HINT' | translate\"\n          (click)=\"register()\"\n        >\n          {{ 'IDEA_AUTH.CREATE_AN_ACCOUNT' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.HAVEN_T_RECEIVED_CONFIRMATION_LINK_HINT' | translate\"\n          (click)=\"goToResendLink()\"\n        >\n          {{ 'IDEA_AUTH.HAVEN_T_RECEIVED_CONFIRMATION_LINK' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "mode", "name", "value"] }, { kind: "component", type: i1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonRow, selector: "ion-row" }, { kind: "component", type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
+IDEASignUpPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEASignUpPage, deps: [{ token: i1.NavController }, { token: i1.PopoverController }, { token: i2.IDEAMessageService }, { token: i2.IDEALoadingService }, { token: i2.IDEATranslationsService }, { token: IDEAAuthService }], target: i0.ɵɵFactoryTarget.Component });
+IDEASignUpPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEASignUpPage, selector: "idea-sign-up", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.NEW_ACCOUNT' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.REGISTER_A_NEW_ACCOUNT_TO_THE_SYSTEM' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.REGISTRATION_EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"register()\"\n          ></ion-input>\n        </ion-item>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"password\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            [pattern]=\"auth.getPasswordPolicyPatternForInput()\"\n            [clearOnEdit]=\"false\"\n            [placeholder]=\"'IDEA_AUTH.PASSWORD' | translate\"\n            [title]=\"'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"password\"\n            (keyup.enter)=\"register()\"\n          ></ion-input>\n          <ion-button slot=\"end\" fill=\"clear\" color=\"dark\" (click)=\"openPasswordPolicy($event)\">\n            <ion-icon icon=\"help-circle-outline\" slot=\"icon-only\"></ion-icon>\n          </ion-button>\n        </ion-item>\n        <ion-row\n          class=\"agreementsAcceptanceRow\"\n          *ngIf=\"translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL') || translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL')\"\n        >\n          <ion-col>\n            <ion-checkbox\n              size=\"small\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [(ngModel)]=\"agreementsCheck\"\n            ></ion-checkbox>\n            {{ 'IDEA_AUTH.AGREEMENTS_CHECK_REGISTRATION' | translate }}:\n            <a\n              ion-text\n              color=\"primary\"\n              target=\"_blank\"\n              *ngIf=\"translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\"\n              [title]=\"'IDEA_AUTH.TERMS_AND_CONDITIONS_HINT' | translate\"\n              [href]=\"'IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL' | translate\"\n            >\n              {{ 'IDEA_AUTH.TERMS_AND_CONDITIONS' | translate }}\n            </a>\n            <ion-text\n              *ngIf=\"\n              translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL') && translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\n              \"\n            >\n              &\n            </ion-text>\n            <a\n              ion-text\n              color=\"primary\"\n              target=\"_blank\"\n              *ngIf=\"translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL')\"\n              [title]=\"'IDEA_AUTH.PRIVACY_POLICY_HINT' | translate\"\n              [href]=\"'IDEA_VARIABLES.PRIVACY_POLICY_URL' | translate\"\n            >\n              {{ 'IDEA_AUTH.PRIVACY_POLICY' | translate }}\n            </a>\n          </ion-col>\n        </ion-row>\n        <ion-button\n          expand=\"block\"\n          [disabled]=\"!agreementsCheck\"\n          [title]=\"'IDEA_AUTH.CREATE_AN_ACCOUNT_HINT' | translate\"\n          (click)=\"register()\"\n        >\n          {{ 'IDEA_AUTH.CREATE_AN_ACCOUNT' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.HAVEN_T_RECEIVED_CONFIRMATION_LINK_HINT' | translate\"\n          (click)=\"goToResendLink()\"\n        >\n          {{ 'IDEA_AUTH.HAVEN_T_RECEIVED_CONFIRMATION_LINK' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "mode", "name", "value"] }, { kind: "component", type: i1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonRow, selector: "ion-row" }, { kind: "component", type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { kind: "directive", type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEASignUpPage, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-sign-up', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.NEW_ACCOUNT' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.REGISTER_A_NEW_ACCOUNT_TO_THE_SYSTEM' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"> </ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.REGISTRATION_EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"register()\"\n          ></ion-input>\n        </ion-item>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"password\"\n            pattern=\".{8,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            [clearOnEdit]=\"false\"\n            [placeholder]=\"'IDEA_AUTH.PASSWORD' | translate\"\n            [title]=\"'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"password\"\n            (keyup.enter)=\"register()\"\n          ></ion-input>\n        </ion-item>\n        <ion-row\n          class=\"agreementsAcceptanceRow\"\n          *ngIf=\"translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL') || translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL')\"\n        >\n          <ion-col>\n            <ion-checkbox\n              size=\"small\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [(ngModel)]=\"agreementsCheck\"\n            ></ion-checkbox>\n            {{ 'IDEA_AUTH.AGREEMENTS_CHECK_REGISTRATION' | translate }}:\n            <a\n              ion-text\n              color=\"primary\"\n              target=\"_blank\"\n              *ngIf=\"translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\"\n              [title]=\"'IDEA_AUTH.TERMS_AND_CONDITIONS_HINT' | translate\"\n              [href]=\"'IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL' | translate\"\n            >\n              {{ 'IDEA_AUTH.TERMS_AND_CONDITIONS' | translate }}\n            </a>\n            <ion-text\n              *ngIf=\"\n              translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL') && translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\n              \"\n            >\n              &\n            </ion-text>\n            <a\n              ion-text\n              color=\"primary\"\n              target=\"_blank\"\n              *ngIf=\"translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL')\"\n              [title]=\"'IDEA_AUTH.PRIVACY_POLICY_HINT' | translate\"\n              [href]=\"'IDEA_VARIABLES.PRIVACY_POLICY_URL' | translate\"\n            >\n              {{ 'IDEA_AUTH.PRIVACY_POLICY' | translate }}\n            </a>\n          </ion-col>\n        </ion-row>\n        <ion-button\n          expand=\"block\"\n          [disabled]=\"!agreementsCheck\"\n          [title]=\"'IDEA_AUTH.CREATE_AN_ACCOUNT_HINT' | translate\"\n          (click)=\"register()\"\n        >\n          {{ 'IDEA_AUTH.CREATE_AN_ACCOUNT' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.HAVEN_T_RECEIVED_CONFIRMATION_LINK_HINT' | translate\"\n          (click)=\"goToResendLink()\"\n        >\n          {{ 'IDEA_AUTH.HAVEN_T_RECEIVED_CONFIRMATION_LINK' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.NavController }, { type: i2.IDEAMessageService }, { type: i2.IDEALoadingService }, { type: IDEAAuthService }, { type: i2.IDEATranslationsService }]; } });
+            args: [{ selector: 'idea-sign-up', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.NEW_ACCOUNT' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.REGISTER_A_NEW_ACCOUNT_TO_THE_SYSTEM' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.REGISTRATION_EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"register()\"\n          ></ion-input>\n        </ion-item>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"password\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            [pattern]=\"auth.getPasswordPolicyPatternForInput()\"\n            [clearOnEdit]=\"false\"\n            [placeholder]=\"'IDEA_AUTH.PASSWORD' | translate\"\n            [title]=\"'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"password\"\n            (keyup.enter)=\"register()\"\n          ></ion-input>\n          <ion-button slot=\"end\" fill=\"clear\" color=\"dark\" (click)=\"openPasswordPolicy($event)\">\n            <ion-icon icon=\"help-circle-outline\" slot=\"icon-only\"></ion-icon>\n          </ion-button>\n        </ion-item>\n        <ion-row\n          class=\"agreementsAcceptanceRow\"\n          *ngIf=\"translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL') || translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL')\"\n        >\n          <ion-col>\n            <ion-checkbox\n              size=\"small\"\n              [ngModelOptions]=\"{ standalone: true }\"\n              [(ngModel)]=\"agreementsCheck\"\n            ></ion-checkbox>\n            {{ 'IDEA_AUTH.AGREEMENTS_CHECK_REGISTRATION' | translate }}:\n            <a\n              ion-text\n              color=\"primary\"\n              target=\"_blank\"\n              *ngIf=\"translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\"\n              [title]=\"'IDEA_AUTH.TERMS_AND_CONDITIONS_HINT' | translate\"\n              [href]=\"'IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL' | translate\"\n            >\n              {{ 'IDEA_AUTH.TERMS_AND_CONDITIONS' | translate }}\n            </a>\n            <ion-text\n              *ngIf=\"\n              translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL') && translationExists('IDEA_VARIABLES.TERMS_AND_CONDITIONS_URL')\n              \"\n            >\n              &\n            </ion-text>\n            <a\n              ion-text\n              color=\"primary\"\n              target=\"_blank\"\n              *ngIf=\"translationExists('IDEA_VARIABLES.PRIVACY_POLICY_URL')\"\n              [title]=\"'IDEA_AUTH.PRIVACY_POLICY_HINT' | translate\"\n              [href]=\"'IDEA_VARIABLES.PRIVACY_POLICY_URL' | translate\"\n            >\n              {{ 'IDEA_AUTH.PRIVACY_POLICY' | translate }}\n            </a>\n          </ion-col>\n        </ion-row>\n        <ion-button\n          expand=\"block\"\n          [disabled]=\"!agreementsCheck\"\n          [title]=\"'IDEA_AUTH.CREATE_AN_ACCOUNT_HINT' | translate\"\n          (click)=\"register()\"\n        >\n          {{ 'IDEA_AUTH.CREATE_AN_ACCOUNT' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.HAVEN_T_RECEIVED_CONFIRMATION_LINK_HINT' | translate\"\n          (click)=\"goToResendLink()\"\n        >\n          {{ 'IDEA_AUTH.HAVEN_T_RECEIVED_CONFIRMATION_LINK' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NavController }, { type: i1.PopoverController }, { type: i2.IDEAMessageService }, { type: i2.IDEALoadingService }, { type: i2.IDEATranslationsService }, { type: IDEAAuthService }]; } });
 
 class IDEANewPasswordPage {
-    constructor(navCtrl, message, loading, auth, t) {
+    constructor(navCtrl, popoverCtrl, message, loading, t, auth) {
         this.navCtrl = navCtrl;
+        this.popoverCtrl = popoverCtrl;
         this.message = message;
         this.loading = loading;
-        this.auth = auth;
         this.t = t;
+        this.auth = auth;
+        this.passwordPolicy = environment.idea.auth.passwordPolicy;
     }
     ngOnInit() {
         if (!this.auth.challengeUsername)
@@ -609,29 +720,44 @@ class IDEANewPasswordPage {
         return __awaiter(this, void 0, void 0, function* () {
             try {
                 this.errorMsg = null;
+                const errors = this.auth.validatePasswordAgainstPolicy(this.newPassword);
+                if (errors.length)
+                    this.errorMsg = [
+                        this.t._('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW'),
+                        ...errors.map(x => this.t._('IDEA_AUTH.PASSWORD_REQUIREMENTS.'.concat(x), { n: this.passwordPolicy.minLength }))
+                    ].join(' ');
+                if (this.errorMsg)
+                    return this.message.error('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW');
                 yield this.loading.show();
                 yield this.auth.confirmNewPassword(this.newPassword);
                 window.location.assign('');
             }
             catch (error) {
-                this.errorMsg = this.t._('IDEA_AUTH.PASSWORD_POLICY_VIOLATION', { n: 8 });
-                this.message.error(this.errorMsg, true);
+                this.errorMsg = error.message;
+                this.message.error('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW');
             }
             finally {
                 this.loading.hide();
             }
         });
     }
+    openPasswordPolicy(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const cssClass = 'passwordPolicyPopover';
+            const popover = yield this.popoverCtrl.create({ component: IDEAPasswordPolicyComponent, event, cssClass });
+            yield popover.present();
+        });
+    }
     goToAuth() {
         this.navCtrl.navigateBack(['auth']);
     }
 }
-IDEANewPasswordPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEANewPasswordPage, deps: [{ token: i1.NavController }, { token: i2.IDEAMessageService }, { token: i2.IDEALoadingService }, { token: IDEAAuthService }, { token: i2.IDEATranslationsService }], target: i0.ɵɵFactoryTarget.Component });
-IDEANewPasswordPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEANewPasswordPage, selector: "idea-new-password", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.YOU_NEED_TO_CHOOSE_A_NEW_PASSWORD' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"password\"\n            pattern=\".{8,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"new-password\"\n            [clearOnEdit]=\"false\"\n            [placeholder]=\"'IDEA_AUTH.PASSWORD' | translate\"\n            [title]=\"'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"newPassword\"\n            (keyup.enter)=\"confirmNewPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.CONFIRM_NEW_PASSWORD_HINT' | translate\"\n          (click)=\"confirmNewPassword()\"\n        >\n          {{ 'IDEA_AUTH.CONFIRM_NEW_PASSWORD' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
+IDEANewPasswordPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEANewPasswordPage, deps: [{ token: i1.NavController }, { token: i1.PopoverController }, { token: i2.IDEAMessageService }, { token: i2.IDEALoadingService }, { token: i2.IDEATranslationsService }, { token: IDEAAuthService }], target: i0.ɵɵFactoryTarget.Component });
+IDEANewPasswordPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEANewPasswordPage, selector: "idea-new-password", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.YOU_NEED_TO_CHOOSE_A_NEW_PASSWORD' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"password\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"new-password\"\n            [pattern]=\"auth.getPasswordPolicyPatternForInput()\"\n            [clearOnEdit]=\"false\"\n            [placeholder]=\"'IDEA_AUTH.PASSWORD' | translate\"\n            [title]=\"'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"newPassword\"\n            (keyup.enter)=\"confirmNewPassword()\"\n          ></ion-input>\n          <ion-button slot=\"end\" fill=\"clear\" color=\"dark\" (click)=\"openPasswordPolicy($event)\">\n            <ion-icon icon=\"help-circle-outline\" slot=\"icon-only\"></ion-icon>\n          </ion-button>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.CONFIRM_NEW_PASSWORD_HINT' | translate\"\n          (click)=\"confirmNewPassword()\"\n        >\n          {{ 'IDEA_AUTH.CONFIRM_NEW_PASSWORD' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEANewPasswordPage, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-new-password', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.YOU_NEED_TO_CHOOSE_A_NEW_PASSWORD' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"password\"\n            pattern=\".{8,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"new-password\"\n            [clearOnEdit]=\"false\"\n            [placeholder]=\"'IDEA_AUTH.PASSWORD' | translate\"\n            [title]=\"'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"newPassword\"\n            (keyup.enter)=\"confirmNewPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.CONFIRM_NEW_PASSWORD_HINT' | translate\"\n          (click)=\"confirmNewPassword()\"\n        >\n          {{ 'IDEA_AUTH.CONFIRM_NEW_PASSWORD' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.NavController }, { type: i2.IDEAMessageService }, { type: i2.IDEALoadingService }, { type: IDEAAuthService }, { type: i2.IDEATranslationsService }]; } });
+            args: [{ selector: 'idea-new-password', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.YOU_NEED_TO_CHOOSE_A_NEW_PASSWORD' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"password\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"new-password\"\n            [pattern]=\"auth.getPasswordPolicyPatternForInput()\"\n            [clearOnEdit]=\"false\"\n            [placeholder]=\"'IDEA_AUTH.PASSWORD' | translate\"\n            [title]=\"'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"newPassword\"\n            (keyup.enter)=\"confirmNewPassword()\"\n          ></ion-input>\n          <ion-button slot=\"end\" fill=\"clear\" color=\"dark\" (click)=\"openPasswordPolicy($event)\">\n            <ion-icon icon=\"help-circle-outline\" slot=\"icon-only\"></ion-icon>\n          </ion-button>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.CONFIRM_NEW_PASSWORD_HINT' | translate\"\n          (click)=\"confirmNewPassword()\"\n        >\n          {{ 'IDEA_AUTH.CONFIRM_NEW_PASSWORD' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NavController }, { type: i1.PopoverController }, { type: i2.IDEAMessageService }, { type: i2.IDEALoadingService }, { type: i2.IDEATranslationsService }, { type: IDEAAuthService }]; } });
 
 class IDEAResendLinkPage {
     constructor(navCtrl, message, loading, auth, t) {
@@ -669,10 +795,10 @@ class IDEAResendLinkPage {
     }
 }
 IDEAResendLinkPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAResendLinkPage, deps: [{ token: i1.NavController }, { token: i2.IDEAMessageService }, { token: i2.IDEALoadingService }, { token: IDEAAuthService }, { token: i2.IDEATranslationsService }], target: i0.ɵɵFactoryTarget.Component });
-IDEAResendLinkPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEAResendLinkPage, selector: "idea-resend-link", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.CONFIRM_ACCOUNT' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.RESEND_CONFIRMATION_LINK_HINT' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"> </ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"email\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"resendConfirmationLink()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.RESEND_LINK_HINT' | translate\"\n          (click)=\"resendConfirmationLink()\"\n        >\n          {{ 'IDEA_AUTH.RESEND_LINK' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
+IDEAResendLinkPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEAResendLinkPage, selector: "idea-resend-link", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.CONFIRM_ACCOUNT' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.RESEND_CONFIRMATION_LINK_HINT' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"email\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"resendConfirmationLink()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.RESEND_LINK_HINT' | translate\"\n          (click)=\"resendConfirmationLink()\"\n        >\n          {{ 'IDEA_AUTH.RESEND_LINK' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAResendLinkPage, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-resend-link', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.CONFIRM_ACCOUNT' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.RESEND_CONFIRMATION_LINK_HINT' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"> </ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"email\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"resendConfirmationLink()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.RESEND_LINK_HINT' | translate\"\n          (click)=\"resendConfirmationLink()\"\n        >\n          {{ 'IDEA_AUTH.RESEND_LINK' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"] }]
+            args: [{ selector: 'idea-resend-link', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.CONFIRM_ACCOUNT' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.RESEND_CONFIRMATION_LINK_HINT' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"email\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"resendConfirmationLink()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.RESEND_LINK_HINT' | translate\"\n          (click)=\"resendConfirmationLink()\"\n        >\n          {{ 'IDEA_AUTH.RESEND_LINK' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.NavController }, { type: i2.IDEAMessageService }, { type: i2.IDEALoadingService }, { type: IDEAAuthService }, { type: i2.IDEATranslationsService }]; } });
 
 class IDEAForgotPasswordPage {
@@ -707,20 +833,22 @@ class IDEAForgotPasswordPage {
     }
 }
 IDEAForgotPasswordPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAForgotPasswordPage, deps: [{ token: i1.NavController }, { token: i2.IDEAMessageService }, { token: i2.IDEALoadingService }, { token: IDEAAuthService }], target: i0.ɵɵFactoryTarget.Component });
-IDEAForgotPasswordPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEAForgotPasswordPage, selector: "idea-forgot-password", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.PASSWORD_RESET' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.PASSWORD_RESET_HINT' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"> </ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"email\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"forgotPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button expand=\"block\" [title]=\"'IDEA_AUTH.RESET_MY_PASSWORD_HINT' | translate\" (click)=\"forgotPassword()\">\n          {{ 'IDEA_AUTH.RESET_MY_PASSWORD' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.ALREADY_HAVE_A_RESET_CODE_HINT' | translate\"\n          (click)=\"goToConfirmPassword()\"\n        >\n          {{ 'IDEA_AUTH.ALREADY_HAVE_A_RESET_CODE' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
+IDEAForgotPasswordPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEAForgotPasswordPage, selector: "idea-forgot-password", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.PASSWORD_RESET' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.PASSWORD_RESET_HINT' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"email\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"forgotPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button expand=\"block\" [title]=\"'IDEA_AUTH.RESET_MY_PASSWORD_HINT' | translate\" (click)=\"forgotPassword()\">\n          {{ 'IDEA_AUTH.RESET_MY_PASSWORD' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.ALREADY_HAVE_A_RESET_CODE_HINT' | translate\"\n          (click)=\"goToConfirmPassword()\"\n        >\n          {{ 'IDEA_AUTH.ALREADY_HAVE_A_RESET_CODE' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"], dependencies: [{ kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAForgotPasswordPage, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-forgot-password', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.PASSWORD_RESET' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.PASSWORD_RESET_HINT' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"> </ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"email\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"forgotPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button expand=\"block\" [title]=\"'IDEA_AUTH.RESET_MY_PASSWORD_HINT' | translate\" (click)=\"forgotPassword()\">\n          {{ 'IDEA_AUTH.RESET_MY_PASSWORD' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.ALREADY_HAVE_A_RESET_CODE_HINT' | translate\"\n          (click)=\"goToConfirmPassword()\"\n        >\n          {{ 'IDEA_AUTH.ALREADY_HAVE_A_RESET_CODE' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"] }]
+            args: [{ selector: 'idea-forgot-password', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.PASSWORD_RESET' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.PASSWORD_RESET_HINT' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"email\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"forgotPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button expand=\"block\" [title]=\"'IDEA_AUTH.RESET_MY_PASSWORD_HINT' | translate\" (click)=\"forgotPassword()\">\n          {{ 'IDEA_AUTH.RESET_MY_PASSWORD' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.ALREADY_HAVE_A_RESET_CODE_HINT' | translate\"\n          (click)=\"goToConfirmPassword()\"\n        >\n          {{ 'IDEA_AUTH.ALREADY_HAVE_A_RESET_CODE' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.NavController }, { type: i2.IDEAMessageService }, { type: i2.IDEALoadingService }, { type: IDEAAuthService }]; } });
 
 class IDEAConfirmPasswordPage {
-    constructor(navCtrl, route, message, loading, auth, t) {
+    constructor(navCtrl, route, popoverCtrl, message, loading, t, auth) {
         this.navCtrl = navCtrl;
         this.route = route;
+        this.popoverCtrl = popoverCtrl;
         this.message = message;
         this.loading = loading;
-        this.auth = auth;
         this.t = t;
+        this.auth = auth;
+        this.passwordPolicy = environment.idea.auth.passwordPolicy;
     }
     ngOnInit() {
         var _a;
@@ -733,20 +861,35 @@ class IDEAConfirmPasswordPage {
         return __awaiter(this, void 0, void 0, function* () {
             try {
                 this.errorMsg = null;
+                const errors = this.auth.validatePasswordAgainstPolicy(this.newPassword);
+                if (errors.length)
+                    this.errorMsg = [
+                        this.t._('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW'),
+                        ...errors.map(x => this.t._('IDEA_AUTH.PASSWORD_REQUIREMENTS.'.concat(x), { n: this.passwordPolicy.minLength }))
+                    ].join(' ');
+                if (this.errorMsg)
+                    return this.message.error('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW');
                 yield this.loading.show();
                 yield this.auth.confirmPassword(this.email, this.code, this.newPassword);
                 this.message.success('IDEA_AUTH.PASSWORD_CHANGED');
                 this.goToAuth();
             }
             catch (error) {
-                this.errorMsg = this.t._('IDEA_AUTH.CONFIRM_PASSWORD_ERROR', { n: 8 });
-                this.message.error(this.errorMsg, true);
+                this.errorMsg = error.message;
+                this.message.error('IDEA_AUTH.PASSWORD_REQUIREMENTS_FOLLOW');
             }
             finally {
                 this.loading.hide();
             }
         });
     }
+    openPasswordPolicy(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const cssClass = 'passwordPolicyPopover';
+            const popover = yield this.popoverCtrl.create({ component: IDEAPasswordPolicyComponent, event, cssClass });
+            yield popover.present();
+        });
+    }
     goToForgotPassword() {
         this.navCtrl.navigateBack(['auth/forgot-password']);
     }
@@ -754,12 +897,12 @@ class IDEAConfirmPasswordPage {
         this.navCtrl.navigateBack(['auth']);
     }
 }
-IDEAConfirmPasswordPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAConfirmPasswordPage, deps: [{ token: i1.NavController }, { token: i2$1.ActivatedRoute }, { token: i2.IDEAMessageService }, { token: i2.IDEALoadingService }, { token: IDEAAuthService }, { token: i2.IDEATranslationsService }], target: i0.ɵɵFactoryTarget.Component });
-IDEAConfirmPasswordPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEAConfirmPasswordPage, selector: "idea-confirm-password", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.CHANGE_THE_PASSWORD' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.CHANGE_THE_PASSWORD_HINT' | translate: { n: 8 } }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"> </ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"email\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"confirmPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"disc\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"text\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            [placeholder]=\"'IDEA_AUTH.RESET_CODE' | translate\"\n            [title]=\"'IDEA_AUTH.RESET_CODE_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"code\"\n            (keyup.enter)=\"confirmPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"password\"\n            pattern=\".{8,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"new-password\"\n            [clearOnEdit]=\"false\"\n            [placeholder]=\"'IDEA_AUTH.NEW_PASSWORD' | translate\"\n            [title]=\"'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"newPassword\"\n            (keyup.enter)=\"confirmPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.CHANGE_MY_PASSWORD_HINT' | translate\"\n          (click)=\"confirmPassword()\"\n        >\n          {{ 'IDEA_AUTH.CHANGE_MY_PASSWORD' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.HAVEN_T_RECEIVED_A_RESET_CODE_HINT' | translate\"\n          (click)=\"goToForgotPassword()\"\n        >\n          {{ 'IDEA_AUTH.HAVEN_T_RECEIVED_A_RESET_CODE' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
+IDEAConfirmPasswordPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAConfirmPasswordPage, deps: [{ token: i1.NavController }, { token: i2$1.ActivatedRoute }, { token: i1.PopoverController }, { token: i2.IDEAMessageService }, { token: i2.IDEALoadingService }, { token: i2.IDEATranslationsService }, { token: IDEAAuthService }], target: i0.ɵɵFactoryTarget.Component });
+IDEAConfirmPasswordPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEAConfirmPasswordPage, selector: "idea-confirm-password", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.CHANGE_THE_PASSWORD' | translate }}</ion-card-title>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"email\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"confirmPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"disc\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"text\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            [placeholder]=\"'IDEA_AUTH.RESET_CODE' | translate\"\n            [title]=\"'IDEA_AUTH.RESET_CODE_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"code\"\n            (keyup.enter)=\"confirmPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"password\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"new-password\"\n            [pattern]=\"auth.getPasswordPolicyPatternForInput()\"\n            [clearOnEdit]=\"false\"\n            [placeholder]=\"'IDEA_AUTH.NEW_PASSWORD' | translate\"\n            [title]=\"'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"newPassword\"\n            (keyup.enter)=\"confirmPassword()\"\n          ></ion-input>\n          <ion-button slot=\"end\" fill=\"clear\" color=\"dark\" (click)=\"openPasswordPolicy($event)\">\n            <ion-icon icon=\"help-circle-outline\" slot=\"icon-only\"></ion-icon>\n          </ion-button>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.CHANGE_MY_PASSWORD_HINT' | translate\"\n          (click)=\"confirmPassword()\"\n        >\n          {{ 'IDEA_AUTH.CHANGE_MY_PASSWORD' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.HAVEN_T_RECEIVED_A_RESET_CODE_HINT' | translate\"\n          (click)=\"goToForgotPassword()\"\n        >\n          {{ 'IDEA_AUTH.HAVEN_T_RECEIVED_A_RESET_CODE' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAConfirmPasswordPage, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-confirm-password', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.CHANGE_THE_PASSWORD' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.CHANGE_THE_PASSWORD_HINT' | translate: { n: 8 } }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"> </ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"email\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"confirmPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"disc\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"text\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            [placeholder]=\"'IDEA_AUTH.RESET_CODE' | translate\"\n            [title]=\"'IDEA_AUTH.RESET_CODE_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"code\"\n            (keyup.enter)=\"confirmPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"password\"\n            pattern=\".{8,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"new-password\"\n            [clearOnEdit]=\"false\"\n            [placeholder]=\"'IDEA_AUTH.NEW_PASSWORD' | translate\"\n            [title]=\"'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"newPassword\"\n            (keyup.enter)=\"confirmPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.CHANGE_MY_PASSWORD_HINT' | translate\"\n          (click)=\"confirmPassword()\"\n        >\n          {{ 'IDEA_AUTH.CHANGE_MY_PASSWORD' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.HAVEN_T_RECEIVED_A_RESET_CODE_HINT' | translate\"\n          (click)=\"goToForgotPassword()\"\n        >\n          {{ 'IDEA_AUTH.HAVEN_T_RECEIVED_A_RESET_CODE' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.NavController }, { type: i2$1.ActivatedRoute }, { type: i2.IDEAMessageService }, { type: i2.IDEALoadingService }, { type: IDEAAuthService }, { type: i2.IDEATranslationsService }]; } });
+            args: [{ selector: 'idea-confirm-password', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.CHANGE_THE_PASSWORD' | translate }}</ion-card-title>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b> {{ 'IDEA_AUTH.ERROR' | translate }}. </b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"person-circle\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"email\"\n            inputmode=\"email\"\n            pattern=\"[A-Za-z0-9._%+-]{2,}@[a-zA-Z-_.]{2,}[.]{1}[a-zA-Z]{2,}\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"email\"\n            [placeholder]=\"'IDEA_AUTH.EMAIL' | translate\"\n            [title]=\"'IDEA_AUTH.EMAIL_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"email\"\n            (keyup.enter)=\"confirmPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"disc\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"text\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"off\"\n            [placeholder]=\"'IDEA_AUTH.RESET_CODE' | translate\"\n            [title]=\"'IDEA_AUTH.RESET_CODE_HINT' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"code\"\n            (keyup.enter)=\"confirmPassword()\"\n          ></ion-input>\n        </ion-item>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            type=\"password\"\n            spellcheck=\"false\"\n            autocorrect=\"off\"\n            autocapitalize=\"off\"\n            autocomplete=\"new-password\"\n            [pattern]=\"auth.getPasswordPolicyPatternForInput()\"\n            [clearOnEdit]=\"false\"\n            [placeholder]=\"'IDEA_AUTH.NEW_PASSWORD' | translate\"\n            [title]=\"'IDEA_AUTH.CHOOSE_A_PASSWORD' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"newPassword\"\n            (keyup.enter)=\"confirmPassword()\"\n          ></ion-input>\n          <ion-button slot=\"end\" fill=\"clear\" color=\"dark\" (click)=\"openPasswordPolicy($event)\">\n            <ion-icon icon=\"help-circle-outline\" slot=\"icon-only\"></ion-icon>\n          </ion-button>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.CHANGE_MY_PASSWORD_HINT' | translate\"\n          (click)=\"confirmPassword()\"\n        >\n          {{ 'IDEA_AUTH.CHANGE_MY_PASSWORD' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.HAVEN_T_RECEIVED_A_RESET_CODE_HINT' | translate\"\n          (click)=\"goToForgotPassword()\"\n        >\n          {{ 'IDEA_AUTH.HAVEN_T_RECEIVED_A_RESET_CODE' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NavController }, { type: i2$1.ActivatedRoute }, { type: i1.PopoverController }, { type: i2.IDEAMessageService }, { type: i2.IDEALoadingService }, { type: i2.IDEATranslationsService }, { type: IDEAAuthService }]; } });
 
 class IDEAMFAChallengePage {
     constructor(navCtrl, message, loading, auth, t) {
@@ -795,10 +938,10 @@ class IDEAMFAChallengePage {
     }
 }
 IDEAMFAChallengePage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAMFAChallengePage, deps: [{ token: i1.NavController }, { token: i2.IDEAMessageService }, { token: i2.IDEALoadingService }, { token: IDEAAuthService }, { token: i2.IDEATranslationsService }], target: i0.ɵɵFactoryTarget.Component });
-IDEAMFAChallengePage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEAMFAChallengePage, selector: "idea-mfa-challenge", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.ENTER_OTP_CODE' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.ENTER_OTP_CODE_I' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b>{{ 'IDEA_AUTH.ERROR' | translate }}.</b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            inputmode=\"numeric\"\n            [placeholder]=\"'IDEA_AUTH.OTP_CODE' | translate\"\n            [title]=\"'IDEA_AUTH.ENTER_OTP_CODE' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"otpCode\"\n            (keyup.enter)=\"completeMFAChallenge()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.CONFIRM_OTP_CODE_HINT' | translate\"\n          (click)=\"completeMFAChallenge()\"\n        >\n          {{ 'IDEA_AUTH.CONFIRM_OTP_CODE' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
+IDEAMFAChallengePage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEAMFAChallengePage, selector: "idea-mfa-challenge", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.ENTER_OTP_CODE' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.ENTER_OTP_CODE_I' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b>{{ 'IDEA_AUTH.ERROR' | translate }}.</b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            inputmode=\"numeric\"\n            [placeholder]=\"'IDEA_AUTH.OTP_CODE' | translate\"\n            [title]=\"'IDEA_AUTH.ENTER_OTP_CODE' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"otpCode\"\n            (keyup.enter)=\"completeMFAChallenge()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.CONFIRM_OTP_CODE_HINT' | translate\"\n          (click)=\"completeMFAChallenge()\"\n        >\n          {{ 'IDEA_AUTH.CONFIRM_OTP_CODE' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEAMFAChallengePage, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-mfa-challenge', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.ENTER_OTP_CODE' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.ENTER_OTP_CODE_I' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b>{{ 'IDEA_AUTH.ERROR' | translate }}.</b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            inputmode=\"numeric\"\n            [placeholder]=\"'IDEA_AUTH.OTP_CODE' | translate\"\n            [title]=\"'IDEA_AUTH.ENTER_OTP_CODE' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"otpCode\"\n            (keyup.enter)=\"completeMFAChallenge()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.CONFIRM_OTP_CODE_HINT' | translate\"\n          (click)=\"completeMFAChallenge()\"\n        >\n          {{ 'IDEA_AUTH.CONFIRM_OTP_CODE' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"] }]
+            args: [{ selector: 'idea-mfa-challenge', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.ENTER_OTP_CODE' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.ENTER_OTP_CODE_I' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <p class=\"errorBox\" *ngIf=\"errorMsg\">\n          <b>{{ 'IDEA_AUTH.ERROR' | translate }}.</b>\n          {{ errorMsg }}\n        </p>\n        <ion-item>\n          <ion-label position=\"inline\">\n            <ion-icon name=\"key\" color=\"primary\"></ion-icon>\n          </ion-label>\n          <ion-input\n            inputmode=\"numeric\"\n            [placeholder]=\"'IDEA_AUTH.OTP_CODE' | translate\"\n            [title]=\"'IDEA_AUTH.ENTER_OTP_CODE' | translate\"\n            [ngModelOptions]=\"{ standalone: true }\"\n            [(ngModel)]=\"otpCode\"\n            (keyup.enter)=\"completeMFAChallenge()\"\n          ></ion-input>\n        </ion-item>\n        <ion-button\n          expand=\"block\"\n          [title]=\"'IDEA_AUTH.CONFIRM_OTP_CODE_HINT' | translate\"\n          (click)=\"completeMFAChallenge()\"\n        >\n          {{ 'IDEA_AUTH.CONFIRM_OTP_CODE' | translate }}\n        </ion-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.NavController }, { type: i2.IDEAMessageService }, { type: i2.IDEALoadingService }, { type: IDEAAuthService }, { type: i2.IDEATranslationsService }]; } });
 
 class IDEASetupMFAModalComponent {
@@ -926,10 +1069,10 @@ class IDEASetupMFAPage {
     }
 }
 IDEASetupMFAPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEASetupMFAPage, deps: [{ token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component });
-IDEASetupMFAPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEASetupMFAPage, selector: "idea-mfa-setup", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.SETUP_MFA' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.MFA_IS_MANDATORY' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <idea-setup-mfa-button (change)=\"reloadApp()\"></idea-setup-mfa-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IDEASetupMFAButtonComponent, selector: "idea-setup-mfa-button", inputs: ["color", "fill"], outputs: ["change"] }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
+IDEASetupMFAPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: IDEASetupMFAPage, selector: "idea-mfa-setup", ngImport: i0, template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.SETUP_MFA' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.MFA_IS_MANDATORY' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <idea-setup-mfa-button (change)=\"reloadApp()\"></idea-setup-mfa-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"], dependencies: [{ kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: i1.IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: i1.IonCardSubtitle, selector: "ion-card-subtitle", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: IDEASetupMFAButtonComponent, selector: "idea-setup-mfa-button", inputs: ["color", "fill"], outputs: ["change"] }, { kind: "pipe", type: i2.IDEATranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: IDEASetupMFAPage, decorators: [{
             type: Component,
-            args: [{ selector: 'idea-mfa-setup', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.SETUP_MFA' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.MFA_IS_MANDATORY' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <idea-setup-mfa-button (change)=\"reloadApp()\"></idea-setup-mfa-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button{margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}\n"] }]
+            args: [{ selector: 'idea-mfa-setup', template: "<ion-content>\n  <form class=\"flexBox\">\n    <ion-card class=\"authCard\">\n      <ion-card-header>\n        <ion-card-title color=\"primary\">{{ 'IDEA_AUTH.SETUP_MFA' | translate }}</ion-card-title>\n        <ion-card-subtitle>{{ 'IDEA_AUTH.MFA_IS_MANDATORY' | translate }}</ion-card-subtitle>\n      </ion-card-header>\n      <ion-card-content>\n        <idea-setup-mfa-button (change)=\"reloadApp()\"></idea-setup-mfa-button>\n        <ion-button\n          fill=\"clear\"\n          expand=\"block\"\n          class=\"smallCaseButton\"\n          [title]=\"'IDEA_AUTH.BACK_TO_SIGN_IN_HINT' | translate\"\n          (click)=\"goToAuth()\"\n        >\n          {{ 'IDEA_AUTH.BACK_TO_SIGN_IN' | translate }}\n        </ion-button>\n      </ion-card-content>\n    </ion-card>\n  </form>\n</ion-content>\n", styles: [".flexBox{background:var(--idea-auth-background-color, var(--ion-color-white-shade))}.authCard{min-width:400px;max-width:550px;margin:0 10px;padding:20px;background-color:var(--idea-auth-card-background-color, var(--ion-color-white));border:1px solid var(--idea-auth-card-border-color, var(--ion-color-light));border-radius:10px;box-shadow:none;text-align:center}.authCard ion-img{width:150px;display:block;margin:0 auto}.authCard ion-card-title{font-family:auth-title;font-size:3em}.authCard ion-card-subtitle{font-family:auth-title;font-size:1.2em}.authCard ion-card-content{padding-top:16px}.authCard ion-card-content .errorBox{padding-left:10px;margin-bottom:20px;text-align:left;border-left:2px solid var(--ion-color-danger)}.authCard ion-card-content ion-item{--ion-item-background: var(--idea-auth-card-background-color, var(--ion-color-white));--border-color: var(--idea-auth-card-border-color, var(--ion-color-light))}.authCard ion-card-content ion-label[position=inline] ion-icon{padding-top:4px;padding-right:5px;font-size:1.3em}.authCard ion-card-content .agreementsAcceptanceRow{margin-top:15px;font-size:.9em}.authCard ion-card-content .agreementsAcceptanceRow ion-checkbox{vertical-align:bottom;margin-right:3px}.authCard ion-card-content ion-button:not([slot=end]){margin-top:15px}.authCard ion-card-content .smallCaseButton{text-transform:none;letter-spacing:normal;font-size:1em}@media only screen and (max-width: 500px){.authCard{background-color:transparent;border:none}}.ideaLogo{width:65px;margin:40px auto 0;cursor:pointer}.passwordPolicyPopover{--width: 350px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.NavController }]; } });
 
 class IDEASetupMFAModule {
@@ -956,7 +1099,8 @@ IDEAAuthModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         IDEAForgotPasswordPage,
         IDEAConfirmPasswordPage,
         IDEAMFAChallengePage,
-        IDEASetupMFAPage], imports: [CommonModule,
+        IDEASetupMFAPage,
+        IDEAPasswordPolicyComponent], imports: [CommonModule,
         FormsModule,
         IonicModule,
         IDEATranslationsModule, i2$1.RouterModule, IDEASetupMFAModule] });
@@ -1005,7 +1149,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                         IDEAForgotPasswordPage,
                         IDEAConfirmPasswordPage,
                         IDEAMFAChallengePage,
-                        IDEASetupMFAPage
+                        IDEASetupMFAPage,
+                        IDEAPasswordPolicyComponent
                     ]
                 }]
         }] });
@@ -1016,4 +1161,3 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
 
 export { IDEAAuthModule, IDEAAuthService, IDEASetupMFAButtonComponent, IDEASetupMFAModalComponent, IDEASetupMFAModule, LoginOutcomeActions };
 //# sourceMappingURL=idea-ionic-auth.mjs.map
-//# sourceMappingURL=idea-ionic-auth.mjs.map