@reusa/ngx-reusa-app-lib 0.0.1298 → 0.0.1300

package/fesm2022/reusa-ngx-reusa-app-lib.mjs

@@ -11316,7 +11316,6 @@ class AddressValidationService extends BaseService {
             returnComponent.showInlineError = false;
             //calling address-validation-service with the request
             const res = await firstValueFrom(this.validateAddressRequest(req));
-            console.log("form value", formData.value);
             returnComponent.addressValidationResponse = res;
             returnComponent.addressValidationRequest = req;
             return await this.processValidationResult(res, req, v, currentAddress, formData.value, returnComponent);
@@ -31092,7 +31091,7 @@ function AddressComponent_app_address_suggestion_59_Template(rf, ctx) { if (rf &
     i0.ɵɵelement(0, "app-address-suggestion", 23, 24);
 } if (rf & 2) {
     const ctx_r5 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("form", ctx_r5.addressForm);
+    i0.ɵɵproperty("form", ctx_r5.addressForm)("formName", ctx_r5.inputId)("diffMailAddressFlag", ctx_r5.diffMailAddress)("formblur", ctx_r5.formBlur);
 } }
 const _c3$f = () => ({ required: "required", invalidLength: "Zip code should be of 5 or 9 digits.", invalidNumber: "Zip code should only have numbers.", invalidZipCode: "please enter a valid zip code" });
 class AddressComponent {
@@ -31116,6 +31115,7 @@ class AddressComponent {
         this.blurFromField = false;
         this.usZipcodeValidations = [Validators.required, AppValidators$1.isValidZipCode];
         this.canadaZipcodeValidations = [Validators.required, AppValidators$1.isValidCanadianZipCode];
+        this.addressFieldFocusStatus = {};
         this.onTouched = () => { };
         this.onChangeSubs = [];
         this.forState = util.getState();
@@ -31194,12 +31194,34 @@ class AddressComponent {
             }
         });
         this.country.setValue({ value: "US", text: "United States" });
+        this.formBlur = this.checkFormBlurr();
+    }
+    setFieldBlur(field) {
+        this.addressFieldFocusStatus[field] = false;
+    }
+    setFieldFocus(field) {
+        this.addressFieldFocusStatus[field] = true;
     }
     getAddressSuggestion() {
         this.blurFromField = this.addressForm.dirty && this.addressForm.valid;
-        if (this.blurFromField && this.addressSuggestion && this.enableAddressValidation) {
-            this.addressSuggestion.getValidateAddress(false);
+        setTimeout(() => {
+            if (this.blurFromField && this.addressSuggestion && this.enableAddressValidation && this.checkFormBlurr()) {
+                this.addressSuggestion.getValidateAddress(false);
+                this.addressForm.markAsPristine();
+            }
+        }, 10);
+    }
+    checkFormBlurr() {
+        let fieldBlur = true;
+        for (const key in this.addressFieldFocusStatus) {
+            if (this.addressFieldFocusStatus[key]) {
+                fieldBlur = false;
+            }
         }
+        return fieldBlur;
+    }
+    validAddress(address) {
+        this.lastValidAddress = address;
     }
     setRequiredValidation() {
         this.country.valueChanges.subscribe(c => {
@@ -31280,6 +31302,7 @@ class AddressComponent {
                     this.county.patchValue(this.addressData.county);
                 }
                 this.state.updateValueAndValidity();
+                this.getAddressSuggestion();
             }, err => {
                 this.logger.debug(err);
             });
@@ -31461,7 +31484,7 @@ class AddressComponent {
                     multi: true,
                     useExisting: AddressComponent
                 }
-            ])], decls: 60, vars: 79, consts: [[2, "margin-bottom", "0px", "margin-left", "0px", 3, "formGroup"], ["addressFormDirective", "ngForm"], [1, "p-formgrid", 3, "id"], [3, "ngClass"], [1, "field"], [3, "for"], ["optionLabel", "text", "appendTo", "body", 3, "options", "formControl", "autoDisplayFirst", "inputId"], [3, "field", "form", "errDef"], ["type", "input", "pInputText", "", "minlength", "5", "maxlength", "9", "appStripInvisibleChars", "", 3, "id", "formControl", "blur"], [2, "padding-right", "0px", 3, "ngClass"], [1, "field", "p-fluid"], ["type", "input", "pInputText", "", "maxlength", "40", "appStripInvisibleChars", "", 3, "id", "formControl", "blur"], ["type", "input", "pInputText", "", "placeholder", "Optional", "maxlength", "40", "appStripInvisibleChars", "", 3, "id", "formControl", "blur"], [2, "padding-bottom", "0px", 3, "ngClass"], [1, "field", 2, "margin-bottom", "0px"], ["type", "input", "pInputText", "", "maxlength", "30", "appStripInvisibleChars", "", 3, "id", "formControl", "blur"], ["size", "12", "style", "padding-bottom: 0px;", 3, "ngClass", 4, "ngIf"], [2, "padding-top", "4px"], ["style", "padding-top: 0px;", 3, "ngClass", 4, "ngIf"], [3, "form", 4, "ngIf"], ["size", "12", 2, "padding-bottom", "0px", 3, "ngClass"], [2, "padding-top", "0px", 3, "ngClass"], ["unselectable", "true", "optionLabel", "text", "optionValue", "value", "appendTo", "body", 3, "inputId", "options", "formControl"], [3, "form"], ["addressSuggestion", ""]], template: function AddressComponent_Template(rf, ctx) { if (rf & 1) {
+            ])], decls: 60, vars: 79, consts: [[2, "margin-bottom", "0px", "margin-left", "0px", 3, "formGroup"], ["addressFormDirective", "ngForm"], [1, "p-formgrid", 3, "id"], [3, "ngClass"], [1, "field"], [3, "for"], ["optionLabel", "text", "appendTo", "body", 3, "options", "formControl", "autoDisplayFirst", "inputId"], [3, "field", "form", "errDef"], ["type", "input", "pInputText", "", "minlength", "5", "maxlength", "9", "appStripInvisibleChars", "", 3, "id", "formControl", "blur", "focus"], [2, "padding-right", "0px", 3, "ngClass"], [1, "field", "p-fluid"], ["type", "input", "pInputText", "", "maxlength", "40", "appStripInvisibleChars", "", 3, "id", "formControl", "blur", "focus"], ["type", "input", "pInputText", "", "placeholder", "Optional", "maxlength", "40", "appStripInvisibleChars", "", 3, "id", "formControl", "blur", "focus"], [2, "padding-bottom", "0px", 3, "ngClass"], [1, "field", 2, "margin-bottom", "0px"], ["type", "input", "pInputText", "", "maxlength", "30", "appStripInvisibleChars", "", 3, "id", "formControl", "blur", "focus"], ["size", "12", "style", "padding-bottom: 0px;", 3, "ngClass", 4, "ngIf"], [2, "padding-top", "4px"], ["style", "padding-top: 0px;", 3, "ngClass", 4, "ngIf"], [3, "form", "formName", "diffMailAddressFlag", "formblur", 4, "ngIf"], ["size", "12", 2, "padding-bottom", "0px", 3, "ngClass"], [2, "padding-top", "0px", 3, "ngClass"], ["unselectable", "true", "optionLabel", "text", "optionValue", "value", "appendTo", "body", 3, "inputId", "options", "formControl"], [3, "form", "formName", "diffMailAddressFlag", "formblur"], ["addressSuggestion", ""]], template: function AddressComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "form", 0, 1)(2, "div", 2)(3, "ion-row")(4, "ion-col", 3)(5, "div", 4)(6, "label", 5);
             i0.ɵɵtext(7);
             i0.ɵɵpipe(8, "translate");
@@ -31474,7 +31497,7 @@ class AddressComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵelement(17, "br");
             i0.ɵɵelementStart(18, "input", 8);
-            i0.ɵɵlistener("blur", function AddressComponent_Template_input_blur_18_listener($event) { ctx.getAddressData($event); return ctx.getAddressSuggestion(); });
+            i0.ɵɵlistener("blur", function AddressComponent_Template_input_blur_18_listener($event) { ctx.getAddressData($event); return ctx.setFieldBlur("zip"); })("focus", function AddressComponent_Template_input_focus_18_listener() { return ctx.setFieldFocus("zip"); });
             i0.ɵɵelementEnd();
             i0.ɵɵelement(19, "br")(20, "app-error", 7);
             i0.ɵɵelementEnd()()();
@@ -31484,12 +31507,12 @@ class AddressComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵelement(27, "br");
             i0.ɵɵelementStart(28, "input", 11);
-            i0.ɵɵlistener("blur", function AddressComponent_Template_input_blur_28_listener() { return ctx.getAddressSuggestion(); });
+            i0.ɵɵlistener("blur", function AddressComponent_Template_input_blur_28_listener() { ctx.getAddressSuggestion(); return ctx.setFieldBlur("streetAddress"); })("focus", function AddressComponent_Template_input_focus_28_listener() { return ctx.setFieldFocus("streetAddress"); });
             i0.ɵɵelementEnd();
             i0.ɵɵelement(29, "br")(30, "app-error", 7);
             i0.ɵɵelementEnd()()();
             i0.ɵɵelementStart(31, "ion-row")(32, "ion-col", 9)(33, "div", 10)(34, "input", 12);
-            i0.ɵɵlistener("blur", function AddressComponent_Template_input_blur_34_listener() { return ctx.getAddressSuggestion(); });
+            i0.ɵɵlistener("blur", function AddressComponent_Template_input_blur_34_listener() { ctx.getAddressSuggestion(); return ctx.setFieldBlur("optionalAddress"); })("focus", function AddressComponent_Template_input_focus_34_listener() { return ctx.setFieldFocus("optionalAddress"); });
             i0.ɵɵelementEnd()()()();
             i0.ɵɵelementStart(35, "ion-row")(36, "ion-col", 13)(37, "div", 14)(38, "label", 5);
             i0.ɵɵtext(39);
@@ -31497,7 +31520,7 @@ class AddressComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵelement(41, "br");
             i0.ɵɵelementStart(42, "input", 15);
-            i0.ɵɵlistener("blur", function AddressComponent_Template_input_blur_42_listener() { return ctx.getAddressSuggestion(); });
+            i0.ɵɵlistener("blur", function AddressComponent_Template_input_blur_42_listener() { ctx.getAddressSuggestion(); return ctx.setFieldBlur("city"); })("focus", function AddressComponent_Template_input_focus_42_listener() { return ctx.setFieldFocus("city"); });
             i0.ɵɵelementEnd();
             i0.ɵɵelement(43, "br")(44, "app-error", 7);
             i0.ɵɵelementEnd()();
@@ -31512,7 +31535,7 @@ class AddressComponent {
             i0.ɵɵelementStart(56, "ion-row", 17);
             i0.ɵɵtemplate(57, AddressComponent_ion_col_57_Template, 8, 14, "ion-col", 18)(58, AddressComponent_ion_col_58_Template, 8, 14, "ion-col", 18);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵtemplate(59, AddressComponent_app_address_suggestion_59_Template, 2, 1, "app-address-suggestion", 19);
+            i0.ɵɵtemplate(59, AddressComponent_app_address_suggestion_59_Template, 2, 4, "app-address-suggestion", 19);
         } if (rf & 2) {
             const _r0 = i0.ɵɵreference(1);
             i0.ɵɵproperty("formGroup", ctx.addressForm);
@@ -31586,7 +31609,7 @@ class AddressComponent {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.showNeighbourQuestion === true && ctx.forState === "MS");
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.enableAddressValidation && ctx.addressForm.valid && ((ctx.inputId === "resAddress" || ctx.inputId === "resAdress") && ctx.diffMailAddress === false || ctx.inputId === "mailAddress" && ctx.diffMailAddress === true));
+            i0.ɵɵproperty("ngIf", ctx.enableAddressValidation && ctx.addressForm.valid);
         } }, styles: [".col[_ngcontent-%COMP%]{padding-top:0;padding-bottom:0}.form-lbl[_ngcontent-%COMP%]{padding-bottom:6px}.inline-flex[_ngcontent-%COMP%]{display:inline-flex}ion-col[_ngcontent-%COMP%]{padding-left:0}.app-col[_ngcontent-%COMP%]{margin-left:27px;padding-right:0}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddressComponent, [{
@@ -31601,7 +31624,7 @@ class AddressComponent {
                         multi: true,
                         useExisting: AddressComponent
                     }
-                ], template: "<form [formGroup]=\"addressForm\" #addressFormDirective=\"ngForm\" style=\"margin-bottom: 0px; margin-left: 0px;\">\r\n  <!-- <div [formGroup]=\"addressForm\"  #addressFormDirective=\"ngForm\" > -->\r\n\r\n  <div class=\"p-formgrid\" [id]=\"inputId ? inputId : 'address-div'\">\r\n    <ion-row>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" >\r\n          <div class=\"field\">\r\n            <label [for]=\"inputId ? inputId + '-country' : 'country'\">{{'Country' | translate}}</label><br />\r\n            <app-dropdown [options]=\"countryOptions\" [formControl]=\"country\" optionLabel=\"text\" appendTo=\"body\"\r\n            [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-country' : 'country'\" ></app-dropdown>\r\n            <app-error [class]=\"'app-grid'\" [field]='country' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n                                        required: 'required'\r\n                                      }\"></app-error>\r\n          </div>\r\n      </ion-col>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col app-col' : 'col col-fit-content'\" >\r\n          <div class=\"field\">\r\n            <label [for]=\"inputId ? inputId + '-zip' : 'zip'\">{{'Zip code' | translate}}</label><br />\r\n            <input [id]=\"inputId ? inputId + '-zip' : 'zip'\" type=\"input\" pInputText [formControl]=\"zip\" minlength=\"5\" maxlength=\"9\" appStripInvisibleChars\r\n              (blur)=\"getAddressData($event); getAddressSuggestion()\" /><br />\r\n            <app-error [class]=\"'app-grid'\" [field]='zip' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n                required: 'required',\r\n                invalidLength: 'Zip code should be of 5 or 9 digits.',\r\n                invalidNumber: 'Zip code should only have numbers.',\r\n                invalidZipCode: 'please enter a valid zip code',\r\n              }\"></app-error>\r\n          </div>\r\n      </ion-col>\r\n    </ion-row>\r\n  \r\n\r\n    <ion-row>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-right: 0px;\">\r\n        <div class=\"field p-fluid\">\r\n          <label [for]=\"inputId ? inputId + '-streetAddress' : 'streetAddress'\">{{'Street Address' | translate}}</label><br />\r\n          <input [id]=\"inputId ? inputId + '-streetAddress' : 'streetAddress'\" type=\"input\" pInputText \r\n          [formControl]=\"streetAddress\" maxlength=\"40\" (blur)=\"getAddressSuggestion()\" appStripInvisibleChars/><br />\r\n          <app-error [class]=\"'app-grid'\" [field]='streetAddress' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n            required: 'required'\r\n          }\"></app-error>\r\n        </div>\r\n      </ion-col>\r\n    </ion-row>\r\n\r\n    <ion-row>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\"  style=\"padding-right: 0px;\">\r\n          <div class=\"field p-fluid\">\r\n            <input [id]=\"inputId ? inputId + '-optionalAddress' : 'optionalAddress'\" type=\"input\" pInputText \r\n            [formControl]=\"optionalAddress\" placeholder=\"Optional\" (blur)=\"getAddressSuggestion()\"\r\n            maxlength=\"40\" appStripInvisibleChars/>\r\n          </div>\r\n      </ion-col>\r\n    </ion-row>\r\n\r\n\r\n    <ion-row>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\"  style=\"padding-bottom: 0px;\">\r\n          <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n            <label [for]=\"inputId ? inputId + '-city' : 'city'\">{{'City' | translate}}</label><br />\r\n            <input [id]=\"inputId ? inputId + '-city' : 'city'\" type=\"input\" pInputText [formControl]=\"city\" \r\n            maxlength=\"30\" (blur)=\"getAddressSuggestion()\" appStripInvisibleChars/><br />\r\n            <app-error [class]=\"'app-grid'\" [field]='city' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n              required: 'required'\r\n            }\"></app-error>\r\n          </div>\r\n      </ion-col>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col app-col' : 'col col-fit-content'\"  style=\"padding-bottom: 0px;\">\r\n          <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n            <label [for]=\"inputId ? inputId + '-state' : 'state'\">{{'State' | translate}}</label><br />\r\n            <app-dropdown [options]=\"stateOptions\" [formControl]=\"state\" optionLabel=\"text\" appendTo=\"body\"\r\n            [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-state' : 'state'\"></app-dropdown><br />\r\n          <app-error [class]=\"'app-grid'\" [field]='state' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n            required: 'required'\r\n          }\"></app-error>\r\n          </div>\r\n      </ion-col>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" *ngIf=\"state.value && (state.value.value==='MS' && forState==='MS' \r\n        || (state.value.value==='CT'  && forState==='MS'))  && countyRequired===true\" size=\"12\"style=\"padding-bottom: 0px;\">\r\n          <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n            <label [for]=\"inputId ? inputId + '-county' : 'county'\">{{'County' | translate}}</label><br />\r\n            <app-dropdown [options]=\"countyOptions\" [formControl]=\"county\" optionLabel=\"text\" appendTo=\"body\"\r\n              [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-county' : 'county'\"></app-dropdown><br/>\r\n            <app-error [class]=\"'app-grid'\" [field]='county' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n      </ion-col>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" *ngIf=\"state.value && state.value.value==='ME' && forState==='ME' && countyRequired===true\" size=\"12\"  style=\"padding-bottom: 0px;\">\r\n          <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n            <label [for]=\"inputId ? inputId + '-town' : 'town'\">{{'Town' | translate}}</label><br />\r\n            <app-dropdown [options]=\"townOptions\" [formControl]=\"town\" optionLabel=\"text\" appendTo=\"body\"\r\n              [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-town' : 'town'\"></app-dropdown><br/>\r\n            <app-error [class]=\"'app-grid'\" [field]='town' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n      </ion-col>\r\n    </ion-row>\r\n    <ion-row style=\"padding-top: 4px;\">\r\n        <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-top: 0px;\"\r\n              *ngIf=\"showNeighbourQuestion===true && forState==='ME'\" >\r\n          <div class=\"field\">\r\n          <label [for]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\">{{'Are you continuing to look for work in Maine?' | translate}}</label><br />\r\n            <p-selectButton [inputId]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\" unselectable=\"true\" [options]=\"yesNoOptions\"\r\n              [formControl]=\"neighbourFlag\" optionLabel=\"text\" optionValue=\"value\" appendTo=\"body\"></p-selectButton>\r\n              <app-error [class]=\"'app-grid'\" [field]='neighbourFlag' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n        </ion-col>\r\n        <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-top: 0px;\"\r\n              *ngIf=\"showNeighbourQuestion===true && forState==='MS'\" >\r\n          <div class=\"field\">\r\n          <label [for]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\">{{'Do you normally work in Mississippi?' | translate}}</label><br />\r\n            <p-selectButton [inputId]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\" unselectable=\"true\" [options]=\"yesNoOptions\"\r\n              [formControl]=\"neighbourFlag\" optionLabel=\"text\" optionValue=\"value\" appendTo=\"body\"></p-selectButton>\r\n              <app-error [class]=\"'app-grid'\" [field]='neighbourFlag' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n        </ion-col>\r\n    </ion-row>\r\n  </div>\r\n  <!-- </div> -->\r\n</form>\r\n<app-address-suggestion #addressSuggestion *ngIf=\"(enableAddressValidation)&& (addressForm.valid) && (((inputId==='resAddress' || inputId==='resAdress') && diffMailAddress=== false) || (inputId==='mailAddress' && diffMailAddress=== true))\" [form]=\"addressForm\" ></app-address-suggestion>\r\n", styles: [".col{padding-top:0;padding-bottom:0}.form-lbl{padding-bottom:6px}.inline-flex{display:inline-flex}ion-col{padding-left:0}.app-col{margin-left:27px;padding-right:0}\n"] }]
+                ], template: "<form [formGroup]=\"addressForm\" #addressFormDirective=\"ngForm\" style=\"margin-bottom: 0px; margin-left: 0px;\">\r\n  <!-- <div [formGroup]=\"addressForm\"  #addressFormDirective=\"ngForm\" > -->\r\n\r\n  <div class=\"p-formgrid\" [id]=\"inputId ? inputId : 'address-div'\">\r\n    <ion-row>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" >\r\n          <div class=\"field\">\r\n            <label [for]=\"inputId ? inputId + '-country' : 'country'\">{{'Country' | translate}}</label><br />\r\n            <app-dropdown [options]=\"countryOptions\" [formControl]=\"country\" optionLabel=\"text\" appendTo=\"body\"\r\n            [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-country' : 'country'\" ></app-dropdown>\r\n            <app-error [class]=\"'app-grid'\" [field]='country' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n                                        required: 'required'\r\n                                      }\"></app-error>\r\n          </div>\r\n      </ion-col>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col app-col' : 'col col-fit-content'\" >\r\n          <div class=\"field\">\r\n            <label [for]=\"inputId ? inputId + '-zip' : 'zip'\">{{'Zip code' | translate}}</label><br />\r\n            <input [id]=\"inputId ? inputId + '-zip' : 'zip'\" type=\"input\" pInputText [formControl]=\"zip\" minlength=\"5\" maxlength=\"9\" appStripInvisibleChars\r\n              (blur)=\"getAddressData($event); setFieldBlur('zip')\" (focus)=\"setFieldFocus('zip')\" /><br />\r\n            <app-error [class]=\"'app-grid'\" [field]='zip' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n                required: 'required',\r\n                invalidLength: 'Zip code should be of 5 or 9 digits.',\r\n                invalidNumber: 'Zip code should only have numbers.',\r\n                invalidZipCode: 'please enter a valid zip code',\r\n              }\"></app-error>\r\n          </div>\r\n      </ion-col>\r\n    </ion-row>\r\n  \r\n\r\n    <ion-row>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-right: 0px;\">\r\n        <div class=\"field p-fluid\">\r\n          <label [for]=\"inputId ? inputId + '-streetAddress' : 'streetAddress'\">{{'Street Address' | translate}}</label><br />\r\n          <input [id]=\"inputId ? inputId + '-streetAddress' : 'streetAddress'\" type=\"input\" pInputText \r\n          [formControl]=\"streetAddress\" maxlength=\"40\" (blur)=\"getAddressSuggestion(); setFieldBlur('streetAddress')\" (focus)=\"setFieldFocus('streetAddress')\" appStripInvisibleChars/><br />\r\n          <app-error [class]=\"'app-grid'\" [field]='streetAddress' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n            required: 'required'\r\n          }\"></app-error>\r\n        </div>\r\n      </ion-col>\r\n    </ion-row>\r\n\r\n    <ion-row>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\"  style=\"padding-right: 0px;\">\r\n          <div class=\"field p-fluid\">\r\n            <input [id]=\"inputId ? inputId + '-optionalAddress' : 'optionalAddress'\" type=\"input\" pInputText \r\n            [formControl]=\"optionalAddress\" placeholder=\"Optional\" (blur)=\"getAddressSuggestion();setFieldBlur('optionalAddress')\" (focus)=\"setFieldFocus('optionalAddress')\"\r\n            maxlength=\"40\" appStripInvisibleChars/>\r\n          </div>\r\n      </ion-col>\r\n    </ion-row>\r\n\r\n\r\n    <ion-row>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\"  style=\"padding-bottom: 0px;\">\r\n          <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n            <label [for]=\"inputId ? inputId + '-city' : 'city'\">{{'City' | translate}}</label><br />\r\n            <input [id]=\"inputId ? inputId + '-city' : 'city'\" type=\"input\" pInputText [formControl]=\"city\" \r\n            maxlength=\"30\" (blur)=\"getAddressSuggestion(); setFieldBlur('city')\" (focus)=\"setFieldFocus('city')\" appStripInvisibleChars/><br />\r\n            <app-error [class]=\"'app-grid'\" [field]='city' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n              required: 'required'\r\n            }\"></app-error>\r\n          </div>\r\n      </ion-col>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col app-col' : 'col col-fit-content'\"  style=\"padding-bottom: 0px;\">\r\n          <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n            <label [for]=\"inputId ? inputId + '-state' : 'state'\">{{'State' | translate}}</label><br />\r\n            <app-dropdown [options]=\"stateOptions\" [formControl]=\"state\" optionLabel=\"text\" appendTo=\"body\"\r\n            [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-state' : 'state'\"></app-dropdown><br />\r\n          <app-error [class]=\"'app-grid'\" [field]='state' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n            required: 'required'\r\n          }\"></app-error>\r\n          </div>\r\n      </ion-col>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" *ngIf=\"state.value && (state.value.value==='MS' && forState==='MS' \r\n        || (state.value.value==='CT'  && forState==='MS'))  && countyRequired===true\" size=\"12\"style=\"padding-bottom: 0px;\">\r\n          <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n            <label [for]=\"inputId ? inputId + '-county' : 'county'\">{{'County' | translate}}</label><br />\r\n            <app-dropdown [options]=\"countyOptions\" [formControl]=\"county\" optionLabel=\"text\" appendTo=\"body\"\r\n              [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-county' : 'county'\"></app-dropdown><br/>\r\n            <app-error [class]=\"'app-grid'\" [field]='county' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n      </ion-col>\r\n      <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" *ngIf=\"state.value && state.value.value==='ME' && forState==='ME' && countyRequired===true\" size=\"12\"  style=\"padding-bottom: 0px;\">\r\n          <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n            <label [for]=\"inputId ? inputId + '-town' : 'town'\">{{'Town' | translate}}</label><br />\r\n            <app-dropdown [options]=\"townOptions\" [formControl]=\"town\" optionLabel=\"text\" appendTo=\"body\"\r\n              [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-town' : 'town'\"></app-dropdown><br/>\r\n            <app-error [class]=\"'app-grid'\" [field]='town' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n      </ion-col>\r\n    </ion-row>\r\n    <ion-row style=\"padding-top: 4px;\">\r\n        <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-top: 0px;\"\r\n              *ngIf=\"showNeighbourQuestion===true && forState==='ME'\" >\r\n          <div class=\"field\">\r\n          <label [for]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\">{{'Are you continuing to look for work in Maine?' | translate}}</label><br />\r\n            <p-selectButton [inputId]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\" unselectable=\"true\" [options]=\"yesNoOptions\"\r\n              [formControl]=\"neighbourFlag\" optionLabel=\"text\" optionValue=\"value\" appendTo=\"body\"></p-selectButton>\r\n              <app-error [class]=\"'app-grid'\" [field]='neighbourFlag' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n        </ion-col>\r\n        <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-top: 0px;\"\r\n              *ngIf=\"showNeighbourQuestion===true && forState==='MS'\" >\r\n          <div class=\"field\">\r\n          <label [for]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\">{{'Do you normally work in Mississippi?' | translate}}</label><br />\r\n            <p-selectButton [inputId]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\" unselectable=\"true\" [options]=\"yesNoOptions\"\r\n              [formControl]=\"neighbourFlag\" optionLabel=\"text\" optionValue=\"value\" appendTo=\"body\"></p-selectButton>\r\n              <app-error [class]=\"'app-grid'\" [field]='neighbourFlag' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n        </ion-col>\r\n    </ion-row>\r\n  </div>\r\n  <!-- </div> -->\r\n</form>\r\n<app-address-suggestion #addressSuggestion *ngIf=\"(enableAddressValidation) && addressForm.valid\" \r\n[form]=\"addressForm\" [formName]=\"inputId\" [diffMailAddressFlag]=\"diffMailAddress\" [formblur]=\"formBlur\"></app-address-suggestion>\r\n", styles: [".col{padding-top:0;padding-bottom:0}.form-lbl{padding-bottom:6px}.inline-flex{display:inline-flex}ion-col{padding-left:0}.app-col{margin-left:27px;padding-right:0}\n"] }]
     }], () => [{ type: i1$4.UntypedFormBuilder }, { type: UtilService }, { type: QuestionnaireService }, { type: LoggerService }, { type: DmsService }], { addressFormDirective: [{
             type: ViewChild,
             args: ['addressFormDirective', { static: false }]
@@ -31626,6 +31649,8 @@ class AddressComponent {
             type: Input
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AddressComponent, { className: "AddressComponent", filePath: "lib\\components\\address\\address.component.ts", lineNumber: 29 }); })();
+class AddressFieldFocusStatus {
+}
 
 class BankDetailsModel {
 }
@@ -42943,93 +42968,156 @@ class AppointmentSelfSchedulerComponent {
 function AddressSuggestionComponent_p_accordion_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Address Validation ");
 } }
-function AddressSuggestionComponent_p_accordion_0_ng_template_3_ion_item_16_Template(rf, ctx) { if (rf & 1) {
+function AddressSuggestionComponent_p_accordion_0_ng_template_3_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "ion-icon", 11);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r4.errorText);
+} }
+function AddressSuggestionComponent_p_accordion_0_ng_template_3_ion_item_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "ion-item")(1, "ion-label");
     i0.ɵɵtext(2);
     i0.ɵɵelement(3, "br");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "ion-radio", 6);
+    i0.ɵɵelement(5, "ion-radio", 7);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const c_r4 = ctx.$implicit;
+    const c_r6 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2(" ", c_r4.deliveryLine1, " ", c_r4.deliveryLine2, "");
+    i0.ɵɵtextInterpolate2(" ", c_r6.deliveryLine1, " ", c_r6.deliveryLine2, "");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate4(" ", c_r4.cityName, ", ", c_r4.stateAbbrevation, ", ", c_r4.zipCode, " ", c_r4.country, " ");
+    i0.ɵɵtextInterpolate4(" ", c_r6.cityName, ", ", c_r6.stateAbbrevation, ", ", c_r6.zipCode, " ", c_r6.country, " ");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("value", c_r4);
+    i0.ɵɵproperty("value", c_r6);
 } }
 function AddressSuggestionComponent_p_accordion_0_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p");
-    i0.ɵɵtext(1, "The U.S. Postal Service has recommended changes to your address. Select the address you want to use:");
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵtemplate(0, AddressSuggestionComponent_p_accordion_0_ng_template_3_div_0_Template, 4, 1, "div", 1);
+    i0.ɵɵelementStart(1, "p");
+    i0.ɵɵtext(2, "The U.S. Postal Service has recommended changes to your address. Select the address you want to use:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "ion-radio-group", 4);
-    i0.ɵɵlistener("ngModelChange", function AddressSuggestionComponent_p_accordion_0_ng_template_3_Template_ion_radio_group_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r5.picked = $event); })("ionChange", function AddressSuggestionComponent_p_accordion_0_ng_template_3_Template_ion_radio_group_ionChange_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.selectionChanged($event)); });
-    i0.ɵɵelementStart(3, "div", 5);
-    i0.ɵɵtext(4, "You Entered:");
+    i0.ɵɵelementStart(3, "ion-radio-group", 5);
+    i0.ɵɵlistener("ngModelChange", function AddressSuggestionComponent_p_accordion_0_ng_template_3_Template_ion_radio_group_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.picked = $event); })("ionChange", function AddressSuggestionComponent_p_accordion_0_ng_template_3_Template_ion_radio_group_ionChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r9 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r9.selectionChanged($event)); });
+    i0.ɵɵelementStart(4, "div", 6);
+    i0.ɵɵtext(5, "You Entered:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "ion-item");
-    i0.ɵɵelement(6, "ion-radio", 6);
-    i0.ɵɵelementStart(7, "ion-label");
-    i0.ɵɵtext(8);
-    i0.ɵɵelement(9, "br");
-    i0.ɵɵtext(10);
+    i0.ɵɵelementStart(6, "ion-item");
+    i0.ɵɵelement(7, "ion-radio", 7);
+    i0.ɵɵelementStart(8, "ion-label");
+    i0.ɵɵtext(9);
+    i0.ɵɵelement(10, "br");
+    i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "ion-item", 7)(12, "ion-label")(13, "strong", 5);
-    i0.ɵɵtext(14, "USPS Recommendations:");
+    i0.ɵɵelementStart(12, "ion-item", 8)(13, "ion-label")(14, "strong", 6);
+    i0.ɵɵtext(15, "USPS Recommendations:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(15, "br");
+    i0.ɵɵelement(16, "br");
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(16, AddressSuggestionComponent_p_accordion_0_ng_template_3_ion_item_16_Template, 6, 7, "ion-item", 8);
+    i0.ɵɵtemplate(17, AddressSuggestionComponent_p_accordion_0_ng_template_3_ion_item_17_Template, 6, 7, "ion-item", 9);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngModel", ctx_r2.picked);
+    const ctx_r3 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngIf", ctx_r3.showInlineError);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngModel", ctx_r3.picked);
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("value", ctx_r2.original);
+    i0.ɵɵproperty("value", ctx_r3.original);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2(" ", ctx_r2.original.line1, ", ", ctx_r2.original.line2, "");
+    i0.ɵɵtextInterpolate2(" ", ctx_r3.original.line1, ", ", ctx_r3.original.line2, "");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate4(" ", ctx_r2.original.city, ", ", ctx_r2.original.state, ", ", ctx_r2.original.zipCode, " ", ctx_r2.original.country, " ");
+    i0.ɵɵtextInterpolate4(" ", ctx_r3.original.city, ", ", ctx_r3.original.state, ", ", ctx_r3.original.zipCode, " ", ctx_r3.original.country, " ");
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("ngForOf", ctx_r2.choices);
+    i0.ɵɵproperty("ngForOf", ctx_r3.choices);
 } }
 function AddressSuggestionComponent_p_accordion_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p-accordion", 1)(1, "p-accordionTab");
-    i0.ɵɵtemplate(2, AddressSuggestionComponent_p_accordion_0_ng_template_2_Template, 1, 0, "ng-template", 2)(3, AddressSuggestionComponent_p_accordion_0_ng_template_3_Template, 17, 9, "ng-template", 3);
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p-accordion", 2);
+    i0.ɵɵlistener("onOpen", function AddressSuggestionComponent_p_accordion_0_Template_p_accordion_onOpen_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.tabOpen()); })("onClose", function AddressSuggestionComponent_p_accordion_0_Template_p_accordion_onClose_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.tabClose()); });
+    i0.ɵɵelementStart(1, "p-accordionTab");
+    i0.ɵɵtemplate(2, AddressSuggestionComponent_p_accordion_0_ng_template_2_Template, 1, 0, "ng-template", 3)(3, AddressSuggestionComponent_p_accordion_0_ng_template_3_Template, 18, 10, "ng-template", 4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    i0.ɵɵproperty("activeIndex", 0);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("activeIndex", ctx_r0.addressSelected);
+} }
+function AddressSuggestionComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "ion-icon", 11);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.errorText);
 } }
 class AddressSuggestionComponent {
     constructor(addrSvc) {
         this.addrSvc = addrSvc;
-        this.showAccordion = false;
         this.choices = [];
+        this.formBlur = true;
+        // @Output() lastValidAddress = new EventEmitter<any>();
         this.picked = null;
+        this.showInlineError = false;
+        this.msuaCount = 0;
+        this.aunrCount = 0;
     }
     ngOnInit() {
-        this.getValidateAddress(true);
+        if (this.formBlur) {
+            this.getValidateAddress(true);
+        }
     }
     getValidateAddress(initialValidation) {
         if (!initialValidation && this.form.pristine === true)
             return;
+        if (this.msuaCount >= 2) {
+            this.setIsAddressValideController('0');
+            return;
+        }
+        if (this.aunrCount >= 2) {
+            this.setIsAddressValideController('0');
+            return;
+        }
         this.addrSvc.validateAddressProcess(null, this.form.value, this.form).then((res) => {
+            this.errorText = res.errorText;
+            this.showInlineError = res.showInlineError;
+            this.setIsAddressValideController(res.isAddressValidated);
+            if (this.isAddressValid === '1') {
+                this.lastValidAddress = res.lastValidatedAddress;
+            }
+            if (res.lastValidateResult === "MUSA") {
+                this.msuaCount += 1;
+                this.aunrCount = 0;
+            }
+            if (res.lastValidateResult === "AUNR") {
+                this.aunrCount += 1;
+                this.msuaCount = 0;
+            }
             if (res.showPopup === true) {
+                this.setIsAddressValideController('1');
+                this.addressSelected = 0;
                 this.showAccordion = true;
                 this.handleRecommendations(res.addressValidationResponse, res.addressValidationRequest, this.form);
             }
             else {
                 this.showAccordion = false;
-                console.log("no address to validate");
             }
         }).catch((err) => {
             this.showAccordion = false;
         });
     }
+    tabOpen() {
+        this.addressSelected = 0;
+    }
+    tabClose() {
+        this.addressSelected = 1;
+    }
     handleRecommendations(res, req, formCompnent) {
         const suggestions = Array.from(res.addressRecommendationModel ?? []);
         if (!suggestions.length)
@@ -43039,6 +43127,7 @@ class AddressSuggestionComponent {
     }
     selectionChanged(event) {
         let isOrigin = this.picked === this.original ? true : false;
+        this.addressSelected = 1;
         this.patchFormWithSelectedAddress(this.picked, isOrigin, this.form);
     }
     // public patchFormWithSelectedAddress(sel: any,isOrigin: boolean, formCompnent: any) {
@@ -43048,7 +43137,7 @@ class AddressSuggestionComponent {
     //   formCompnent.controls['country'].setValue('US')
     // }
     patchFormWithSelectedAddress(sel, isOrigin, form) {
-        form.markAsPristine();
+        // form.markAsPristine();
         const isOrig = isOrigin;
         const countryCode = (sel.country ?? 'US').toUpperCase();
         const stateCode = (isOrig ? sel.state : sel.stateAbbrevation)?.toUpperCase();
@@ -43066,6 +43155,12 @@ class AddressSuggestionComponent {
         const state = stateList.find(s => s.value === stateCode) ?? { value: stateCode, text: stateCode };
         form.get('state')?.patchValue(state, { emitEvent: true });
     }
+    setIsAddressValideController(flag) {
+        this.isAddressValid = flag;
+        if (this.form.controls['hidIsAddressValidated']) {
+            this.form.controls['hidIsAddressValidated'].setValue(this.isAddressValid);
+        }
+    }
     mapAddress(sel, isOrigin) {
         if (isOrigin) {
             // Original Address
@@ -43091,15 +43186,17 @@ class AddressSuggestionComponent {
         }
     }
     static { this.ɵfac = function AddressSuggestionComponent_Factory(t) { return new (t || AddressSuggestionComponent)(i0.ɵɵdirectiveInject(AddressValidationService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressSuggestionComponent, selectors: [["app-address-suggestion"]], inputs: { original: "original", choices: "choices", form: "form", formName: "formName" }, decls: 1, vars: 1, consts: [["styleClass", "red-header", 3, "activeIndex", 4, "ngIf"], ["styleClass", "red-header", 3, "activeIndex"], ["pTemplate", "header"], ["pTemplate", "content"], [3, "ngModel", "ngModelChange", "ionChange"], [1, "label-heading"], ["slot", "start", 3, "value"], ["lines", "none"], [4, "ngFor", "ngForOf"]], template: function AddressSuggestionComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, AddressSuggestionComponent_p_accordion_0_Template, 4, 1, "p-accordion", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressSuggestionComponent, selectors: [["app-address-suggestion"]], inputs: { original: "original", choices: "choices", form: "form", formName: "formName", diffMailAddressFlag: "diffMailAddressFlag", formBlur: "formBlur" }, decls: 2, vars: 2, consts: [["styleClass", "red-header", 3, "activeIndex", "onOpen", "onClose", 4, "ngIf"], ["class", "error-banner", 4, "ngIf"], ["styleClass", "red-header", 3, "activeIndex", "onOpen", "onClose"], ["pTemplate", "header"], ["pTemplate", "content"], [3, "ngModel", "ngModelChange", "ionChange"], [1, "label-heading"], ["slot", "start", 3, "value"], ["lines", "none"], [4, "ngFor", "ngForOf"], [1, "error-banner"], ["name", "alert-circle-outline", 2, "color", "var(--ion-color-danger)", "font-size", "18px", "margin-right", "8px"]], template: function AddressSuggestionComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, AddressSuggestionComponent_p_accordion_0_Template, 4, 1, "p-accordion", 0)(1, AddressSuggestionComponent_div_1_Template, 4, 1, "div", 1);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.showAccordion);
-        } }, dependencies: [i4.IonItem, i4.IonLabel, i4.IonRadio, i4.IonRadioGroup, i4.RadioValueAccessor, i4.SelectValueAccessor, i5$1.NgForOf, i5$1.NgIf, i6.PrimeTemplate, i1$4.NgControlStatus, i1$4.NgModel, i13.Accordion, i13.AccordionTab], styles: ["[_nghost-%COMP%]     .red-header .p-accordion-header-link{color:var(--ion-color-danger)}"] }); }
+            i0.ɵɵproperty("ngIf", ctx.showAccordion && ctx.form.valid && ((ctx.formName === "resAddress" || ctx.formName === "resAdress") && ctx.diffMailAddressFlag === false || ctx.formName === "mailAddress" && ctx.diffMailAddressFlag === true));
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.showInlineError && !ctx.showAccordion && ctx.msuaCount < 2 && ctx.aunrCount < 2);
+        } }, dependencies: [i4.IonIcon, i4.IonItem, i4.IonLabel, i4.IonRadio, i4.IonRadioGroup, i4.RadioValueAccessor, i4.SelectValueAccessor, i5$1.NgForOf, i5$1.NgIf, i6.PrimeTemplate, i1$4.NgControlStatus, i1$4.NgModel, i13.Accordion, i13.AccordionTab], styles: ["[_nghost-%COMP%]     .red-header .p-accordion-header-link{color:var(--ion-color-danger)}.error-banner[_ngcontent-%COMP%]{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.hide-element[_ngcontent-%COMP%]{visibility:hidden}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddressSuggestionComponent, [{
         type: Component,
-        args: [{ selector: 'app-address-suggestion', template: "<p-accordion *ngIf=\"showAccordion\" [activeIndex]=\"0\" styleClass=\"red-header\">\r\n    <p-accordionTab >\r\n        \r\n        <ng-template pTemplate=\"header\" >\r\n            Address Validation\r\n        </ng-template>\r\n        <ng-template pTemplate=\"content\">\r\n            <p>The U.S. Postal Service has recommended changes to your address. Select the address you want to use:</p>\r\n            <ion-radio-group [(ngModel)]=\"picked\" (ionChange)=\"selectionChanged($event)\">\r\n                <div class=\"label-heading\">You Entered:</div>\r\n                <ion-item>\r\n                    <ion-radio slot=\"start\" [value]=\"original\"></ion-radio>\r\n                    <ion-label>\r\n                            {{ original.line1 }}, {{ original.line2 }}<br />\r\n                            {{ original.city }}, {{ original.state }}, {{ original.zipCode }} {{ original.country }}\r\n                    </ion-label>\r\n                </ion-item>\r\n                <ion-item lines=\"none\">\r\n                    <ion-label>\r\n                        <strong class=\"label-heading\">USPS Recommendations:</strong><br />\r\n                    </ion-label>\r\n                </ion-item>\r\n                <ion-item *ngFor=\"let c of choices\">\r\n                    <ion-label>\r\n                            {{ c.deliveryLine1 }} {{ c.deliveryLine2 }}<br />\r\n                            {{ c.cityName }}, {{ c.stateAbbrevation }}, {{ c.zipCode }} {{ c.country }}\r\n                    </ion-label>\r\n                    <ion-radio slot=\"start\" [value]=\"c\"></ion-radio>\r\n                </ion-item>\r\n            </ion-radio-group>\r\n        </ng-template>\r\n      </p-accordionTab>\r\n</p-accordion>", styles: [":host ::ng-deep .red-header .p-accordion-header-link{color:var(--ion-color-danger)}\n"] }]
+        args: [{ selector: 'app-address-suggestion', template: "<p-accordion *ngIf=\"showAccordion && (form.valid) && (((formName==='resAddress' || formName==='resAdress') && diffMailAddressFlag=== false) || (formName==='mailAddress' && diffMailAddressFlag=== true))\" (onOpen)=\"tabOpen()\" (onClose)=\"tabClose()\" [activeIndex]=\"addressSelected\" styleClass=\"red-header\">\r\n    <p-accordionTab >\r\n        \r\n        <ng-template pTemplate=\"header\" >\r\n            Address Validation\r\n        </ng-template>\r\n        <ng-template pTemplate=\"content\">\r\n            <div *ngIf=\"showInlineError\" class=\"error-banner\">\r\n                <ion-icon name=\"alert-circle-outline\" style=\"color: var(--ion-color-danger); font-size: 18px; margin-right: 8px;\"></ion-icon>\r\n                <span>{{ errorText }}</span>\r\n            </div>\r\n            <p>The U.S. Postal Service has recommended changes to your address. Select the address you want to use:</p>\r\n            <ion-radio-group [(ngModel)]=\"picked\" (ionChange)=\"selectionChanged($event)\">\r\n                <div class=\"label-heading\">You Entered:</div>\r\n                <ion-item>\r\n                    <ion-radio slot=\"start\" [value]=\"original\"></ion-radio>\r\n                    <ion-label>\r\n                            {{ original.line1 }}, {{ original.line2 }}<br />\r\n                            {{ original.city }}, {{ original.state }}, {{ original.zipCode }} {{ original.country }}\r\n                    </ion-label>\r\n                </ion-item>\r\n                <ion-item lines=\"none\">\r\n                    <ion-label>\r\n                        <strong class=\"label-heading\">USPS Recommendations:</strong><br />\r\n                    </ion-label>\r\n                </ion-item>\r\n                <ion-item *ngFor=\"let c of choices\">\r\n                    <ion-label>\r\n                            {{ c.deliveryLine1 }} {{ c.deliveryLine2 }}<br />\r\n                            {{ c.cityName }}, {{ c.stateAbbrevation }}, {{ c.zipCode }} {{ c.country }}\r\n                    </ion-label>\r\n                    <ion-radio slot=\"start\" [value]=\"c\"></ion-radio>\r\n                </ion-item>\r\n            </ion-radio-group>\r\n        </ng-template>\r\n      </p-accordionTab>\r\n</p-accordion>\r\n<div *ngIf=\"showInlineError && !showAccordion && msuaCount < 2 && aunrCount < 2\" class=\"error-banner\">\r\n    <ion-icon name=\"alert-circle-outline\" style=\"color: var(--ion-color-danger); font-size: 18px; margin-right: 8px;\"></ion-icon>\r\n    <span>{{ errorText }}</span>\r\n</div>", styles: [":host ::ng-deep .red-header .p-accordion-header-link{color:var(--ion-color-danger)}.error-banner{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.hide-element{visibility:hidden}\n"] }]
     }], () => [{ type: AddressValidationService }], { original: [{
             type: Input
         }], choices: [{
@@ -43108,6 +43205,10 @@ class AddressSuggestionComponent {
             type: Input
         }], formName: [{
             type: Input
+        }], diffMailAddressFlag: [{
+            type: Input
+        }], formBlur: [{
+            type: Input
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AddressSuggestionComponent, { className: "AddressSuggestionComponent", filePath: "lib\\components\\address-suggestion\\address-suggestion.component.ts", lineNumber: 15 }); })();
 
@@ -45515,5 +45616,5 @@ class CaseCoreModel {
  * Generated bundle index. Do not edit.
  */
 
-export { AccessibilityPolicyPage, AccountSuccessPage, AddEmployerComponent, AddParticipantComponent, AddPaymentComponent, AddWageComponent, AddressComponent, AddressPopupComponent, AddressSuggestionComponent, AppointmentSelfSchedulerComponent, AssociateSsnComponent, AuthGuard, AutofocusDirective, BankDetailsComponent, BasePage, BaseService, CapsLockDirective, CaptchaComponent, CaptchaService, CardComponent, CaseCoreModel, ChangePasswordPage, ChatbotService, Choices, ChoicesModel, ClaimAppEmpRequestModel, ClaimInfoComponent, ClaimService, ClaimantContextService, ClaimantService$1 as ClaimantService, CmpService, ComboOption, CommonSuccessPage, ComplaintCategoryModel, ComplaintCategoryOutputModel, ContactUsComponent, ContactUsInqueryModel, ContactUsModel, ContentComponent, CorrespondenceDownloadComponent, CustomErrorStateMatcher, DROPDOWN_VALUE_ACCESSOR, DashboardCardComponent, DependentGridComponent, DisclosureComponent, DmsService, Dropdown, DropdownItem, DuaRequestPageComponent, DuaRequestPopupComponent, DynamicFormComponent, DynamicFormPanelComponent, DynamicFormQuestionComponent, DynamicTranslatePipe, ElementsModel, EmailStatusEnum, EmailTemplateModle, EmailUpdateComponent, EmployerDataModel, EmployerGridComponent, EmployerInfoComponent, EmployerPayComponent, EmployerPayGridComponent, ErrorComponent, ErrorModel, FarmUsageComponent, FavMenuComponent, FileDownloadComponent, FileObject, FileUploaderComponent, FilterPipe, FooterComponent, FormBuilderPage, GoogleAnalyticsService, GrossEarningsComponent, HeaderComponent, HelpComponent, HelpService, HistoryPageComponent, HttpErrorInterceptor, HttpHeaderInterceptor, IdleDetectorComponent, IdleService, IdmeComponent, InfoComponent, InputFocus, JobSearchResultPageComponent, JobTitleComponent, KeyValueModel, Landing2Component, LegalDisclaimarComponent, LegalDisclaimarModel, LibConstants, LinkComponent, LoggerService, LoginComponent, LoginService, MaintenanceDetectorComponent, MaintenanceService, MaskComponent, MaskEmailPipe, MenuComponent, MfaComponent, MfaPopupComponent, MoneyExpectComponent, MsgComponent, MultiQuestionnaireComponent, MyNotificationsPage, MyProfilePage, NewsComponent, NgxReusaAppLibComponent, NgxReusaAppLibModule, NgxReusaAppLibService, NoLoginGuard, NotFoundPage, NotificationService, OfflineAddEmployerComponent, OfflineBankDetailsComponent, OfflineClaimService, OfflineEmployerGridComponent, OfflineLegalDisclaimarComponent, OverlayInfoComponent, PageComponent, PrivacyDisclaimerPage, ProfileRedirectComponent, ProofOfAnythingComponent, ProofOfDocumentUploadComponent, ProperCasePipe, QuestionBase, QuestionService, QuestionnaireQueryModel, ReadMoreComponent, RenderQuestionnairePage, RequalifyLiftPreviousIssuesComponent, RequiredRolesDirective, ScriptConstant, ScrollableTextComponent, SearchEmployerComponent, SecurityPolicyPage, SelectComponent, SignSsnComponent, SmsComponent, SsnComponent, StripInvisibleCharsDirective, TestComponent, TourService, TrendModel, TrustHtmlPipe, UnauthorizedPage, UserLoginComponent, UserModel, UserSearchComponent, UtilService, ValidationModel, ValidationService, WageCalculatorComponent, WageGridComponent, WeeklyCertEmployerComponentQe, WeeklyCertEmployerGridComponent, WeeklyWorkPerformedPopupComponent, createTranslateLoader, enterAnimation, getBaseUrl, rowExpansionTrigger };
+export { AccessibilityPolicyPage, AccountSuccessPage, AddEmployerComponent, AddParticipantComponent, AddPaymentComponent, AddWageComponent, AddressComponent, AddressFieldFocusStatus, AddressPopupComponent, AddressSuggestionComponent, AppointmentSelfSchedulerComponent, AssociateSsnComponent, AuthGuard, AutofocusDirective, BankDetailsComponent, BasePage, BaseService, CapsLockDirective, CaptchaComponent, CaptchaService, CardComponent, CaseCoreModel, ChangePasswordPage, ChatbotService, Choices, ChoicesModel, ClaimAppEmpRequestModel, ClaimInfoComponent, ClaimService, ClaimantContextService, ClaimantService$1 as ClaimantService, CmpService, ComboOption, CommonSuccessPage, ComplaintCategoryModel, ComplaintCategoryOutputModel, ContactUsComponent, ContactUsInqueryModel, ContactUsModel, ContentComponent, CorrespondenceDownloadComponent, CustomErrorStateMatcher, DROPDOWN_VALUE_ACCESSOR, DashboardCardComponent, DependentGridComponent, DisclosureComponent, DmsService, Dropdown, DropdownItem, DuaRequestPageComponent, DuaRequestPopupComponent, DynamicFormComponent, DynamicFormPanelComponent, DynamicFormQuestionComponent, DynamicTranslatePipe, ElementsModel, EmailStatusEnum, EmailTemplateModle, EmailUpdateComponent, EmployerDataModel, EmployerGridComponent, EmployerInfoComponent, EmployerPayComponent, EmployerPayGridComponent, ErrorComponent, ErrorModel, FarmUsageComponent, FavMenuComponent, FileDownloadComponent, FileObject, FileUploaderComponent, FilterPipe, FooterComponent, FormBuilderPage, GoogleAnalyticsService, GrossEarningsComponent, HeaderComponent, HelpComponent, HelpService, HistoryPageComponent, HttpErrorInterceptor, HttpHeaderInterceptor, IdleDetectorComponent, IdleService, IdmeComponent, InfoComponent, InputFocus, JobSearchResultPageComponent, JobTitleComponent, KeyValueModel, Landing2Component, LegalDisclaimarComponent, LegalDisclaimarModel, LibConstants, LinkComponent, LoggerService, LoginComponent, LoginService, MaintenanceDetectorComponent, MaintenanceService, MaskComponent, MaskEmailPipe, MenuComponent, MfaComponent, MfaPopupComponent, MoneyExpectComponent, MsgComponent, MultiQuestionnaireComponent, MyNotificationsPage, MyProfilePage, NewsComponent, NgxReusaAppLibComponent, NgxReusaAppLibModule, NgxReusaAppLibService, NoLoginGuard, NotFoundPage, NotificationService, OfflineAddEmployerComponent, OfflineBankDetailsComponent, OfflineClaimService, OfflineEmployerGridComponent, OfflineLegalDisclaimarComponent, OverlayInfoComponent, PageComponent, PrivacyDisclaimerPage, ProfileRedirectComponent, ProofOfAnythingComponent, ProofOfDocumentUploadComponent, ProperCasePipe, QuestionBase, QuestionService, QuestionnaireQueryModel, ReadMoreComponent, RenderQuestionnairePage, RequalifyLiftPreviousIssuesComponent, RequiredRolesDirective, ScriptConstant, ScrollableTextComponent, SearchEmployerComponent, SecurityPolicyPage, SelectComponent, SignSsnComponent, SmsComponent, SsnComponent, StripInvisibleCharsDirective, TestComponent, TourService, TrendModel, TrustHtmlPipe, UnauthorizedPage, UserLoginComponent, UserModel, UserSearchComponent, UtilService, ValidationModel, ValidationService, WageCalculatorComponent, WageGridComponent, WeeklyCertEmployerComponentQe, WeeklyCertEmployerGridComponent, WeeklyWorkPerformedPopupComponent, createTranslateLoader, enterAnimation, getBaseUrl, rowExpansionTrigger };
 //# sourceMappingURL=reusa-ngx-reusa-app-lib.mjs.map