@reusa/ngx-reusa-app-lib 0.0.1331 → 0.0.1332

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

@@ -6552,7 +6552,6 @@ class MenuComponent extends BasePage {
         this.showFavButton = this.ls.isCsr();
     }
     setClaimantMenu() {
-        console.log("STATE CHECK", this.isME());
         this.menus = [
             {
                 label: "Menus",
@@ -11453,8 +11452,9 @@ class AddressValidationService extends BaseService {
 
 const _c0$X = ["bankdtls"];
 const _c1$R = ["wcEmployerGrid"];
-const _c2$C = ["jobTitle"];
-const _c3$v = ["address"];
+const _c2$C = ["employerGrid"];
+const _c3$v = ["jobTitle"];
+const _c4$t = ["address"];
 function DynamicFormQuestionComponent_p_dialog_1_ng_template_4_ion_button_0_Template(rf, ctx) { if (rf & 1) {
     const _r30 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "ion-button", 15);
@@ -11485,8 +11485,8 @@ function DynamicFormQuestionComponent_p_dialog_1_ng_template_4_Template(rf, ctx)
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r26.popUpYesActionLabel);
 } }
-const _c4$t = () => ({ width: "45vw" });
-const _c5$l = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
+const _c5$l = () => ({ width: "45vw" });
+const _c6$e = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
 function DynamicFormQuestionComponent_p_dialog_1_Template(rf, ctx) { if (rf & 1) {
     const _r34 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "p-dialog", 9);
@@ -11499,8 +11499,8 @@ function DynamicFormQuestionComponent_p_dialog_1_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(12, _c4$t));
-    i0.ɵɵproperty("visible", ctx_r0.displayPosition)("position", ctx_r0.position)("modal", true)("breakpoints", i0.ɵɵpureFunction0(13, _c5$l))("baseZIndex", 5000)("draggable", false)("resizable", false);
+    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(12, _c5$l));
+    i0.ɵɵproperty("visible", ctx_r0.displayPosition)("position", ctx_r0.position)("modal", true)("breakpoints", i0.ɵɵpureFunction0(13, _c6$e))("baseZIndex", 5000)("draggable", false)("resizable", false);
     i0.ɵɵattribute("aria-label", ctx_r0.question.title);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r0.popUpHeader, " ");
@@ -11566,194 +11566,194 @@ function DynamicFormQuestionComponent_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(2, 2, i0.ɵɵpipeBind2(3, 4, ctx_r4.question.title, ctx_r4.dynamicParam)), i0.ɵɵsanitizeHtml);
 } }
 function DynamicFormQuestionComponent_div_6_app_employer_grid_1_Template(rf, ctx) { if (rf & 1) {
-    const _r65 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-employer-grid", 34);
-    i0.ɵɵlistener("modelDisplay", function DynamicFormQuestionComponent_div_6_app_employer_grid_1_Template_app_employer_grid_modelDisplay_0_listener($event) { i0.ɵɵrestoreView(_r65); const ctx_r64 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r64.onModelDisplay($event)); });
+    const _r66 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-employer-grid", 34, 35);
+    i0.ɵɵlistener("modelDisplay", function DynamicFormQuestionComponent_div_6_app_employer_grid_1_Template_app_employer_grid_modelDisplay_0_listener($event) { i0.ɵɵrestoreView(_r66); const ctx_r65 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r65.onModelDisplay($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r36 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r36.question.name)("form", ctx_r36.form)("dynamicParam", ctx_r36.dynamicParam);
 } }
 function DynamicFormQuestionComponent_div_6_app_offline_employer_grid_2_Template(rf, ctx) { if (rf & 1) {
-    const _r67 = i0.ɵɵgetCurrentView();
+    const _r68 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "app-offline-employer-grid", 34);
-    i0.ɵɵlistener("modelDisplay", function DynamicFormQuestionComponent_div_6_app_offline_employer_grid_2_Template_app_offline_employer_grid_modelDisplay_0_listener($event) { i0.ɵɵrestoreView(_r67); const ctx_r66 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r66.onModelDisplay($event)); });
+    i0.ɵɵlistener("modelDisplay", function DynamicFormQuestionComponent_div_6_app_offline_employer_grid_2_Template_app_offline_employer_grid_modelDisplay_0_listener($event) { i0.ɵɵrestoreView(_r68); const ctx_r67 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r67.onModelDisplay($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r37 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r37.question.name)("form", ctx_r37.form)("dynamicParam", ctx_r37.dynamicParam);
 } }
 function DynamicFormQuestionComponent_div_6_app_legal_disclaimar_3_Template(rf, ctx) { if (rf & 1) {
-    const _r69 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-legal-disclaimar", 35);
-    i0.ɵɵlistener("accepted", function DynamicFormQuestionComponent_div_6_app_legal_disclaimar_3_Template_app_legal_disclaimar_accepted_0_listener($event) { i0.ɵɵrestoreView(_r69); const ctx_r68 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r68.onAccepted($event)); });
+    const _r70 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-legal-disclaimar", 36);
+    i0.ɵɵlistener("accepted", function DynamicFormQuestionComponent_div_6_app_legal_disclaimar_3_Template_app_legal_disclaimar_accepted_0_listener($event) { i0.ɵɵrestoreView(_r70); const ctx_r69 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r69.onAccepted($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r38 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("componentData", ctx_r38.question.componentData)("question", ctx_r38.question)("form", ctx_r38.form);
 } }
 function DynamicFormQuestionComponent_div_6_app_offline_legal_disclaimar_4_Template(rf, ctx) { if (rf & 1) {
-    const _r71 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-offline-legal-disclaimar", 35);
-    i0.ɵɵlistener("accepted", function DynamicFormQuestionComponent_div_6_app_offline_legal_disclaimar_4_Template_app_offline_legal_disclaimar_accepted_0_listener($event) { i0.ɵɵrestoreView(_r71); const ctx_r70 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r70.onAccepted($event)); });
+    const _r72 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-offline-legal-disclaimar", 36);
+    i0.ɵɵlistener("accepted", function DynamicFormQuestionComponent_div_6_app_offline_legal_disclaimar_4_Template_app_offline_legal_disclaimar_accepted_0_listener($event) { i0.ɵɵrestoreView(_r72); const ctx_r71 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r71.onAccepted($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r39 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("componentData", ctx_r39.question.componentData)("question", ctx_r39.question)("form", ctx_r39.form);
 } }
 function DynamicFormQuestionComponent_div_6_money_expect_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "money-expect", 36);
+    i0.ɵɵelement(0, "money-expect", 37);
 } if (rf & 2) {
     const ctx_r40 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("componentData", ctx_r40.question.componentData);
 } }
 function DynamicFormQuestionComponent_div_6_app_captcha_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-captcha", 37);
+    i0.ɵɵelement(0, "app-captcha", 38);
 } if (rf & 2) {
     const ctx_r41 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r41.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_file_uploader_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-file-uploader", 37);
+    i0.ɵɵelement(0, "app-file-uploader", 38);
 } if (rf & 2) {
     const ctx_r42 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r42.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_address_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-address", 38, 39);
+    i0.ɵɵelement(0, "app-address", 39, 40);
 } if (rf & 2) {
     const ctx_r43 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r43.question.name)("fromPopup", false)("countyRequired", ctx_r43.question.countyRequired)("questionaireForm", ctx_r43.questionaireForm)("inputId", ctx_r43.question.name)("componentData", ctx_r43.question.componentData)("diffMailAddress", (ctx_r43.form == null ? null : ctx_r43.form.controls["diffMailingAddress"] == null ? null : ctx_r43.form.controls["diffMailingAddress"].value) === "Y" || (ctx_r43.form == null ? null : ctx_r43.form.controls["diffmailaddress"] == null ? null : ctx_r43.form.controls["diffmailaddress"].value) === "Y" ? true : false)("enableAddressValidation", ctx_r43.isAddressValidationEnabled);
 } }
 function DynamicFormQuestionComponent_div_6_app_job_title_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-job-title", 40);
+    i0.ɵɵelement(0, "app-job-title", 41);
 } if (rf & 2) {
     const ctx_r44 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r44.question.name)("isRequired", ctx_r44.question.isRequired);
 } }
 function DynamicFormQuestionComponent_div_6_app_bank_details_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-bank-details", 37, 41);
+    i0.ɵɵelement(0, "app-bank-details", 38, 42);
 } if (rf & 2) {
     const ctx_r45 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r45.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_offline_bank_details_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-offline-bank-details", 37, 41);
+    i0.ɵɵelement(0, "app-offline-bank-details", 38, 42);
 } if (rf & 2) {
     const ctx_r46 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r46.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_requalify_lift_previous_issues_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-requalify-lift-previous-issues", 42);
+    i0.ɵɵelement(0, "app-requalify-lift-previous-issues", 43);
 } if (rf & 2) {
     const ctx_r47 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r47.question.name)("componentData", ctx_r47.question.componentData)("form", ctx_r47.form)("question", ctx_r47.question);
 } }
 function DynamicFormQuestionComponent_div_6_app_dependent_grid_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-dependent-grid", 37);
+    i0.ɵɵelement(0, "app-dependent-grid", 38);
 } if (rf & 2) {
     const ctx_r48 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r48.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_weekly_cert_employer_grid_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-weekly-cert-employer-grid", 43, 44);
+    i0.ɵɵelement(0, "app-weekly-cert-employer-grid", 44, 45);
 } if (rf & 2) {
     const ctx_r49 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("form", ctx_r49.form)("dynamicParam", ctx_r49.dynamicParam)("formControlName", ctx_r49.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_search_employer_15_Template(rf, ctx) { if (rf & 1) {
-    const _r77 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-search-employer", 45);
-    i0.ɵɵlistener("onFound", function DynamicFormQuestionComponent_div_6_app_search_employer_15_Template_app_search_employer_onFound_0_listener($event) { i0.ɵɵrestoreView(_r77); const ctx_r76 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r76.setEmployer($event)); })("onEmpty", function DynamicFormQuestionComponent_div_6_app_search_employer_15_Template_app_search_employer_onEmpty_0_listener() { i0.ɵɵrestoreView(_r77); const ctx_r78 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r78.resetEmployer()); });
+    const _r78 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-search-employer", 46);
+    i0.ɵɵlistener("onFound", function DynamicFormQuestionComponent_div_6_app_search_employer_15_Template_app_search_employer_onFound_0_listener($event) { i0.ɵɵrestoreView(_r78); const ctx_r77 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r77.setEmployer($event)); })("onEmpty", function DynamicFormQuestionComponent_div_6_app_search_employer_15_Template_app_search_employer_onEmpty_0_listener() { i0.ɵɵrestoreView(_r78); const ctx_r79 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r79.resetEmployer()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r50 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r50.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_add_participant_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-add-participant", 46);
+    i0.ɵɵelement(0, "app-add-participant", 47);
 } if (rf & 2) {
     const ctx_r51 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r51.question.name)("dynamicParam", ctx_r51.dynamicParam);
 } }
 function DynamicFormQuestionComponent_div_6_app_add_payment_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-add-payment", 47);
+    i0.ɵɵelement(0, "app-add-payment", 48);
 } if (rf & 2) {
     const ctx_r52 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("potentialIssueId", ctx_r52.potentialIssueId)("formControlName", ctx_r52.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_link_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-link", 48);
+    i0.ɵɵelement(0, "app-link", 49);
 } if (rf & 2) {
     const ctx_r53 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("isRequired", ctx_r53.question.isRequired)("formControlName", ctx_r53.question.name)("text", ctx_r53.linkComponentData == null ? null : ctx_r53.linkComponentData.text)("uri", ctx_r53.linkComponentData == null ? null : ctx_r53.linkComponentData.uri)("externalUrl", ctx_r53.linkComponentData == null ? null : ctx_r53.linkComponentData.externalUrl);
 } }
 function DynamicFormQuestionComponent_div_6_app_sign_ssn_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-sign-ssn", 49);
+    i0.ɵɵelement(0, "app-sign-ssn", 50);
 } if (rf & 2) {
     const ctx_r54 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("isRequired", ctx_r54.question.isRequired)("formControlName", ctx_r54.question.name)("inputId", ctx_r54.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_employer_pay_grid_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-employer-pay-grid", 37);
+    i0.ɵɵelement(0, "app-employer-pay-grid", 38);
 } if (rf & 2) {
     const ctx_r55 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r55.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_sms_21_Template(rf, ctx) { if (rf & 1) {
-    const _r80 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-sms", 50);
-    i0.ɵɵlistener("accepted", function DynamicFormQuestionComponent_div_6_app_sms_21_Template_app_sms_accepted_0_listener($event) { i0.ɵɵrestoreView(_r80); const ctx_r79 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r79.onAcceptedOtp($event)); });
+    const _r81 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-sms", 51);
+    i0.ɵɵlistener("accepted", function DynamicFormQuestionComponent_div_6_app_sms_21_Template_app_sms_accepted_0_listener($event) { i0.ɵɵrestoreView(_r81); const ctx_r80 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r80.onAcceptedOtp($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r56 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r56.question.name)("question", ctx_r56.question)("form", ctx_r56.form);
 } }
 function DynamicFormQuestionComponent_div_6_app_farm_usage_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-farm-usage", 37);
+    i0.ɵɵelement(0, "app-farm-usage", 38);
 } if (rf & 2) {
     const ctx_r57 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r57.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_wage_grid_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-wage-grid", 37);
+    i0.ɵɵelement(0, "app-wage-grid", 38);
 } if (rf & 2) {
     const ctx_r58 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r58.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_gross_earnings_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-gross-earnings", 37);
+    i0.ɵɵelement(0, "app-gross-earnings", 38);
 } if (rf & 2) {
     const ctx_r59 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r59.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_scrollable_text_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-scrollable-text", 51);
+    i0.ɵɵelement(0, "app-scrollable-text", 52);
 } if (rf & 2) {
     const ctx_r60 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("componentData", ctx_r60.question.componentData)("formControlName", ctx_r60.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_employer_info_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-employer-info", 37);
+    i0.ɵɵelement(0, "app-employer-info", 38);
 } if (rf & 2) {
     const ctx_r61 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r61.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_idme_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-idme", 37);
+    i0.ɵɵelement(0, "app-idme", 38);
 } if (rf & 2) {
     const ctx_r62 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r62.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_app_wage_calculator_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-wage-calculator", 37);
+    i0.ɵɵelement(0, "app-wage-calculator", 38);
 } if (rf & 2) {
     const ctx_r63 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("formControlName", ctx_r63.question.name);
 } }
 function DynamicFormQuestionComponent_div_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_div_6_app_employer_grid_1_Template, 1, 3, "app-employer-grid", 19)(2, DynamicFormQuestionComponent_div_6_app_offline_employer_grid_2_Template, 1, 3, "app-offline-employer-grid", 19)(3, DynamicFormQuestionComponent_div_6_app_legal_disclaimar_3_Template, 1, 3, "app-legal-disclaimar", 20)(4, DynamicFormQuestionComponent_div_6_app_offline_legal_disclaimar_4_Template, 1, 3, "app-offline-legal-disclaimar", 20)(5, DynamicFormQuestionComponent_div_6_money_expect_5_Template, 1, 1, "money-expect", 21)(6, DynamicFormQuestionComponent_div_6_app_captcha_6_Template, 1, 1, "app-captcha", 22)(7, DynamicFormQuestionComponent_div_6_app_file_uploader_7_Template, 1, 1, "app-file-uploader", 22)(8, DynamicFormQuestionComponent_div_6_app_address_8_Template, 2, 8, "app-address", 23)(9, DynamicFormQuestionComponent_div_6_app_job_title_9_Template, 1, 2, "app-job-title", 24)(10, DynamicFormQuestionComponent_div_6_app_bank_details_10_Template, 2, 1, "app-bank-details", 22)(11, DynamicFormQuestionComponent_div_6_app_offline_bank_details_11_Template, 2, 1, "app-offline-bank-details", 22)(12, DynamicFormQuestionComponent_div_6_app_requalify_lift_previous_issues_12_Template, 1, 4, "app-requalify-lift-previous-issues", 25)(13, DynamicFormQuestionComponent_div_6_app_dependent_grid_13_Template, 1, 1, "app-dependent-grid", 22)(14, DynamicFormQuestionComponent_div_6_app_weekly_cert_employer_grid_14_Template, 2, 3, "app-weekly-cert-employer-grid", 26)(15, DynamicFormQuestionComponent_div_6_app_search_employer_15_Template, 1, 1, "app-search-employer", 27)(16, DynamicFormQuestionComponent_div_6_app_add_participant_16_Template, 1, 2, "app-add-participant", 28)(17, DynamicFormQuestionComponent_div_6_app_add_payment_17_Template, 1, 2, "app-add-payment", 29)(18, DynamicFormQuestionComponent_div_6_app_link_18_Template, 1, 5, "app-link", 30)(19, DynamicFormQuestionComponent_div_6_app_sign_ssn_19_Template, 1, 3, "app-sign-ssn", 31)(20, DynamicFormQuestionComponent_div_6_app_employer_pay_grid_20_Template, 1, 1, "app-employer-pay-grid", 22)(21, DynamicFormQuestionComponent_div_6_app_sms_21_Template, 1, 3, "app-sms", 32)(22, DynamicFormQuestionComponent_div_6_app_farm_usage_22_Template, 1, 1, "app-farm-usage", 22)(23, DynamicFormQuestionComponent_div_6_app_wage_grid_23_Template, 1, 1, "app-wage-grid", 22)(24, DynamicFormQuestionComponent_div_6_app_gross_earnings_24_Template, 1, 1, "app-gross-earnings", 22)(25, DynamicFormQuestionComponent_div_6_app_scrollable_text_25_Template, 1, 2, "app-scrollable-text", 33)(26, DynamicFormQuestionComponent_div_6_app_employer_info_26_Template, 1, 1, "app-employer-info", 22)(27, DynamicFormQuestionComponent_div_6_app_idme_27_Template, 1, 1, "app-idme", 22)(28, DynamicFormQuestionComponent_div_6_app_wage_calculator_28_Template, 1, 1, "app-wage-calculator", 22);
+    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_div_6_app_employer_grid_1_Template, 2, 3, "app-employer-grid", 19)(2, DynamicFormQuestionComponent_div_6_app_offline_employer_grid_2_Template, 1, 3, "app-offline-employer-grid", 19)(3, DynamicFormQuestionComponent_div_6_app_legal_disclaimar_3_Template, 1, 3, "app-legal-disclaimar", 20)(4, DynamicFormQuestionComponent_div_6_app_offline_legal_disclaimar_4_Template, 1, 3, "app-offline-legal-disclaimar", 20)(5, DynamicFormQuestionComponent_div_6_money_expect_5_Template, 1, 1, "money-expect", 21)(6, DynamicFormQuestionComponent_div_6_app_captcha_6_Template, 1, 1, "app-captcha", 22)(7, DynamicFormQuestionComponent_div_6_app_file_uploader_7_Template, 1, 1, "app-file-uploader", 22)(8, DynamicFormQuestionComponent_div_6_app_address_8_Template, 2, 8, "app-address", 23)(9, DynamicFormQuestionComponent_div_6_app_job_title_9_Template, 1, 2, "app-job-title", 24)(10, DynamicFormQuestionComponent_div_6_app_bank_details_10_Template, 2, 1, "app-bank-details", 22)(11, DynamicFormQuestionComponent_div_6_app_offline_bank_details_11_Template, 2, 1, "app-offline-bank-details", 22)(12, DynamicFormQuestionComponent_div_6_app_requalify_lift_previous_issues_12_Template, 1, 4, "app-requalify-lift-previous-issues", 25)(13, DynamicFormQuestionComponent_div_6_app_dependent_grid_13_Template, 1, 1, "app-dependent-grid", 22)(14, DynamicFormQuestionComponent_div_6_app_weekly_cert_employer_grid_14_Template, 2, 3, "app-weekly-cert-employer-grid", 26)(15, DynamicFormQuestionComponent_div_6_app_search_employer_15_Template, 1, 1, "app-search-employer", 27)(16, DynamicFormQuestionComponent_div_6_app_add_participant_16_Template, 1, 2, "app-add-participant", 28)(17, DynamicFormQuestionComponent_div_6_app_add_payment_17_Template, 1, 2, "app-add-payment", 29)(18, DynamicFormQuestionComponent_div_6_app_link_18_Template, 1, 5, "app-link", 30)(19, DynamicFormQuestionComponent_div_6_app_sign_ssn_19_Template, 1, 3, "app-sign-ssn", 31)(20, DynamicFormQuestionComponent_div_6_app_employer_pay_grid_20_Template, 1, 1, "app-employer-pay-grid", 22)(21, DynamicFormQuestionComponent_div_6_app_sms_21_Template, 1, 3, "app-sms", 32)(22, DynamicFormQuestionComponent_div_6_app_farm_usage_22_Template, 1, 1, "app-farm-usage", 22)(23, DynamicFormQuestionComponent_div_6_app_wage_grid_23_Template, 1, 1, "app-wage-grid", 22)(24, DynamicFormQuestionComponent_div_6_app_gross_earnings_24_Template, 1, 1, "app-gross-earnings", 22)(25, DynamicFormQuestionComponent_div_6_app_scrollable_text_25_Template, 1, 2, "app-scrollable-text", 33)(26, DynamicFormQuestionComponent_div_6_app_employer_info_26_Template, 1, 1, "app-employer-info", 22)(27, DynamicFormQuestionComponent_div_6_app_idme_27_Template, 1, 1, "app-idme", 22)(28, DynamicFormQuestionComponent_div_6_app_wage_calculator_28_Template, 1, 1, "app-wage-calculator", 22);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r5 = i0.ɵɵnextContext();
@@ -11827,21 +11827,21 @@ function DynamicFormQuestionComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(2, 2, i0.ɵɵpipeBind2(3, 4, ctx_r6.question.title, ctx_r6.dynamicParam)), i0.ɵɵsanitizeHtml);
 } }
 function DynamicFormQuestionComponent_div_8_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 56);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r81 = i0.ɵɵnextContext(2);
+    const ctx_r82 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r81.question.description, ctx_r81.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r82.question.description, ctx_r82.dynamicParam));
 } }
 function DynamicFormQuestionComponent_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 52);
-    i0.ɵɵelement(1, "div", 53);
+    i0.ɵɵelementStart(0, "div", 53);
+    i0.ɵɵelement(1, "div", 54);
     i0.ɵɵpipe(2, "trustHtml");
     i0.ɵɵpipe(3, "dynamicTranslate");
-    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_div_8_div_4_Template, 3, 4, "div", 54);
+    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_div_8_div_4_Template, 3, 4, "div", 55);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r7 = i0.ɵɵnextContext();
@@ -11851,33 +11851,21 @@ function DynamicFormQuestionComponent_div_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵproperty("ngIf", ctx_r7.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r97 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "div", 59)(2, "p-calendar", 60);
-    i0.ɵɵlistener("onBlur", function DynamicFormQuestionComponent_ng_container_10_div_2_Template_p_calendar_onBlur_2_listener() { i0.ɵɵrestoreView(_r97); const ctx_r96 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r96.validate(ctx_r96.question)); })("onSelect", function DynamicFormQuestionComponent_ng_container_10_div_2_Template_p_calendar_onSelect_2_listener() { i0.ɵɵrestoreView(_r97); const ctx_r98 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r98.validate(ctx_r98.question)); })("onInput", function DynamicFormQuestionComponent_ng_container_10_div_2_Template_p_calendar_onInput_2_listener($event) { i0.ɵɵrestoreView(_r97); const ctx_r99 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r99.dateInput($event)); });
+    const _r98 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "div", 60)(2, "p-calendar", 61);
+    i0.ɵɵlistener("onBlur", function DynamicFormQuestionComponent_ng_container_10_div_2_Template_p_calendar_onBlur_2_listener() { i0.ɵɵrestoreView(_r98); const ctx_r97 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r97.validate(ctx_r97.question)); })("onSelect", function DynamicFormQuestionComponent_ng_container_10_div_2_Template_p_calendar_onSelect_2_listener() { i0.ɵɵrestoreView(_r98); const ctx_r99 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r99.validate(ctx_r99.question)); })("onInput", function DynamicFormQuestionComponent_ng_container_10_div_2_Template_p_calendar_onInput_2_listener($event) { i0.ɵɵrestoreView(_r98); const ctx_r100 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r100.dateInput($event)); });
     i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r82 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngStyle", ctx_r82.setStyle(ctx_r82.question.indent));
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("formControlName", ctx_r82.question.name)("inputId", ctx_r82.question.name)("monthNavigator", true)("yearNavigator", true)("showIcon", true)("minDate", ctx_r82.showMinDate ? ctx_r82.minDate : null)("maxDate", ctx_r82.showMaxDate ? ctx_r82.maxDate : null)("showOnFocus", false)("iconAriaLabel", ctx_r82.question.title);
-} }
-function DynamicFormQuestionComponent_ng_container_10_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r101 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 59)(1, "p-inputMask", 61);
-    i0.ɵɵlistener("onComplete", function DynamicFormQuestionComponent_ng_container_10_div_3_Template_p_inputMask_onComplete_1_listener() { i0.ɵɵrestoreView(_r101); const ctx_r100 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r100.validate(ctx_r100.question)); })("onFocus", function DynamicFormQuestionComponent_ng_container_10_div_3_Template_p_inputMask_onFocus_1_listener($event) { i0.ɵɵrestoreView(_r101); const ctx_r102 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r102.unmask($event)); })("onBlur", function DynamicFormQuestionComponent_ng_container_10_div_3_Template_p_inputMask_onBlur_1_listener($event) { i0.ɵɵrestoreView(_r101); const ctx_r103 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r103.mask($event)); });
-    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r83 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngStyle", ctx_r83.setStyle(ctx_r83.question.indent));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("inputId", ctx_r83.question.name)("formControlName", ctx_r83.question.name)("type", ctx_r83.type);
-    i0.ɵɵattribute("aria-label", ctx_r83.question.title);
+    i0.ɵɵproperty("formControlName", ctx_r83.question.name)("inputId", ctx_r83.question.name)("monthNavigator", true)("yearNavigator", true)("showIcon", true)("minDate", ctx_r83.showMinDate ? ctx_r83.minDate : null)("maxDate", ctx_r83.showMaxDate ? ctx_r83.maxDate : null)("showOnFocus", false)("iconAriaLabel", ctx_r83.question.title);
 } }
-function DynamicFormQuestionComponent_ng_container_10_div_4_Template(rf, ctx) { if (rf & 1) {
-    const _r105 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 59)(1, "p-inputMask", 62);
-    i0.ɵɵlistener("onComplete", function DynamicFormQuestionComponent_ng_container_10_div_4_Template_p_inputMask_onComplete_1_listener() { i0.ɵɵrestoreView(_r105); const ctx_r104 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r104.validate(ctx_r104.question)); })("onFocus", function DynamicFormQuestionComponent_ng_container_10_div_4_Template_p_inputMask_onFocus_1_listener($event) { i0.ɵɵrestoreView(_r105); const ctx_r106 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r106.unmask($event)); })("onBlur", function DynamicFormQuestionComponent_ng_container_10_div_4_Template_p_inputMask_onBlur_1_listener($event) { i0.ɵɵrestoreView(_r105); const ctx_r107 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r107.mask($event)); });
+function DynamicFormQuestionComponent_ng_container_10_div_3_Template(rf, ctx) { if (rf & 1) {
+    const _r102 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 60)(1, "p-inputMask", 62);
+    i0.ɵɵlistener("onComplete", function DynamicFormQuestionComponent_ng_container_10_div_3_Template_p_inputMask_onComplete_1_listener() { i0.ɵɵrestoreView(_r102); const ctx_r101 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r101.validate(ctx_r101.question)); })("onFocus", function DynamicFormQuestionComponent_ng_container_10_div_3_Template_p_inputMask_onFocus_1_listener($event) { i0.ɵɵrestoreView(_r102); const ctx_r103 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r103.unmask($event)); })("onBlur", function DynamicFormQuestionComponent_ng_container_10_div_3_Template_p_inputMask_onBlur_1_listener($event) { i0.ɵɵrestoreView(_r102); const ctx_r104 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r104.mask($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r84 = i0.ɵɵnextContext(2);
@@ -11886,278 +11874,290 @@ function DynamicFormQuestionComponent_ng_container_10_div_4_Template(rf, ctx) {
     i0.ɵɵproperty("inputId", ctx_r84.question.name)("formControlName", ctx_r84.question.name)("type", ctx_r84.type);
     i0.ɵɵattribute("aria-label", ctx_r84.question.title);
 } }
-function DynamicFormQuestionComponent_ng_container_10_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r109 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 59)(1, "p-inputMask", 63);
-    i0.ɵɵlistener("onComplete", function DynamicFormQuestionComponent_ng_container_10_div_5_Template_p_inputMask_onComplete_1_listener() { i0.ɵɵrestoreView(_r109); const ctx_r108 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r108.validate(ctx_r108.question)); });
+function DynamicFormQuestionComponent_ng_container_10_div_4_Template(rf, ctx) { if (rf & 1) {
+    const _r106 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 60)(1, "p-inputMask", 63);
+    i0.ɵɵlistener("onComplete", function DynamicFormQuestionComponent_ng_container_10_div_4_Template_p_inputMask_onComplete_1_listener() { i0.ɵɵrestoreView(_r106); const ctx_r105 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r105.validate(ctx_r105.question)); })("onFocus", function DynamicFormQuestionComponent_ng_container_10_div_4_Template_p_inputMask_onFocus_1_listener($event) { i0.ɵɵrestoreView(_r106); const ctx_r107 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r107.unmask($event)); })("onBlur", function DynamicFormQuestionComponent_ng_container_10_div_4_Template_p_inputMask_onBlur_1_listener($event) { i0.ɵɵrestoreView(_r106); const ctx_r108 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r108.mask($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r85 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngStyle", ctx_r85.setStyle(ctx_r85.question.indent));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("inputId", ctx_r85.question.name)("formControlName", ctx_r85.question.name)("value", 81 - 586 - 0 - 1);
+    i0.ɵɵproperty("inputId", ctx_r85.question.name)("formControlName", ctx_r85.question.name)("type", ctx_r85.type);
+    i0.ɵɵattribute("aria-label", ctx_r85.question.title);
 } }
-function DynamicFormQuestionComponent_ng_container_10_div_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 59);
-    i0.ɵɵelement(1, "p-inputNumber", 64);
-    i0.ɵɵelementEnd();
+function DynamicFormQuestionComponent_ng_container_10_div_5_Template(rf, ctx) { if (rf & 1) {
+    const _r110 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 60)(1, "p-inputMask", 64);
+    i0.ɵɵlistener("onComplete", function DynamicFormQuestionComponent_ng_container_10_div_5_Template_p_inputMask_onComplete_1_listener() { i0.ɵɵrestoreView(_r110); const ctx_r109 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r109.validate(ctx_r109.question)); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r86 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("ngStyle", ctx_r86.setStyle(ctx_r86.question.indent));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("inputId", ctx_r86.question.name)("formControlName", ctx_r86.question.name)("minFractionDigits", 2)("ariaLabel", ctx_r86.question.title);
+    i0.ɵɵproperty("inputId", ctx_r86.question.name)("formControlName", ctx_r86.question.name)("value", 81 - 586 - 0 - 1);
 } }
-function DynamicFormQuestionComponent_ng_container_10_div_7_input_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 68);
+function DynamicFormQuestionComponent_ng_container_10_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 60);
+    i0.ɵɵelement(1, "p-inputNumber", 65);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r110 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("maxLength", ctx_r110.question.maxLength)("placeholder", ctx_r110.question.placeholder || ctx_r110.question.placeholder === "" ? ctx_r110.question.placeholder : "Optional")("id", ctx_r110.question.name)("formControlName", ctx_r110.question.name);
-    i0.ɵɵattribute("aria-label", ctx_r110.question.title);
+    const ctx_r87 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngStyle", ctx_r87.setStyle(ctx_r87.question.indent));
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("inputId", ctx_r87.question.name)("formControlName", ctx_r87.question.name)("minFractionDigits", 2)("ariaLabel", ctx_r87.question.title);
 } }
-function DynamicFormQuestionComponent_ng_container_10_div_7_input_2_Template(rf, ctx) { if (rf & 1) {
+function DynamicFormQuestionComponent_ng_container_10_div_7_input_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "input", 69);
 } if (rf & 2) {
     const ctx_r111 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("placeholder", ctx_r111.question.placeholder || ctx_r111.question.placeholder === "" ? ctx_r111.question.placeholder : "Optional")("id", ctx_r111.question.name)("formControlName", ctx_r111.question.name);
+    i0.ɵɵproperty("maxLength", ctx_r111.question.maxLength)("placeholder", ctx_r111.question.placeholder || ctx_r111.question.placeholder === "" ? ctx_r111.question.placeholder : "Optional")("id", ctx_r111.question.name)("formControlName", ctx_r111.question.name);
     i0.ɵɵattribute("aria-label", ctx_r111.question.title);
 } }
-function DynamicFormQuestionComponent_ng_container_10_div_7_input_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 68);
+function DynamicFormQuestionComponent_ng_container_10_div_7_input_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 70);
 } if (rf & 2) {
     const ctx_r112 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("maxLength", ctx_r112.question.maxLength)("placeholder", ctx_r112.question.placeholder || ctx_r112.question.placeholder === "" ? ctx_r112.question.placeholder : "Optional")("id", ctx_r112.question.name)("formControlName", ctx_r112.question.name);
+    i0.ɵɵproperty("placeholder", ctx_r112.question.placeholder || ctx_r112.question.placeholder === "" ? ctx_r112.question.placeholder : "Optional")("id", ctx_r112.question.name)("formControlName", ctx_r112.question.name);
+    i0.ɵɵattribute("aria-label", ctx_r112.question.title);
 } }
-function DynamicFormQuestionComponent_ng_container_10_div_7_input_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 70);
+function DynamicFormQuestionComponent_ng_container_10_div_7_input_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 69);
 } if (rf & 2) {
     const ctx_r113 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("id", ctx_r113.question.name)("formControlName", ctx_r113.question.name)("placeholder", ctx_r113.question.placeholder || ctx_r113.question.placeholder === "" ? ctx_r113.question.placeholder : "Optional");
-    i0.ɵɵattribute("aria-label", ctx_r113.question.title);
+    i0.ɵɵproperty("maxLength", ctx_r113.question.maxLength)("placeholder", ctx_r113.question.placeholder || ctx_r113.question.placeholder === "" ? ctx_r113.question.placeholder : "Optional")("id", ctx_r113.question.name)("formControlName", ctx_r113.question.name);
+} }
+function DynamicFormQuestionComponent_ng_container_10_div_7_input_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 71);
+} if (rf & 2) {
+    const ctx_r114 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("id", ctx_r114.question.name)("formControlName", ctx_r114.question.name)("placeholder", ctx_r114.question.placeholder || ctx_r114.question.placeholder === "" ? ctx_r114.question.placeholder : "Optional");
+    i0.ɵɵattribute("aria-label", ctx_r114.question.title);
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 59);
-    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_10_div_7_input_1_Template, 1, 5, "input", 65)(2, DynamicFormQuestionComponent_ng_container_10_div_7_input_2_Template, 1, 4, "input", 66)(3, DynamicFormQuestionComponent_ng_container_10_div_7_input_3_Template, 1, 4, "input", 65)(4, DynamicFormQuestionComponent_ng_container_10_div_7_input_4_Template, 1, 4, "input", 67);
+    i0.ɵɵelementStart(0, "div", 60);
+    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_10_div_7_input_1_Template, 1, 5, "input", 66)(2, DynamicFormQuestionComponent_ng_container_10_div_7_input_2_Template, 1, 4, "input", 67)(3, DynamicFormQuestionComponent_ng_container_10_div_7_input_3_Template, 1, 4, "input", 66)(4, DynamicFormQuestionComponent_ng_container_10_div_7_input_4_Template, 1, 4, "input", 68);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r87 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngStyle", ctx_r87.setStyle(ctx_r87.question.indent));
+    const ctx_r88 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngStyle", ctx_r88.setStyle(ctx_r88.question.indent));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r87.question.size && ctx_r87.question.maxLength);
+    i0.ɵɵproperty("ngIf", ctx_r88.question.size && ctx_r88.question.maxLength);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r87.question.size && !ctx_r87.question.maxLength);
+    i0.ɵɵproperty("ngIf", ctx_r88.question.size && !ctx_r88.question.maxLength);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r87.question.size && ctx_r87.question.maxLength);
+    i0.ɵɵproperty("ngIf", !ctx_r88.question.size && ctx_r88.question.maxLength);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r87.question.size && !ctx_r87.question.maxLength);
+    i0.ɵɵproperty("ngIf", !ctx_r88.question.size && !ctx_r88.question.maxLength);
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_8_input_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 72);
-} if (rf & 2) {
-    const ctx_r114 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("maxLength", ctx_r114.question.maxLength)("id", ctx_r114.question.name)("formControlName", ctx_r114.question.name)("placeholder", ctx_r114.question.placeholder ? ctx_r114.question.placeholder : "");
-    i0.ɵɵattribute("aria-label", ctx_r114.question.title);
-} }
-function DynamicFormQuestionComponent_ng_container_10_div_8_input_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 70);
+    i0.ɵɵelement(0, "input", 73);
 } if (rf & 2) {
     const ctx_r115 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("id", ctx_r115.question.name)("formControlName", ctx_r115.question.name)("placeholder", ctx_r115.question.placeholder ? ctx_r115.question.placeholder : "");
+    i0.ɵɵproperty("maxLength", ctx_r115.question.maxLength)("id", ctx_r115.question.name)("formControlName", ctx_r115.question.name)("placeholder", ctx_r115.question.placeholder ? ctx_r115.question.placeholder : "");
     i0.ɵɵattribute("aria-label", ctx_r115.question.title);
 } }
-function DynamicFormQuestionComponent_ng_container_10_div_8_input_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 72);
+function DynamicFormQuestionComponent_ng_container_10_div_8_input_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 71);
 } if (rf & 2) {
     const ctx_r116 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("maxLength", ctx_r116.question.maxLength)("id", ctx_r116.question.name)("formControlName", ctx_r116.question.name)("placeholder", ctx_r116.question.placeholder ? ctx_r116.question.placeholder : "");
+    i0.ɵɵproperty("id", ctx_r116.question.name)("formControlName", ctx_r116.question.name)("placeholder", ctx_r116.question.placeholder ? ctx_r116.question.placeholder : "");
     i0.ɵɵattribute("aria-label", ctx_r116.question.title);
 } }
-function DynamicFormQuestionComponent_ng_container_10_div_8_input_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 70);
+function DynamicFormQuestionComponent_ng_container_10_div_8_input_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 73);
 } if (rf & 2) {
     const ctx_r117 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("id", ctx_r117.question.name)("formControlName", ctx_r117.question.name)("placeholder", ctx_r117.question.placeholder ? ctx_r117.question.placeholder : "");
+    i0.ɵɵproperty("maxLength", ctx_r117.question.maxLength)("id", ctx_r117.question.name)("formControlName", ctx_r117.question.name)("placeholder", ctx_r117.question.placeholder ? ctx_r117.question.placeholder : "");
     i0.ɵɵattribute("aria-label", ctx_r117.question.title);
 } }
+function DynamicFormQuestionComponent_ng_container_10_div_8_input_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 71);
+} if (rf & 2) {
+    const ctx_r118 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("id", ctx_r118.question.name)("formControlName", ctx_r118.question.name)("placeholder", ctx_r118.question.placeholder ? ctx_r118.question.placeholder : "");
+    i0.ɵɵattribute("aria-label", ctx_r118.question.title);
+} }
 function DynamicFormQuestionComponent_ng_container_10_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 59);
-    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_10_div_8_input_1_Template, 1, 5, "input", 71)(2, DynamicFormQuestionComponent_ng_container_10_div_8_input_2_Template, 1, 4, "input", 67)(3, DynamicFormQuestionComponent_ng_container_10_div_8_input_3_Template, 1, 5, "input", 71)(4, DynamicFormQuestionComponent_ng_container_10_div_8_input_4_Template, 1, 4, "input", 67);
+    i0.ɵɵelementStart(0, "div", 60);
+    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_10_div_8_input_1_Template, 1, 5, "input", 72)(2, DynamicFormQuestionComponent_ng_container_10_div_8_input_2_Template, 1, 4, "input", 68)(3, DynamicFormQuestionComponent_ng_container_10_div_8_input_3_Template, 1, 5, "input", 72)(4, DynamicFormQuestionComponent_ng_container_10_div_8_input_4_Template, 1, 4, "input", 68);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r88 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngStyle", ctx_r88.setStyle(ctx_r88.question.indent));
+    const ctx_r89 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngStyle", ctx_r89.setStyle(ctx_r89.question.indent));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r88.question.size && ctx_r88.question.maxLength);
+    i0.ɵɵproperty("ngIf", ctx_r89.question.size && ctx_r89.question.maxLength);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r88.question.size && !ctx_r88.question.maxLength);
+    i0.ɵɵproperty("ngIf", ctx_r89.question.size && !ctx_r89.question.maxLength);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r88.question.size && ctx_r88.question.maxLength);
+    i0.ɵɵproperty("ngIf", !ctx_r89.question.size && ctx_r89.question.maxLength);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r88.question.size && !ctx_r88.question.maxLength);
+    i0.ɵɵproperty("ngIf", !ctx_r89.question.size && !ctx_r89.question.maxLength);
 } }
-const _c6$e = a0 => ({ "padding-left.px": a0 });
+const _c7$a = a0 => ({ "padding-left.px": a0 });
 function DynamicFormQuestionComponent_ng_container_10_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 59);
-    i0.ɵɵelement(1, "input", 70);
+    i0.ɵɵelementStart(0, "div", 60);
+    i0.ɵɵelement(1, "input", 71);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r89 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(6, _c6$e, ctx_r89.question.indent * 10))("ngStyle", ctx_r89.setStyle(ctx_r89.question.indent));
+    const ctx_r90 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(6, _c7$a, ctx_r90.question.indent * 10))("ngStyle", ctx_r90.setStyle(ctx_r90.question.indent));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("id", ctx_r89.question.name)("formControlName", ctx_r89.question.name)("placeholder", ctx_r89.question.placeholder ? ctx_r89.question.placeholder : "");
-    i0.ɵɵattribute("aria-label", ctx_r89.question.title);
+    i0.ɵɵproperty("id", ctx_r90.question.name)("formControlName", ctx_r90.question.name)("placeholder", ctx_r90.question.placeholder ? ctx_r90.question.placeholder : "");
+    i0.ɵɵattribute("aria-label", ctx_r90.question.title);
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_10_p_inputMask_1_Template(rf, ctx) { if (rf & 1) {
-    const _r120 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-inputMask", 74);
-    i0.ɵɵlistener("onBlur", function DynamicFormQuestionComponent_ng_container_10_div_10_p_inputMask_1_Template_p_inputMask_onBlur_0_listener($event) { i0.ɵɵrestoreView(_r120); const ctx_r119 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r119.checkForValueChange($event)); });
+    const _r121 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p-inputMask", 75);
+    i0.ɵɵlistener("onBlur", function DynamicFormQuestionComponent_ng_container_10_div_10_p_inputMask_1_Template_p_inputMask_onBlur_0_listener($event) { i0.ɵɵrestoreView(_r121); const ctx_r120 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r120.checkForValueChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r118 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("inputId", ctx_r118.question.name)("formControlName", ctx_r118.question.name)("placeholder", ctx_r118.question.isRequired ? "999-999-9999" : "Optional");
-    i0.ɵɵattribute("aria-label", ctx_r118.question.title);
+    const ctx_r119 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("inputId", ctx_r119.question.name)("formControlName", ctx_r119.question.name)("placeholder", ctx_r119.question.isRequired ? "999-999-9999" : "Optional");
+    i0.ɵɵattribute("aria-label", ctx_r119.question.title);
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_10_div_10_p_inputMask_1_Template, 1, 4, "p-inputMask", 73);
+    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_10_div_10_p_inputMask_1_Template, 1, 4, "p-inputMask", 74);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r90 = i0.ɵɵnextContext(2);
+    const ctx_r91 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r90.question.inputType && ctx_r90.question.inputType === "text");
+    i0.ɵɵproperty("ngIf", ctx_r91.question.inputType && ctx_r91.question.inputType === "text");
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_li_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 78);
+    i0.ɵɵelementStart(0, "li", 79);
     i0.ɵɵtext(1, "1 of the following characters ");
     i0.ɵɵelementStart(2, "b");
     i0.ɵɵtext(3, "_ @ * $ ! # .");
     i0.ɵɵelementEnd()();
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_li_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 78);
+    i0.ɵɵelementStart(0, "li", 79);
     i0.ɵɵtext(1, "2 of the following characters ");
     i0.ɵɵelementStart(2, "b");
     i0.ɵɵtext(3, "_ @ * $ ! # .");
     i0.ɵɵelementEnd()();
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_li_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 78);
+    i0.ɵɵelementStart(0, "li", 79);
     i0.ɵɵtext(1, "8 characters");
     i0.ɵɵelementEnd();
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_li_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li", 78);
+    i0.ɵɵelementStart(0, "li", 79);
     i0.ɵɵtext(1, "14 characters");
     i0.ɵɵelementEnd();
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "p-divider");
-    i0.ɵɵelementStart(1, "p", 76);
+    i0.ɵɵelementStart(1, "p", 77);
     i0.ɵɵtext(2, "Password must include at least");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "ul", 77)(4, "li", 78);
+    i0.ɵɵelementStart(3, "ul", 78)(4, "li", 79);
     i0.ɵɵtext(5, "1 lowercase letter");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "li", 78);
+    i0.ɵɵelementStart(6, "li", 79);
     i0.ɵɵtext(7, "1 uppercase letter");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "li", 78);
+    i0.ɵɵelementStart(8, "li", 79);
     i0.ɵɵtext(9, "1 number");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(10, DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_li_10_Template, 4, 0, "li", 79)(11, DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_li_11_Template, 4, 0, "li", 79)(12, DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_li_12_Template, 2, 0, "li", 79)(13, DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_li_13_Template, 2, 0, "li", 79);
+    i0.ɵɵtemplate(10, DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_li_10_Template, 4, 0, "li", 80)(11, DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_li_11_Template, 4, 0, "li", 80)(12, DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_li_12_Template, 2, 0, "li", 80)(13, DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_li_13_Template, 2, 0, "li", 80);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(14, "p-divider");
-    i0.ɵɵelementStart(15, "p", 76);
+    i0.ɵɵelementStart(15, "p", 77);
     i0.ɵɵtext(16, "Suggestion");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "ul", 77)(18, "li", 78);
+    i0.ɵɵelementStart(17, "ul", 78)(18, "li", 79);
     i0.ɵɵtext(19, "Don't use your name, email or phone");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "li", 78);
+    i0.ɵɵelementStart(20, "li", 79);
     i0.ɵɵtext(21, "Don't use your kid, partner or pet name.");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r121 = i0.ɵɵnextContext(3);
+    const ctx_r122 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(10);
-    i0.ɵɵproperty("ngIf", !ctx_r121.isSameSymbolPolicyForClaimantAndAgency);
+    i0.ɵɵproperty("ngIf", !ctx_r122.isSameSymbolPolicyForClaimantAndAgency);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r121.isSameSymbolPolicyForClaimantAndAgency);
+    i0.ɵɵproperty("ngIf", ctx_r122.isSameSymbolPolicyForClaimantAndAgency);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r121.isNewPasswordPolicyEnabledForClaimant);
+    i0.ɵɵproperty("ngIf", !ctx_r122.isNewPasswordPolicyEnabledForClaimant);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r121.isNewPasswordPolicyEnabledForClaimant);
+    i0.ɵɵproperty("ngIf", ctx_r122.isNewPasswordPolicyEnabledForClaimant);
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "p-password", 75);
+    i0.ɵɵelementStart(0, "div")(1, "p-password", 76);
     i0.ɵɵtemplate(2, DynamicFormQuestionComponent_ng_container_10_div_11_ng_template_2_Template, 22, 4, "ng-template", 12);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r91 = i0.ɵɵnextContext(2);
+    const ctx_r92 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("inputId", ctx_r91.question.name)("formControlName", ctx_r91.question.name)("toggleMask", true)("maxLength", ctx_r91.question.maxLength)("ariaLabel", ctx_r91.question.title);
+    i0.ɵɵproperty("inputId", ctx_r92.question.name)("formControlName", ctx_r92.question.name)("toggleMask", true)("maxLength", ctx_r92.question.maxLength)("ariaLabel", ctx_r92.question.title);
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "app-file-uploader", 80);
+    i0.ɵɵelement(1, "app-file-uploader", 81);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r92 = i0.ɵɵnextContext(2);
+    const ctx_r93 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("allowedFileType", ctx_r92.question.allowedFileType)("formControlName", ctx_r92.question.name)("maxSizeInMB", ctx_r92.question.sizeInMB)("multiple", ctx_r92.question.multiple)("noOfFilesToUpload", ctx_r92.question.noOFFiles);
-    i0.ɵɵattribute("aria-label", ctx_r92.question.title);
+    i0.ɵɵproperty("allowedFileType", ctx_r93.question.allowedFileType)("formControlName", ctx_r93.question.name)("maxSizeInMB", ctx_r93.question.sizeInMB)("multiple", ctx_r93.question.multiple)("noOfFilesToUpload", ctx_r93.question.noOFFiles);
+    i0.ɵɵattribute("aria-label", ctx_r93.question.title);
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_13_Template(rf, ctx) { if (rf & 1) {
-    const _r127 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "div", 59)(2, "input", 81);
-    i0.ɵɵlistener("blur", function DynamicFormQuestionComponent_ng_container_10_div_13_Template_input_blur_2_listener($event) { i0.ɵɵrestoreView(_r127); const ctx_r126 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r126.checkForValueChange($event)); });
+    const _r128 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "div", 60)(2, "input", 82);
+    i0.ɵɵlistener("blur", function DynamicFormQuestionComponent_ng_container_10_div_13_Template_input_blur_2_listener($event) { i0.ɵɵrestoreView(_r128); const ctx_r127 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r127.checkForValueChange($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r93 = i0.ɵɵnextContext(2);
+    const ctx_r94 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngStyle", ctx_r93.setStyle(ctx_r93.question.indent));
+    i0.ɵɵproperty("ngStyle", ctx_r94.setStyle(ctx_r94.question.indent));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("id", ctx_r93.question.name)("formControlName", ctx_r93.question.name)("placeholder", ctx_r93.question.placeholder ? ctx_r93.question.placeholder : "");
-    i0.ɵɵattribute("aria-label", ctx_r93.question.title)("aria-label", ctx_r93.question.title);
+    i0.ɵɵproperty("id", ctx_r94.question.name)("formControlName", ctx_r94.question.name)("placeholder", ctx_r94.question.placeholder ? ctx_r94.question.placeholder : "");
+    i0.ɵɵattribute("aria-label", ctx_r94.question.title)("aria-label", ctx_r94.question.title);
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_14_input_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 70);
-} if (rf & 2) {
-    const ctx_r128 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("id", ctx_r128.question.name)("formControlName", ctx_r128.question.name)("placeholder", ctx_r128.question.placeholder ? ctx_r128.question.placeholder : "");
-    i0.ɵɵattribute("aria-label", ctx_r128.question.title);
-} }
-function DynamicFormQuestionComponent_ng_container_10_div_14_input_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "input", 70);
+    i0.ɵɵelement(0, "input", 71);
 } if (rf & 2) {
     const ctx_r129 = i0.ɵɵnextContext(3);
     i0.ɵɵproperty("id", ctx_r129.question.name)("formControlName", ctx_r129.question.name)("placeholder", ctx_r129.question.placeholder ? ctx_r129.question.placeholder : "");
     i0.ɵɵattribute("aria-label", ctx_r129.question.title);
 } }
+function DynamicFormQuestionComponent_ng_container_10_div_14_input_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 71);
+} if (rf & 2) {
+    const ctx_r130 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("id", ctx_r130.question.name)("formControlName", ctx_r130.question.name)("placeholder", ctx_r130.question.placeholder ? ctx_r130.question.placeholder : "");
+    i0.ɵɵattribute("aria-label", ctx_r130.question.title);
+} }
 function DynamicFormQuestionComponent_ng_container_10_div_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 59);
-    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_10_div_14_input_1_Template, 1, 4, "input", 67)(2, DynamicFormQuestionComponent_ng_container_10_div_14_input_2_Template, 1, 4, "input", 67);
+    i0.ɵɵelementStart(0, "div", 60);
+    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_10_div_14_input_1_Template, 1, 4, "input", 68)(2, DynamicFormQuestionComponent_ng_container_10_div_14_input_2_Template, 1, 4, "input", 68);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r94 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngStyle", ctx_r94.setStyle(ctx_r94.question.indent));
+    const ctx_r95 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngStyle", ctx_r95.setStyle(ctx_r95.question.indent));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r94.question.size);
+    i0.ɵɵproperty("ngIf", ctx_r95.question.size);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r94.question.size);
+    i0.ɵɵproperty("ngIf", !ctx_r95.question.size);
 } }
 function DynamicFormQuestionComponent_ng_container_10_div_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r95 = i0.ɵɵnextContext(2);
+    const ctx_r96 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r95.question.description, ctx_r95.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r96.question.description, ctx_r96.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57);
-    i0.ɵɵtemplate(2, DynamicFormQuestionComponent_ng_container_10_div_2_Template, 3, 10, "div", 3)(3, DynamicFormQuestionComponent_ng_container_10_div_3_Template, 2, 5, "div", 8)(4, DynamicFormQuestionComponent_ng_container_10_div_4_Template, 2, 5, "div", 8)(5, DynamicFormQuestionComponent_ng_container_10_div_5_Template, 2, 4, "div", 8)(6, DynamicFormQuestionComponent_ng_container_10_div_6_Template, 2, 5, "div", 8)(7, DynamicFormQuestionComponent_ng_container_10_div_7_Template, 5, 5, "div", 8)(8, DynamicFormQuestionComponent_ng_container_10_div_8_Template, 5, 5, "div", 8)(9, DynamicFormQuestionComponent_ng_container_10_div_9_Template, 2, 8, "div", 8)(10, DynamicFormQuestionComponent_ng_container_10_div_10_Template, 2, 1, "div", 3)(11, DynamicFormQuestionComponent_ng_container_10_div_11_Template, 3, 5, "div", 3)(12, DynamicFormQuestionComponent_ng_container_10_div_12_Template, 2, 6, "div", 3)(13, DynamicFormQuestionComponent_ng_container_10_div_13_Template, 3, 6, "div", 3)(14, DynamicFormQuestionComponent_ng_container_10_div_14_Template, 3, 3, "div", 8)(15, DynamicFormQuestionComponent_ng_container_10_div_15_Template, 3, 4, "div", 58);
+    i0.ɵɵelementStart(1, "div", 58);
+    i0.ɵɵtemplate(2, DynamicFormQuestionComponent_ng_container_10_div_2_Template, 3, 10, "div", 3)(3, DynamicFormQuestionComponent_ng_container_10_div_3_Template, 2, 5, "div", 8)(4, DynamicFormQuestionComponent_ng_container_10_div_4_Template, 2, 5, "div", 8)(5, DynamicFormQuestionComponent_ng_container_10_div_5_Template, 2, 4, "div", 8)(6, DynamicFormQuestionComponent_ng_container_10_div_6_Template, 2, 5, "div", 8)(7, DynamicFormQuestionComponent_ng_container_10_div_7_Template, 5, 5, "div", 8)(8, DynamicFormQuestionComponent_ng_container_10_div_8_Template, 5, 5, "div", 8)(9, DynamicFormQuestionComponent_ng_container_10_div_9_Template, 2, 8, "div", 8)(10, DynamicFormQuestionComponent_ng_container_10_div_10_Template, 2, 1, "div", 3)(11, DynamicFormQuestionComponent_ng_container_10_div_11_Template, 3, 5, "div", 3)(12, DynamicFormQuestionComponent_ng_container_10_div_12_Template, 2, 6, "div", 3)(13, DynamicFormQuestionComponent_ng_container_10_div_13_Template, 3, 6, "div", 3)(14, DynamicFormQuestionComponent_ng_container_10_div_14_Template, 3, 3, "div", 8)(15, DynamicFormQuestionComponent_ng_container_10_div_15_Template, 3, 4, "div", 59);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12192,56 +12192,56 @@ function DynamicFormQuestionComponent_ng_container_10_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r8.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_11_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 87);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 88);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r132 = i0.ɵɵnextContext(3);
+    const ctx_r133 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r132.question.description, ctx_r132.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r133.question.description, ctx_r133.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_11_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 84);
-    i0.ɵɵelement(1, "textarea", 85);
-    i0.ɵɵtemplate(2, DynamicFormQuestionComponent_ng_container_11_div_1_div_2_Template, 3, 4, "div", 86);
+    i0.ɵɵelementStart(0, "div", 85);
+    i0.ɵɵelement(1, "textarea", 86);
+    i0.ɵɵtemplate(2, DynamicFormQuestionComponent_ng_container_11_div_1_div_2_Template, 3, 4, "div", 87);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r130 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngStyle", ctx_r130.setStyle(ctx_r130.question.indent));
+    const ctx_r131 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngStyle", ctx_r131.setStyle(ctx_r131.question.indent));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("id", ctx_r130.question.name)("formControlName", ctx_r130.question.name)("maxLength", ctx_r130.question.maxLength)("rows", 3)("cols", 35)("placeholder", ctx_r130.question.placeholder ? ctx_r130.question.placeholder : "");
-    i0.ɵɵattribute("aria-label", ctx_r130.question.title);
+    i0.ɵɵproperty("id", ctx_r131.question.name)("formControlName", ctx_r131.question.name)("maxLength", ctx_r131.question.maxLength)("rows", 3)("cols", 35)("placeholder", ctx_r131.question.placeholder ? ctx_r131.question.placeholder : "");
+    i0.ɵɵattribute("aria-label", ctx_r131.question.title);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r130.question.description);
+    i0.ɵɵproperty("ngIf", ctx_r131.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_11_div_2_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 87);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 88);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r133 = i0.ɵɵnextContext(3);
+    const ctx_r134 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r133.question.description, ctx_r133.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r134.question.description, ctx_r134.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_11_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 84);
-    i0.ɵɵelement(1, "textarea", 88);
-    i0.ɵɵtemplate(2, DynamicFormQuestionComponent_ng_container_11_div_2_div_2_Template, 3, 4, "div", 86);
+    i0.ɵɵelementStart(0, "div", 85);
+    i0.ɵɵelement(1, "textarea", 89);
+    i0.ɵɵtemplate(2, DynamicFormQuestionComponent_ng_container_11_div_2_div_2_Template, 3, 4, "div", 87);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r131 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngStyle", ctx_r131.setStyle(ctx_r131.question.indent));
+    const ctx_r132 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ngStyle", ctx_r132.setStyle(ctx_r132.question.indent));
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("id", ctx_r131.question.name)("formControlName", ctx_r131.question.name)("rows", 3)("cols", 35)("placeholder", ctx_r131.question.placeholder ? ctx_r131.question.placeholder : "");
-    i0.ɵɵattribute("aria-label", ctx_r131.question.title);
+    i0.ɵɵproperty("id", ctx_r132.question.name)("formControlName", ctx_r132.question.name)("rows", 3)("cols", 35)("placeholder", ctx_r132.question.placeholder ? ctx_r132.question.placeholder : "");
+    i0.ɵɵattribute("aria-label", ctx_r132.question.title);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r131.question.description);
+    i0.ɵɵproperty("ngIf", ctx_r132.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_11_div_1_Template, 3, 9, "div", 83)(2, DynamicFormQuestionComponent_ng_container_11_div_2_Template, 3, 8, "div", 83);
+    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_11_div_1_Template, 3, 9, "div", 84)(2, DynamicFormQuestionComponent_ng_container_11_div_2_Template, 3, 8, "div", 84);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r9 = i0.ɵɵnextContext();
@@ -12255,39 +12255,39 @@ function DynamicFormQuestionComponent_ng_container_12_p_autoComplete_3_ng_templa
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const value_r137 = ctx.$implicit;
+    const value_r138 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(value_r137.text);
+    i0.ɵɵtextInterpolate(value_r138.text);
 } }
 function DynamicFormQuestionComponent_ng_container_12_p_autoComplete_3_Template(rf, ctx) { if (rf & 1) {
-    const _r139 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-autoComplete", 91);
-    i0.ɵɵlistener("completeMethod", function DynamicFormQuestionComponent_ng_container_12_p_autoComplete_3_Template_p_autoComplete_completeMethod_0_listener($event) { i0.ɵɵrestoreView(_r139); const ctx_r138 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r138.filterValue($event, ctx_r138.question)); })("onSelect", function DynamicFormQuestionComponent_ng_container_12_p_autoComplete_3_Template_p_autoComplete_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r139); const ctx_r140 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r140.onSelect($event, ctx_r140.question.name)); });
-    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_12_p_autoComplete_3_ng_template_1_Template, 3, 1, "ng-template", 92);
+    const _r140 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p-autoComplete", 92);
+    i0.ɵɵlistener("completeMethod", function DynamicFormQuestionComponent_ng_container_12_p_autoComplete_3_Template_p_autoComplete_completeMethod_0_listener($event) { i0.ɵɵrestoreView(_r140); const ctx_r139 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r139.filterValue($event, ctx_r139.question)); })("onSelect", function DynamicFormQuestionComponent_ng_container_12_p_autoComplete_3_Template_p_autoComplete_onSelect_0_listener($event) { i0.ɵɵrestoreView(_r140); const ctx_r141 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r141.onSelect($event, ctx_r141.question.name)); });
+    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_12_p_autoComplete_3_ng_template_1_Template, 3, 1, "ng-template", 93);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r134 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("formControlName", ctx_r134.question.name)("suggestions", ctx_r134.filterResult)("dropdown", true)("forceSelection", true)("completeOnFocus", true);
+    const ctx_r135 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("formControlName", ctx_r135.question.name)("suggestions", ctx_r135.filterResult)("dropdown", true)("forceSelection", true)("completeOnFocus", true);
 } }
 function DynamicFormQuestionComponent_ng_container_12_div_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r135 = i0.ɵɵnextContext(2);
+    const ctx_r136 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r135.question.description, ctx_r135.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r136.question.description, ctx_r136.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_12_Template(rf, ctx) { if (rf & 1) {
-    const _r142 = i0.ɵɵgetCurrentView();
+    const _r143 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57)(2, "div", 59);
-    i0.ɵɵtemplate(3, DynamicFormQuestionComponent_ng_container_12_p_autoComplete_3_Template, 2, 5, "p-autoComplete", 89);
-    i0.ɵɵelementStart(4, "app-dropdown", 90);
-    i0.ɵɵlistener("onChange", function DynamicFormQuestionComponent_ng_container_12_Template_app_dropdown_onChange_4_listener($event) { i0.ɵɵrestoreView(_r142); const ctx_r141 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r141.onSelect($event, ctx_r141.question.name)); })("onClick", function DynamicFormQuestionComponent_ng_container_12_Template_app_dropdown_onClick_4_listener($event) { i0.ɵɵrestoreView(_r142); const ctx_r143 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r143.filterValue($event, ctx_r143.question)); });
+    i0.ɵɵelementStart(1, "div", 58)(2, "div", 60);
+    i0.ɵɵtemplate(3, DynamicFormQuestionComponent_ng_container_12_p_autoComplete_3_Template, 2, 5, "p-autoComplete", 90);
+    i0.ɵɵelementStart(4, "app-dropdown", 91);
+    i0.ɵɵlistener("onChange", function DynamicFormQuestionComponent_ng_container_12_Template_app_dropdown_onChange_4_listener($event) { i0.ɵɵrestoreView(_r143); const ctx_r142 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r142.onSelect($event, ctx_r142.question.name)); })("onClick", function DynamicFormQuestionComponent_ng_container_12_Template_app_dropdown_onClick_4_listener($event) { i0.ɵɵrestoreView(_r143); const ctx_r144 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r144.filterValue($event, ctx_r144.question)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(5, DynamicFormQuestionComponent_ng_container_12_div_5_Template, 3, 4, "div", 58);
+    i0.ɵɵtemplate(5, DynamicFormQuestionComponent_ng_container_12_div_5_Template, 3, 4, "div", 59);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12302,22 +12302,22 @@ function DynamicFormQuestionComponent_ng_container_12_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r10.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_13_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r144 = i0.ɵɵnextContext(2);
+    const ctx_r145 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r144.question.description, ctx_r144.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r145.question.description, ctx_r145.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_13_Template(rf, ctx) { if (rf & 1) {
-    const _r146 = i0.ɵɵgetCurrentView();
+    const _r147 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57)(2, "div", 59)(3, "p-selectButton", 93);
-    i0.ɵɵlistener("onOptionClick", function DynamicFormQuestionComponent_ng_container_13_Template_p_selectButton_onOptionClick_3_listener($event) { i0.ɵɵrestoreView(_r146); const ctx_r145 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r145.onRadioOptionClick($event, ctx_r145.question)); });
+    i0.ɵɵelementStart(1, "div", 58)(2, "div", 60)(3, "p-selectButton", 94);
+    i0.ɵɵlistener("onOptionClick", function DynamicFormQuestionComponent_ng_container_13_Template_p_selectButton_onOptionClick_3_listener($event) { i0.ɵɵrestoreView(_r147); const ctx_r146 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r146.onRadioOptionClick($event, ctx_r146.question)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_13_div_4_Template, 3, 4, "div", 58);
+    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_13_div_4_Template, 3, 4, "div", 59);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12330,21 +12330,21 @@ function DynamicFormQuestionComponent_ng_container_13_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r11.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_14_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r147 = i0.ɵɵnextContext(2);
+    const ctx_r148 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r147.question.description, ctx_r147.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r148.question.description, ctx_r148.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57)(2, "div", 59);
-    i0.ɵɵelement(3, "p-inputNumber", 94);
+    i0.ɵɵelementStart(1, "div", 58)(2, "div", 60);
+    i0.ɵɵelement(3, "p-inputNumber", 95);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_14_div_4_Template, 3, 4, "div", 58);
+    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_14_div_4_Template, 3, 4, "div", 59);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12358,21 +12358,21 @@ function DynamicFormQuestionComponent_ng_container_14_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r12.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_15_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r148 = i0.ɵɵnextContext(2);
+    const ctx_r149 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r148.question.description, ctx_r148.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r149.question.description, ctx_r149.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57)(2, "div", 59);
-    i0.ɵɵelement(3, "p-inputNumber", 95);
+    i0.ɵɵelementStart(1, "div", 58)(2, "div", 60);
+    i0.ɵɵelement(3, "p-inputNumber", 96);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_15_div_4_Template, 3, 4, "div", 58);
+    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_15_div_4_Template, 3, 4, "div", 59);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12386,21 +12386,21 @@ function DynamicFormQuestionComponent_ng_container_15_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r13.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_16_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r149 = i0.ɵɵnextContext(2);
+    const ctx_r150 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r149.question.description, ctx_r149.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r150.question.description, ctx_r150.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57)(2, "div", 59);
-    i0.ɵɵelement(3, "p-inputNumber", 96);
+    i0.ɵɵelementStart(1, "div", 58)(2, "div", 60);
+    i0.ɵɵelement(3, "p-inputNumber", 97);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_16_div_4_Template, 3, 4, "div", 58);
+    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_16_div_4_Template, 3, 4, "div", 59);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12414,29 +12414,29 @@ function DynamicFormQuestionComponent_ng_container_16_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r14.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_17_p_checkbox_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p-checkbox", 99);
+    i0.ɵɵelement(0, "p-checkbox", 100);
 } if (rf & 2) {
-    const choice_r152 = ctx.$implicit;
-    const ctx_r150 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("name", ctx_r150.question.name + "-group")("value", choice_r152.value)("label", choice_r152.text)("formControl", ctx_r150.form.controls[ctx_r150.question.name])("inputId", ctx_r150.question.name + "-" + choice_r152.value);
-    i0.ɵɵattribute("aria-label", ctx_r150.question.title);
+    const choice_r153 = ctx.$implicit;
+    const ctx_r151 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("name", ctx_r151.question.name + "-group")("value", choice_r153.value)("label", choice_r153.text)("formControl", ctx_r151.form.controls[ctx_r151.question.name])("inputId", ctx_r151.question.name + "-" + choice_r153.value);
+    i0.ɵɵattribute("aria-label", ctx_r151.question.title);
 } }
 function DynamicFormQuestionComponent_ng_container_17_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r151 = i0.ɵɵnextContext(2);
+    const ctx_r152 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r151.question.description, ctx_r151.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r152.question.description, ctx_r152.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57)(2, "div", 97);
-    i0.ɵɵtemplate(3, DynamicFormQuestionComponent_ng_container_17_p_checkbox_3_Template, 1, 6, "p-checkbox", 98);
+    i0.ɵɵelementStart(1, "div", 58)(2, "div", 98);
+    i0.ɵɵtemplate(3, DynamicFormQuestionComponent_ng_container_17_p_checkbox_3_Template, 1, 6, "p-checkbox", 99);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_17_div_4_Template, 3, 4, "div", 58);
+    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_17_div_4_Template, 3, 4, "div", 59);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12449,29 +12449,29 @@ function DynamicFormQuestionComponent_ng_container_17_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r15.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_18_p_checkbox_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "p-checkbox", 99);
+    i0.ɵɵelement(0, "p-checkbox", 100);
 } if (rf & 2) {
-    const choice_r155 = ctx.$implicit;
-    const ctx_r153 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("name", ctx_r153.question.name + "-group")("value", choice_r155.value)("label", choice_r155.text)("formControl", ctx_r153.form.controls[ctx_r153.question.name])("inputId", ctx_r153.question.name + "-" + choice_r155.value);
-    i0.ɵɵattribute("aria-label", ctx_r153.question.title);
+    const choice_r156 = ctx.$implicit;
+    const ctx_r154 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("name", ctx_r154.question.name + "-group")("value", choice_r156.value)("label", choice_r156.text)("formControl", ctx_r154.form.controls[ctx_r154.question.name])("inputId", ctx_r154.question.name + "-" + choice_r156.value);
+    i0.ɵɵattribute("aria-label", ctx_r154.question.title);
 } }
 function DynamicFormQuestionComponent_ng_container_18_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r154 = i0.ɵɵnextContext(2);
+    const ctx_r155 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r154.question.description, ctx_r154.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r155.question.description, ctx_r155.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57)(2, "div", 59);
-    i0.ɵɵtemplate(3, DynamicFormQuestionComponent_ng_container_18_p_checkbox_3_Template, 1, 6, "p-checkbox", 98);
+    i0.ɵɵelementStart(1, "div", 58)(2, "div", 60);
+    i0.ɵɵtemplate(3, DynamicFormQuestionComponent_ng_container_18_p_checkbox_3_Template, 1, 6, "p-checkbox", 99);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_18_div_4_Template, 3, 4, "div", 58);
+    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_18_div_4_Template, 3, 4, "div", 59);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12484,21 +12484,21 @@ function DynamicFormQuestionComponent_ng_container_18_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r16.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_19_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r156 = i0.ɵɵnextContext(2);
+    const ctx_r157 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r156.question.description, ctx_r156.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r157.question.description, ctx_r157.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57)(2, "div", 59);
-    i0.ɵɵelement(3, "p-selectButton", 100);
+    i0.ɵɵelementStart(1, "div", 58)(2, "div", 60);
+    i0.ɵɵelement(3, "p-selectButton", 101);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_19_div_4_Template, 3, 4, "div", 58);
+    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_19_div_4_Template, 3, 4, "div", 59);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12512,23 +12512,23 @@ function DynamicFormQuestionComponent_ng_container_19_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r17.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_20_div_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 83);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r157 = i0.ɵɵnextContext(2);
+    const ctx_r158 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r157.question.description, ctx_r157.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r158.question.description, ctx_r158.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_20_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57)(2, "div", 101);
-    i0.ɵɵelement(3, "p-checkbox", 102);
-    i0.ɵɵelementStart(4, "label", 103);
+    i0.ɵɵelementStart(1, "div", 58)(2, "div", 102);
+    i0.ɵɵelement(3, "p-checkbox", 103);
+    i0.ɵɵelementStart(4, "label", 104);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(6, DynamicFormQuestionComponent_ng_container_20_div_6_Template, 3, 4, "div", 104);
+    i0.ɵɵtemplate(6, DynamicFormQuestionComponent_ng_container_20_div_6_Template, 3, 4, "div", 105);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12542,22 +12542,22 @@ function DynamicFormQuestionComponent_ng_container_20_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r18.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_21_div_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 107);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 108);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r158 = i0.ɵɵnextContext(2);
+    const ctx_r159 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r158.question.description, ctx_r158.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r159.question.description, ctx_r159.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_21_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57)(2, "label");
+    i0.ɵɵelementStart(1, "div", 58)(2, "label");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "input", 105);
-    i0.ɵɵtemplate(5, DynamicFormQuestionComponent_ng_container_21_div_5_Template, 3, 4, "div", 106);
+    i0.ɵɵelement(4, "input", 106);
+    i0.ɵɵtemplate(5, DynamicFormQuestionComponent_ng_container_21_div_5_Template, 3, 4, "div", 107);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12571,21 +12571,21 @@ function DynamicFormQuestionComponent_ng_container_21_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngIf", ctx_r19.question.description);
 } }
 function DynamicFormQuestionComponent_ng_container_22_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 107);
-    i0.ɵɵelement(1, "app-overlay-info", 56);
+    i0.ɵɵelementStart(0, "div", 108);
+    i0.ɵɵelement(1, "app-overlay-info", 57);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r159 = i0.ɵɵnextContext(2);
+    const ctx_r160 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r159.question.description, ctx_r159.dynamicParam));
+    i0.ɵɵproperty("overlayText", i0.ɵɵpipeBind2(2, 1, ctx_r160.question.description, ctx_r160.dynamicParam));
 } }
 function DynamicFormQuestionComponent_ng_container_22_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57)(2, "label");
+    i0.ɵɵelementStart(1, "div", 58)(2, "label");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_22_div_4_Template, 3, 4, "div", 106);
+    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_22_div_4_Template, 3, 4, "div", 107);
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12597,8 +12597,8 @@ function DynamicFormQuestionComponent_ng_container_22_Template(rf, ctx) { if (rf
 } }
 function DynamicFormQuestionComponent_ng_container_23_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57);
-    i0.ɵɵelement(2, "app-overlay-info", 108);
+    i0.ɵɵelementStart(1, "div", 58);
+    i0.ɵɵelement(2, "app-overlay-info", 109);
     i0.ɵɵpipe(3, "dynamicTranslate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
@@ -12609,8 +12609,8 @@ function DynamicFormQuestionComponent_ng_container_23_Template(rf, ctx) { if (rf
 } }
 function DynamicFormQuestionComponent_ng_container_24_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57);
-    i0.ɵɵelement(2, "app-overlay-info", 109);
+    i0.ɵɵelementStart(1, "div", 58);
+    i0.ɵɵelement(2, "app-overlay-info", 110);
     i0.ɵɵpipe(3, "dynamicTranslate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
@@ -12621,8 +12621,8 @@ function DynamicFormQuestionComponent_ng_container_24_Template(rf, ctx) { if (rf
 } }
 function DynamicFormQuestionComponent_ng_container_25_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "div", 57);
-    i0.ɵɵelement(2, "app-overlay-info", 110);
+    i0.ɵɵelementStart(1, "div", 58);
+    i0.ɵɵelement(2, "app-overlay-info", 111);
     i0.ɵɵpipe(3, "dynamicTranslate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
@@ -12632,54 +12632,54 @@ function DynamicFormQuestionComponent_ng_container_25_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("displayText", ctx_r23.question.title)("formControlName", ctx_r23.question.name)("labelWithPopup", i0.ɵɵpipeBind2(3, 4, ctx_r23.question.description, ctx_r23.dynamicParam))("labelWithLink", true);
 } }
 function DynamicFormQuestionComponent_ng_container_26_ng_container_4_ion_col_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ion-col", 114);
-    i0.ɵɵelement(1, "app-question", 115);
+    i0.ɵɵelementStart(0, "ion-col", 115);
+    i0.ɵɵelement(1, "app-question", 116);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const element_r162 = i0.ɵɵnextContext().$implicit;
-    const ctx_r163 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("sizeXl", element_r162.sizeXL)("sizeLg", element_r162.sizeLG)("sizeMd", element_r162.sizeMD)("offsetMd", element_r162.offSetMD);
+    const element_r163 = i0.ɵɵnextContext().$implicit;
+    const ctx_r164 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("sizeXl", element_r163.sizeXL)("sizeLg", element_r163.sizeLG)("sizeMd", element_r163.sizeMD)("offsetMd", element_r163.offSetMD);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("question", element_r162)("form", ctx_r163.form)("forScreenQuestionnaire", ctx_r163.forScreenQuestionnaire);
+    i0.ɵɵproperty("question", element_r163)("form", ctx_r164.form)("forScreenQuestionnaire", ctx_r164.forScreenQuestionnaire);
 } }
 function DynamicFormQuestionComponent_ng_container_26_ng_container_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_26_ng_container_4_ion_col_1_Template, 2, 7, "ion-col", 113);
+    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_26_ng_container_4_ion_col_1_Template, 2, 7, "ion-col", 114);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const element_r162 = ctx.$implicit;
-    const ctx_r160 = i0.ɵɵnextContext(2);
+    const element_r163 = ctx.$implicit;
+    const ctx_r161 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", element_r162.colElement === "COL1" && ctx_r160.visibleIf(element_r162.visibleIf, element_r162.name));
+    i0.ɵɵproperty("ngIf", element_r163.colElement === "COL1" && ctx_r161.visibleIf(element_r163.visibleIf, element_r163.name));
 } }
 function DynamicFormQuestionComponent_ng_container_26_ng_container_7_ion_col_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ion-col", 117);
-    i0.ɵɵelement(1, "app-question", 115);
+    i0.ɵɵelementStart(0, "ion-col", 118);
+    i0.ɵɵelement(1, "app-question", 116);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const element_r165 = i0.ɵɵnextContext().$implicit;
-    const ctx_r166 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("sizeXl", element_r165.sizeXL)("sizeLg", element_r165.sizeLG)("sizeMd", element_r165.sizeMD)("offsetMd", element_r165.offSetMD);
+    const element_r166 = i0.ɵɵnextContext().$implicit;
+    const ctx_r167 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("sizeXl", element_r166.sizeXL)("sizeLg", element_r166.sizeLG)("sizeMd", element_r166.sizeMD)("offsetMd", element_r166.offSetMD);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("question", element_r165)("form", ctx_r166.form)("forScreenQuestionnaire", ctx_r166.forScreenQuestionnaire);
+    i0.ɵɵproperty("question", element_r166)("form", ctx_r167.form)("forScreenQuestionnaire", ctx_r167.forScreenQuestionnaire);
 } }
 function DynamicFormQuestionComponent_ng_container_26_ng_container_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
-    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_26_ng_container_7_ion_col_1_Template, 2, 7, "ion-col", 116);
+    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_ng_container_26_ng_container_7_ion_col_1_Template, 2, 7, "ion-col", 117);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const element_r165 = ctx.$implicit;
-    const ctx_r161 = i0.ɵɵnextContext(2);
+    const element_r166 = ctx.$implicit;
+    const ctx_r162 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", element_r165.colElement === "COL2" && ctx_r161.visibleIf(element_r165.visibleIf, element_r165.name));
+    i0.ɵɵproperty("ngIf", element_r166.colElement === "COL2" && ctx_r162.visibleIf(element_r166.visibleIf, element_r166.name));
 } }
 function DynamicFormQuestionComponent_ng_container_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0, 111);
+    i0.ɵɵelementContainerStart(0, 112);
     i0.ɵɵelementStart(1, "ion-row")(2, "ion-col")(3, "ion-row");
-    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_26_ng_container_4_Template, 2, 1, "ng-container", 112);
+    i0.ɵɵtemplate(4, DynamicFormQuestionComponent_ng_container_26_ng_container_4_Template, 2, 1, "ng-container", 113);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(5, "ion-col")(6, "ion-row");
-    i0.ɵɵtemplate(7, DynamicFormQuestionComponent_ng_container_26_ng_container_7_Template, 2, 1, "ng-container", 112);
+    i0.ɵɵtemplate(7, DynamicFormQuestionComponent_ng_container_26_ng_container_7_Template, 2, 1, "ng-container", 113);
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
@@ -12690,19 +12690,19 @@ function DynamicFormQuestionComponent_ng_container_26_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("ngForOf", ctx_r24.question.elements);
 } }
 function DynamicFormQuestionComponent_div_27_small_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "small", 119);
+    i0.ɵɵelementStart(0, "small", 120);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "dynamicTranslate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r168 = i0.ɵɵnextContext(2);
+    const ctx_r169 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("@rowExpansionTrigger", "active");
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 2, ctx_r168.isValid, ctx_r168.dynamicParam));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 2, ctx_r169.isValid, ctx_r169.dynamicParam));
 } }
 function DynamicFormQuestionComponent_div_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 59);
-    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_div_27_small_1_Template, 3, 5, "small", 118);
+    i0.ɵɵelementStart(0, "div", 60);
+    i0.ɵɵtemplate(1, DynamicFormQuestionComponent_div_27_small_1_Template, 3, 5, "small", 119);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r25 = i0.ɵɵnextContext();
@@ -13043,6 +13043,7 @@ class DynamicFormQuestionComponent {
             var keepGoing = true;
             if (this.util.isState('MS')) {
                 let message = "Enter details or delete each employer(s) to continue";
+                this.employerGrid?.submit();
                 this.form.controls[this.question.name].markAsDirty();
                 return message;
             }
@@ -13567,13 +13568,15 @@ class DynamicFormQuestionComponent {
             i0.ɵɵviewQuery(_c1$R, 5);
             i0.ɵɵviewQuery(_c2$C, 5);
             i0.ɵɵviewQuery(_c3$v, 5);
+            i0.ɵɵviewQuery(_c4$t, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.bankdtls = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.wcEmployerGrid = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.employerGrid = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.jobTitle = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.addresses = _t);
-        } }, inputs: { question: "question", form: "form", indexNumber: "indexNumber", forScreenQuestionnaire: "forScreenQuestionnaire", dynamicParam: "dynamicParam", potentialIssueId: "potentialIssueId", questionaireForm: "questionaireForm" }, outputs: { onDynamicParamUpdate: "onDynamicParamUpdate" }, decls: 28, vars: 29, consts: [[3, "formGroup", "id"], ["appendTo", "body", "closeOnEscape", "false", 3, "visible", "position", "modal", "breakpoints", "style", "baseZIndex", "draggable", "resizable", "visibleChange", 4, "ngIf"], ["class", "form-label", 3, "ngStyle", 4, "ngIf"], [4, "ngIf"], ["style", "display: flex;", 4, "ngIf"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "responsive", 4, "ngSwitchCase"], [3, "ngStyle", 4, "ngIf"], ["appendTo", "body", "closeOnEscape", "false", 3, "visible", "position", "modal", "breakpoints", "baseZIndex", "draggable", "resizable", "visibleChange"], [1, "heading", "ion-padding-left"], [3, "innerHTML"], ["pTemplate", "footer"], ["shape", "round", "size", "small", "type", "submit", "fill", "outline", 3, "click", 4, "ngIf"], ["shape", "round", "size", "small", "type", "submit", "fill", "solid", 3, "click", 4, "ngIf"], ["shape", "round", "size", "small", "type", "submit", "fill", "outline", 3, "click"], ["shape", "round", "size", "small", "type", "submit", "fill", "solid", 3, "click"], [1, "form-label", 3, "ngStyle"], [3, "innerHtml"], [3, "formControlName", "form", "dynamicParam", "modelDisplay", 4, "ngIf"], [3, "componentData", "question", "form", "accepted", 4, "ngIf"], [3, "componentData", 4, "ngIf"], [3, "formControlName", 4, "ngIf"], [3, "formControlName", "fromPopup", "countyRequired", "questionaireForm", "inputId", "componentData", "diffMailAddress", "enableAddressValidation", 4, "ngIf"], [3, "formControlName", "isRequired", 4, "ngIf"], [3, "formControlName", "componentData", "form", "question", 4, "ngIf"], [3, "form", "dynamicParam", "formControlName", 4, "ngIf"], ["empType", "REG", 3, "formControlName", "onFound", "onEmpty", 4, "ngIf"], [3, "formControlName", "dynamicParam", 4, "ngIf"], [3, "potentialIssueId", "formControlName", 4, "ngIf"], [3, "isRequired", "formControlName", "text", "uri", "externalUrl", 4, "ngIf"], [3, "isRequired", "formControlName", "inputId", 4, "ngIf"], [3, "formControlName", "question", "form", "accepted", 4, "ngIf"], [3, "componentData", "formControlName", 4, "ngIf"], [3, "formControlName", "form", "dynamicParam", "modelDisplay"], [3, "componentData", "question", "form", "accepted"], [3, "componentData"], [3, "formControlName"], [3, "formControlName", "fromPopup", "countyRequired", "questionaireForm", "inputId", "componentData", "diffMailAddress", "enableAddressValidation"], ["address", ""], [3, "formControlName", "isRequired"], ["bankdtls", ""], [3, "formControlName", "componentData", "form", "question"], [3, "form", "dynamicParam", "formControlName"], ["wcEmployerGrid", ""], ["empType", "REG", 3, "formControlName", "onFound", "onEmpty"], [3, "formControlName", "dynamicParam"], [3, "potentialIssueId", "formControlName"], [3, "isRequired", "formControlName", "text", "uri", "externalUrl"], [3, "isRequired", "formControlName", "inputId"], [3, "formControlName", "question", "form", "accepted"], [3, "componentData", "formControlName"], [2, "display", "flex"], [1, "heading", 2, "color", "var(--ion-color-medium-gray)", "padding-top", "20px", 3, "innerHTML"], ["style", "flex-grow: 1;", "style", "padding-left: 8px; padding-top:13px", 4, "ngIf"], [2, "padding-left", "8px", "padding-top", "13px"], [3, "overlayText"], [1, "container", 2, "display", "flex"], ["style", "flex-grow: 1;", "style", "padding-left: 8px; padding-top:3px", 4, "ngIf"], [3, "ngStyle"], ["yearRange", "1901:2099", "dateFormat", "mm/dd/yy", "appendTo", "body", "dataType", "string", "placeholder", "mm/dd/yyyy", 3, "formControlName", "inputId", "monthNavigator", "yearNavigator", "showIcon", "minDate", "maxDate", "showOnFocus", "iconAriaLabel", "onBlur", "onSelect", "onInput"], ["mask", "999-99-9999", "placeholder", "999-99-9999", 3, "inputId", "formControlName", "type", "onComplete", "onFocus", "onBlur"], ["mask", "9999", "placeholder", "9999", 3, "inputId", "formControlName", "type", "onComplete", "onFocus", "onBlur"], ["mask", "99-99999-9-99", "placeholder", "99-99999-9-99", 3, "inputId", "formControlName", "value", "onComplete"], ["mode", "decimal", "locale", "en-US", 3, "inputId", "formControlName", "minFractionDigits", "ariaLabel"], ["type", "text", "pInputText", "", 3, "maxLength", "placeholder", "id", "formControlName", 4, "ngIf"], ["type", "text", "pInputText", "", 3, "placeholder", "id", "formControlName", 4, "ngIf"], ["type", "text", "pInputText", "", 3, "id", "formControlName", "placeholder", 4, "ngIf"], ["type", "text", "pInputText", "", 3, "maxLength", "placeholder", "id", "formControlName"], ["type", "text", "pInputText", "", 3, "placeholder", "id", "formControlName"], ["type", "text", "pInputText", "", 3, "id", "formControlName", "placeholder"], ["type", "text", "pInputText", "", 3, "maxLength", "id", "formControlName", "placeholder", 4, "ngIf"], ["type", "text", "pInputText", "", 3, "maxLength", "id", "formControlName", "placeholder"], ["mask", "999-999-9999", 3, "inputId", "formControlName", "placeholder", "onBlur", 4, "ngIf"], ["mask", "999-999-9999", 3, "inputId", "formControlName", "placeholder", "onBlur"], ["weakLabel", "Weak password", "mediumLabel", "Weak password", "strongLabel", "Strong password", "strongRegex", "^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[_@*$!#.]+.*[_@*$!#.])(?=.{14,})", 3, "inputId", "formControlName", "toggleMask", "maxLength", "ariaLabel"], [1, "mt-1", 2, "font-size", "small"], [2, "line-height", "1.25"], [2, "margin-left", "-25px", "font-size", "small"], ["style", "margin-left: -25px; font-size: small;", 4, "ngIf"], [3, "allowedFileType", "formControlName", "maxSizeInMB", "multiple", "noOfFilesToUpload"], ["type", "text", "pInputText", "", 3, "id", "formControlName", "placeholder", "blur"], [2, "padding-left", "8px", "padding-top", "3px"], ["style", "display: flex; align-items: center;", 3, "ngStyle", 4, "ngIf"], [2, "display", "flex", "align-items", "center", 3, "ngStyle"], ["autoResize", "true", 3, "id", "formControlName", "maxLength", "rows", "cols", "placeholder"], ["style", "flex-grow: 1;", "style", "padding-left: 3px; padding-top:3px", 4, "ngIf"], [2, "padding-left", "3px", "padding-top", "3px"], ["autoResize", "true", 3, "id", "formControlName", "rows", "cols", "placeholder"], ["appendTo", "body", "field", "text", "minLength", "1", 3, "formControlName", "suggestions", "dropdown", "forceSelection", "completeOnFocus", "completeMethod", "onSelect", 4, "ngIf"], ["optionLabel", "text", "appendTo", "body", 3, "options", "formControlName", "autoDisplayFirst", "inputId", "ariaLabel", "placeholder", "onChange", "onClick"], ["appendTo", "body", "field", "text", "minLength", "1", 3, "formControlName", "suggestions", "dropdown", "forceSelection", "completeOnFocus", "completeMethod", "onSelect"], ["pTemplate", "item"], ["unselectable", "true", "optionLabel", "text", "optionValue", "value", 3, "options", "formControlName", "onOptionClick"], ["mode", "decimal", 3, "formControlName", "inputId", "useGrouping", "min", "max", "size", "maxlength", "ariaLabel", "placeholder", "required"], ["mode", "decimal", 3, "formControlName", "inputId", "useGrouping", "minFractionDigits", "maxFractionDigits", "min", "max", "size", "maxlength", "ariaLabel", "placeholder", "required"], ["mode", "currency", "currency", "USD", 3, "formControlName", "inputId", "useGrouping", "minFractionDigits", "maxFractionDigits", "min", "max", "size", "maxlength", "ariaLabel", "placeholder", "required"], [1, "formgroup-inline", 3, "ngStyle"], ["styleClass", "app-p-checkbox", 3, "name", "value", "label", "formControl", "inputId", 4, "ngFor", "ngForOf"], ["styleClass", "app-p-checkbox", 3, "name", "value", "label", "formControl", "inputId"], ["unselectable", "true", "optionLabel", "text", "optionValue", "value", 3, "options", "formControlName", "multiple"], [1, "field-checkbox"], ["binary", "true", "inputId", "binary", 3, "formControlName"], ["for", "binary"], ["style", "flex-grow: 1;", "style", "padding-left: 8px; padding-top: 3px", 4, "ngIf"], ["type", "hidden", 3, "formControlName"], ["style", "flex-grow: 1;", "style", "padding-left: 2px", 4, "ngIf"], [2, "padding-left", "2px"], [3, "displayText", "overlayText", "displayAsLabel"], [3, "displayText", "formControlName", "overlayText", "labelWithLink"], [3, "displayText", "formControlName", "labelWithPopup", "labelWithLink"], [1, "responsive"], [4, "ngFor", "ngForOf"], ["class", "col-fit-content", 3, "sizeXl", "sizeLg", "sizeMd", "offsetMd", 4, "ngIf"], [1, "col-fit-content", 3, "sizeXl", "sizeLg", "sizeMd", "offsetMd"], [3, "question", "form", "forScreenQuestionnaire"], [3, "sizeXl", "sizeLg", "sizeMd", "offsetMd", 4, "ngIf"], [3, "sizeXl", "sizeLg", "sizeMd", "offsetMd"], ["class", "p-error", 4, "ngIf"], [1, "p-error"]], template: function DynamicFormQuestionComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { question: "question", form: "form", indexNumber: "indexNumber", forScreenQuestionnaire: "forScreenQuestionnaire", dynamicParam: "dynamicParam", potentialIssueId: "potentialIssueId", questionaireForm: "questionaireForm" }, outputs: { onDynamicParamUpdate: "onDynamicParamUpdate" }, decls: 28, vars: 29, consts: [[3, "formGroup", "id"], ["appendTo", "body", "closeOnEscape", "false", 3, "visible", "position", "modal", "breakpoints", "style", "baseZIndex", "draggable", "resizable", "visibleChange", 4, "ngIf"], ["class", "form-label", 3, "ngStyle", 4, "ngIf"], [4, "ngIf"], ["style", "display: flex;", 4, "ngIf"], [3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "responsive", 4, "ngSwitchCase"], [3, "ngStyle", 4, "ngIf"], ["appendTo", "body", "closeOnEscape", "false", 3, "visible", "position", "modal", "breakpoints", "baseZIndex", "draggable", "resizable", "visibleChange"], [1, "heading", "ion-padding-left"], [3, "innerHTML"], ["pTemplate", "footer"], ["shape", "round", "size", "small", "type", "submit", "fill", "outline", 3, "click", 4, "ngIf"], ["shape", "round", "size", "small", "type", "submit", "fill", "solid", 3, "click", 4, "ngIf"], ["shape", "round", "size", "small", "type", "submit", "fill", "outline", 3, "click"], ["shape", "round", "size", "small", "type", "submit", "fill", "solid", 3, "click"], [1, "form-label", 3, "ngStyle"], [3, "innerHtml"], [3, "formControlName", "form", "dynamicParam", "modelDisplay", 4, "ngIf"], [3, "componentData", "question", "form", "accepted", 4, "ngIf"], [3, "componentData", 4, "ngIf"], [3, "formControlName", 4, "ngIf"], [3, "formControlName", "fromPopup", "countyRequired", "questionaireForm", "inputId", "componentData", "diffMailAddress", "enableAddressValidation", 4, "ngIf"], [3, "formControlName", "isRequired", 4, "ngIf"], [3, "formControlName", "componentData", "form", "question", 4, "ngIf"], [3, "form", "dynamicParam", "formControlName", 4, "ngIf"], ["empType", "REG", 3, "formControlName", "onFound", "onEmpty", 4, "ngIf"], [3, "formControlName", "dynamicParam", 4, "ngIf"], [3, "potentialIssueId", "formControlName", 4, "ngIf"], [3, "isRequired", "formControlName", "text", "uri", "externalUrl", 4, "ngIf"], [3, "isRequired", "formControlName", "inputId", 4, "ngIf"], [3, "formControlName", "question", "form", "accepted", 4, "ngIf"], [3, "componentData", "formControlName", 4, "ngIf"], [3, "formControlName", "form", "dynamicParam", "modelDisplay"], ["employerGrid", ""], [3, "componentData", "question", "form", "accepted"], [3, "componentData"], [3, "formControlName"], [3, "formControlName", "fromPopup", "countyRequired", "questionaireForm", "inputId", "componentData", "diffMailAddress", "enableAddressValidation"], ["address", ""], [3, "formControlName", "isRequired"], ["bankdtls", ""], [3, "formControlName", "componentData", "form", "question"], [3, "form", "dynamicParam", "formControlName"], ["wcEmployerGrid", ""], ["empType", "REG", 3, "formControlName", "onFound", "onEmpty"], [3, "formControlName", "dynamicParam"], [3, "potentialIssueId", "formControlName"], [3, "isRequired", "formControlName", "text", "uri", "externalUrl"], [3, "isRequired", "formControlName", "inputId"], [3, "formControlName", "question", "form", "accepted"], [3, "componentData", "formControlName"], [2, "display", "flex"], [1, "heading", 2, "color", "var(--ion-color-medium-gray)", "padding-top", "20px", 3, "innerHTML"], ["style", "flex-grow: 1;", "style", "padding-left: 8px; padding-top:13px", 4, "ngIf"], [2, "padding-left", "8px", "padding-top", "13px"], [3, "overlayText"], [1, "container", 2, "display", "flex"], ["style", "flex-grow: 1;", "style", "padding-left: 8px; padding-top:3px", 4, "ngIf"], [3, "ngStyle"], ["yearRange", "1901:2099", "dateFormat", "mm/dd/yy", "appendTo", "body", "dataType", "string", "placeholder", "mm/dd/yyyy", 3, "formControlName", "inputId", "monthNavigator", "yearNavigator", "showIcon", "minDate", "maxDate", "showOnFocus", "iconAriaLabel", "onBlur", "onSelect", "onInput"], ["mask", "999-99-9999", "placeholder", "999-99-9999", 3, "inputId", "formControlName", "type", "onComplete", "onFocus", "onBlur"], ["mask", "9999", "placeholder", "9999", 3, "inputId", "formControlName", "type", "onComplete", "onFocus", "onBlur"], ["mask", "99-99999-9-99", "placeholder", "99-99999-9-99", 3, "inputId", "formControlName", "value", "onComplete"], ["mode", "decimal", "locale", "en-US", 3, "inputId", "formControlName", "minFractionDigits", "ariaLabel"], ["type", "text", "pInputText", "", 3, "maxLength", "placeholder", "id", "formControlName", 4, "ngIf"], ["type", "text", "pInputText", "", 3, "placeholder", "id", "formControlName", 4, "ngIf"], ["type", "text", "pInputText", "", 3, "id", "formControlName", "placeholder", 4, "ngIf"], ["type", "text", "pInputText", "", 3, "maxLength", "placeholder", "id", "formControlName"], ["type", "text", "pInputText", "", 3, "placeholder", "id", "formControlName"], ["type", "text", "pInputText", "", 3, "id", "formControlName", "placeholder"], ["type", "text", "pInputText", "", 3, "maxLength", "id", "formControlName", "placeholder", 4, "ngIf"], ["type", "text", "pInputText", "", 3, "maxLength", "id", "formControlName", "placeholder"], ["mask", "999-999-9999", 3, "inputId", "formControlName", "placeholder", "onBlur", 4, "ngIf"], ["mask", "999-999-9999", 3, "inputId", "formControlName", "placeholder", "onBlur"], ["weakLabel", "Weak password", "mediumLabel", "Weak password", "strongLabel", "Strong password", "strongRegex", "^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[_@*$!#.]+.*[_@*$!#.])(?=.{14,})", 3, "inputId", "formControlName", "toggleMask", "maxLength", "ariaLabel"], [1, "mt-1", 2, "font-size", "small"], [2, "line-height", "1.25"], [2, "margin-left", "-25px", "font-size", "small"], ["style", "margin-left: -25px; font-size: small;", 4, "ngIf"], [3, "allowedFileType", "formControlName", "maxSizeInMB", "multiple", "noOfFilesToUpload"], ["type", "text", "pInputText", "", 3, "id", "formControlName", "placeholder", "blur"], [2, "padding-left", "8px", "padding-top", "3px"], ["style", "display: flex; align-items: center;", 3, "ngStyle", 4, "ngIf"], [2, "display", "flex", "align-items", "center", 3, "ngStyle"], ["autoResize", "true", 3, "id", "formControlName", "maxLength", "rows", "cols", "placeholder"], ["style", "flex-grow: 1;", "style", "padding-left: 3px; padding-top:3px", 4, "ngIf"], [2, "padding-left", "3px", "padding-top", "3px"], ["autoResize", "true", 3, "id", "formControlName", "rows", "cols", "placeholder"], ["appendTo", "body", "field", "text", "minLength", "1", 3, "formControlName", "suggestions", "dropdown", "forceSelection", "completeOnFocus", "completeMethod", "onSelect", 4, "ngIf"], ["optionLabel", "text", "appendTo", "body", 3, "options", "formControlName", "autoDisplayFirst", "inputId", "ariaLabel", "placeholder", "onChange", "onClick"], ["appendTo", "body", "field", "text", "minLength", "1", 3, "formControlName", "suggestions", "dropdown", "forceSelection", "completeOnFocus", "completeMethod", "onSelect"], ["pTemplate", "item"], ["unselectable", "true", "optionLabel", "text", "optionValue", "value", 3, "options", "formControlName", "onOptionClick"], ["mode", "decimal", 3, "formControlName", "inputId", "useGrouping", "min", "max", "size", "maxlength", "ariaLabel", "placeholder", "required"], ["mode", "decimal", 3, "formControlName", "inputId", "useGrouping", "minFractionDigits", "maxFractionDigits", "min", "max", "size", "maxlength", "ariaLabel", "placeholder", "required"], ["mode", "currency", "currency", "USD", 3, "formControlName", "inputId", "useGrouping", "minFractionDigits", "maxFractionDigits", "min", "max", "size", "maxlength", "ariaLabel", "placeholder", "required"], [1, "formgroup-inline", 3, "ngStyle"], ["styleClass", "app-p-checkbox", 3, "name", "value", "label", "formControl", "inputId", 4, "ngFor", "ngForOf"], ["styleClass", "app-p-checkbox", 3, "name", "value", "label", "formControl", "inputId"], ["unselectable", "true", "optionLabel", "text", "optionValue", "value", 3, "options", "formControlName", "multiple"], [1, "field-checkbox"], ["binary", "true", "inputId", "binary", 3, "formControlName"], ["for", "binary"], ["style", "flex-grow: 1;", "style", "padding-left: 8px; padding-top: 3px", 4, "ngIf"], ["type", "hidden", 3, "formControlName"], ["style", "flex-grow: 1;", "style", "padding-left: 2px", 4, "ngIf"], [2, "padding-left", "2px"], [3, "displayText", "overlayText", "displayAsLabel"], [3, "displayText", "formControlName", "overlayText", "labelWithLink"], [3, "displayText", "formControlName", "labelWithPopup", "labelWithLink"], [1, "responsive"], [4, "ngFor", "ngForOf"], ["class", "col-fit-content", 3, "sizeXl", "sizeLg", "sizeMd", "offsetMd", 4, "ngIf"], [1, "col-fit-content", 3, "sizeXl", "sizeLg", "sizeMd", "offsetMd"], [3, "question", "form", "forScreenQuestionnaire"], [3, "sizeXl", "sizeLg", "sizeMd", "offsetMd", 4, "ngIf"], [3, "sizeXl", "sizeLg", "sizeMd", "offsetMd"], ["class", "p-error", 4, "ngIf"], [1, "p-error"]], template: function DynamicFormQuestionComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, DynamicFormQuestionComponent_p_dialog_1_Template, 5, 14, "p-dialog", 1)(2, DynamicFormQuestionComponent_div_2_Template, 2, 2, "div", 2)(3, DynamicFormQuestionComponent_div_3_Template, 4, 7, "div", 2)(4, DynamicFormQuestionComponent_div_4_Template, 4, 7, "div", 2)(5, DynamicFormQuestionComponent_div_5_Template, 4, 7, "div", 2)(6, DynamicFormQuestionComponent_div_6_Template, 29, 28, "div", 3)(7, DynamicFormQuestionComponent_div_7_Template, 4, 7, "div", 2)(8, DynamicFormQuestionComponent_div_8_Template, 5, 7, "div", 4);
             i0.ɵɵelementStart(9, "div", 5);
@@ -13641,7 +13644,7 @@ class DynamicFormQuestionComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DynamicFormQuestionComponent, [{
         type: Component,
-        args: [{ selector: 'app-question', changeDetection: ChangeDetectionStrategy.Default, animations: [rowExpansionTrigger], template: "<div [formGroup]=\"form\" [id]=\"'question-div-' + question.name\">\r\n  <p-dialog *ngIf=\"displayPosition\" [(visible)]=\"displayPosition\" [position]=\"position\"\r\n    [modal]=\"true\" [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '660px', '576px': '100vw'}\" [style]=\"{width: '45vw'}\"\r\n    [baseZIndex]=\"5000\" [draggable]=\"false\" [resizable]=\"false\" appendTo=\"body\" closeOnEscape=\"false\" [attr.aria-label]=\"question.title\">\r\n\r\n    <h4 class=\"heading ion-padding-left\">\r\n      {{popUpHeader}}\r\n    </h4>\r\n    <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(popUpText)\"></div>\r\n    <ng-template pTemplate=\"footer\">\r\n      <ion-button shape=\"round\" *ngIf=\"popUpNoActionLabel\" size=\"small\" type=\"submit\" fill=\"outline\" (click)=\"reject()\">\r\n        {{popUpNoActionLabel}}\r\n      </ion-button>\r\n\r\n      <ion-button shape=\"round\" *ngIf=\"popUpYesActionLabel\" size=\"small\" type=\"submit\" fill=\"solid\" (click)=\"accept()\">\r\n        {{popUpYesActionLabel}}\r\n      </ion-button>\r\n\r\n    </ng-template>\r\n  </p-dialog>\r\n  <div [ngStyle]=\"setStyle(question.indent)\" *ngIf=\"!forScreenQuestionnaire\" class=\"form-label\">\r\n    <label [attr.for]=\"question.name\" *ngIf=\"question.indent===1 && question.type!='html' && question.type!='hidden' && question.type!='label'\">\r\n      <span [innerHtml]=\"question.title | dynamicTranslate:dynamicParam | trustHtml\"></span>\r\n    </label>\r\n  </div>\r\n\r\n  <div [ngStyle]=\"setStyle(question.indent)\" class=\"form-label\"\r\n    *ngIf=\"forScreenQuestionnaire && question.indent===1 && question.type!='html' && question.type!='hidden' && question.description && question.type!='simplecheckbox' && question.type!='label' && question.type!='label-with-overlay'\">\r\n    <span [innerHtml]=\"question.title | dynamicTranslate:dynamicParam | trustHtml\"></span>\r\n  </div>\r\n\r\n  <div [ngStyle]=\"setStyle(question.indent)\" class=\"form-label\"\r\n    *ngIf=\"forScreenQuestionnaire && question.customTag && (question.customTag!='component' || (question.customTag=='component' && showLabelForCustomComponent())) && question.indent===1 && question.type!='html' && question.type!='hidden' && !question.description && question.type!='label' && question.type!='simplecheckbox'\">\r\n    <span [innerHtml]=\"question.title | dynamicTranslate:dynamicParam | trustHtml\"></span>\r\n  </div>\r\n\r\n  <div [ngStyle]=\"setStyle(question.indent)\" class=\"form-label\"\r\n    *ngIf=\"forScreenQuestionnaire && !question.customTag  && question.indent===1 && question.type!='html' && question.type!='hidden' && !question.description && question.type!='simplecheckbox' && question.type!='label' && question.type!='label-with-overlay'\">\r\n    <span [innerHtml]=\"question.title | dynamicTranslate:dynamicParam | trustHtml\"></span>\r\n  </div>\r\n\r\n  <div *ngIf=\"question.customTag && question.customTag==='component' && question.type!='html' && !question.description\">\r\n    <app-employer-grid [formControlName]=\"question.name\" [form]=\"form\" [dynamicParam]=\"dynamicParam\"\r\n      *ngIf=\"question.componentName==='app-employer-grid'\" (modelDisplay)=\"onModelDisplay($event)\"></app-employer-grid>\r\n\r\n    <app-offline-employer-grid [formControlName]=\"question.name\" [form]=\"form\" [dynamicParam]=\"dynamicParam\"\r\n     *ngIf=\"question.componentName==='app-offline-employer-grid'\" (modelDisplay)=\"onModelDisplay($event)\"></app-offline-employer-grid>\r\n\r\n    <app-legal-disclaimar *ngIf=\"question.componentName==='app-legal-disclaimar'\"\r\n      [componentData]=\"question.componentData\" (accepted)=\"onAccepted($event)\" [question]=\"question\" [form]=\"form\">\r\n    </app-legal-disclaimar>\r\n\r\n    <app-offline-legal-disclaimar *ngIf=\"question.componentName==='app-offline-legal-disclaimar'\"\r\n    [componentData]=\"question.componentData\" (accepted)=\"onAccepted($event)\" [question]=\"question\" [form]=\"form\">\r\n    </app-offline-legal-disclaimar>\r\n\r\n    <money-expect *ngIf=\"question.componentName==='money-expect'\" [componentData]=\"question.componentData\" ></money-expect>\r\n    <app-captcha [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-captcha'\"></app-captcha>\r\n\r\n    <app-file-uploader [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-file-uploader'\">\r\n    </app-file-uploader>\r\n    <app-address [formControlName]=\"question.name\" [fromPopup]=\"false\" [countyRequired]=\"question.countyRequired\" [questionaireForm]=\"questionaireForm\"\r\n      *ngIf=\"question.componentName==='app-address'\" #address [inputId]=\"question.name\" [componentData]=\"question.componentData\"\r\n      [diffMailAddress]=\"(form?.controls['diffMailingAddress']?.value === 'Y') || (form?.controls['diffmailaddress']?.value === 'Y')? true : false\"\r\n      [enableAddressValidation]=\"isAddressValidationEnabled\" > </app-address>\r\n   <!-- <app-address-suggestion *ngIf=\"showAddressSuggestion\"></app-address-suggestion> -->\r\n    <app-job-title [formControlName]=\"question.name\" [isRequired]=\"question.isRequired\"\r\n      *ngIf=\"question.componentName==='app-job-title'\" > </app-job-title>  \r\n    \r\n    <app-bank-details [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-bank-details'\" #bankdtls>\r\n    </app-bank-details>\r\n\r\n    <app-offline-bank-details [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-offline-bank-details'\" #bankdtls>\r\n    </app-offline-bank-details>\r\n\r\n    <app-requalify-lift-previous-issues *ngIf=\"question.componentName==='app-requalify-lift-previous-issues'\"\r\n    [formControlName]=\"question.name\" [componentData]=\"question.componentData\" [form]=\"form\" [question]=\"question\">\r\n    </app-requalify-lift-previous-issues> \r\n    <app-dependent-grid [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-dependent-grid'\"></app-dependent-grid>\r\n    <app-weekly-cert-employer-grid #wcEmployerGrid [form]=\"form\" [dynamicParam]=\"dynamicParam\" [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-weekly-cert-employer-grid'\"></app-weekly-cert-employer-grid>\r\n    <app-search-employer [formControlName]=\"question.name\" empType=\"REG\" (onFound)=\"setEmployer($event)\" \r\n    (onEmpty)=\"resetEmployer()\" *ngIf=\"question.componentName==='app-search-employer'\"></app-search-employer>\r\n    <app-add-participant [formControlName]=\"question.name\" [dynamicParam]=\"dynamicParam\" *ngIf=\"question.componentName==='app-add-participant'\"> </app-add-participant>\r\n    <app-add-payment [potentialIssueId]=\"potentialIssueId\" [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-add-payment'\"></app-add-payment>\r\n    <app-link [isRequired]=\"question.isRequired\" [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-link'\" [text]=\"linkComponentData?.text\" [uri]=\"linkComponentData?.uri\" [externalUrl]=\"linkComponentData?.externalUrl\"></app-link>\r\n    <app-sign-ssn [isRequired]=\"question.isRequired\" [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-sign-ssn'\" [inputId]=\"question.name\"></app-sign-ssn>\r\n    <app-employer-pay-grid [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-employer-pay-grid'\"></app-employer-pay-grid>\r\n    <app-sms [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-sms'\" [question]=\"question\" [form]=\"form\"\r\n     (accepted)=\"onAcceptedOtp($event)\"></app-sms>\r\n    <app-farm-usage [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-farm-usage'\"></app-farm-usage>\r\n    <app-wage-grid [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-wage-grid'\"></app-wage-grid>\r\n    <app-gross-earnings [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-gross-earnings'\"></app-gross-earnings>\r\n    <app-scrollable-text [componentData]=\"question.componentData\" [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-scrollable-text'\"></app-scrollable-text>\r\n    <app-employer-info [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-employer-info'\"></app-employer-info>\r\n    <app-idme [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-idme'\"></app-idme>\r\n    <app-wage-calculator [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-wage-calculator'\"></app-wage-calculator>\r\n  </div>\r\n\r\n  <div *ngIf=\"question.indent!=1 && question.type!='html' && question.type!='label' && question.type!='hidden'\" class=\"form-label\" [ngStyle]=\"setStyle(question.indent)\">\r\n    <span [innerHtml]=\"question.title | dynamicTranslate:dynamicParam | trustHtml\"></span>\r\n  </div>\r\n\r\n  <div *ngIf=\"question.type==='html'\" style=\"display: flex;\">\r\n    <div  [innerHTML]=\"question.html | dynamicTranslate:dynamicParam | trustHtml\"\r\n      style=\"color:var(--ion-color-medium-gray); padding-top: 20px;\" class=\"heading\">\r\n    </div>\r\n    <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:13px\">\r\n      <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n    </div>\r\n  </div>\r\n  \r\n  <div [ngSwitch]=\"question.type\">\r\n    <ng-container *ngSwitchCase=\"'text'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div *ngIf=\"question.inputType && question.inputType==='date'\">\r\n          <div [ngStyle]=\"setStyle(question.indent)\">\r\n            <p-calendar [formControlName]=\"question.name\" [inputId]=\"question.name\" [monthNavigator]=\"true\"\r\n              [yearNavigator]=\"true\" yearRange=\"1901:2099\" [showIcon]=\"true\" [minDate]=\"showMinDate ? minDate : null\"\r\n              [maxDate]=\"showMaxDate ? maxDate : null\" dateFormat=\"mm/dd/yy\" appendTo=\"body\" dataType=\"string\"\r\n              (onBlur)=\"validate(question)\" (onSelect)=\"validate(question)\" placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" \r\n              (onInput)=\"dateInput($event)\" [iconAriaLabel]=\"question.title\">\r\n            </p-calendar>\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          *ngIf=\"question.inputType && question.inputType==='text' && question.customTag && question.customTag==='ssn'\"\r\n          [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-inputMask mask=\"999-99-9999\" [inputId]=\"question.name\" [formControlName]=\"question.name\"\r\n            placeholder=\"999-99-9999\" (onComplete)=\"validate(question)\" (onFocus)=\"unmask($event)\" (onBlur)=\"mask($event)\" [type]=\"type\" [attr.aria-label]=\"question.title\">\r\n          </p-inputMask>\r\n        </div>\r\n\r\n        <div\r\n        *ngIf=\"question.inputType && question.inputType==='text' && question.customTag && question.customTag==='custommask'\"\r\n        [ngStyle]=\"setStyle(question.indent)\">\r\n        <p-inputMask mask=\"9999\" [inputId]=\"question.name\" [formControlName]=\"question.name\"\r\n          placeholder=\"9999\" (onComplete)=\"validate(question)\" (onFocus)=\"unmask($event)\" (onBlur)=\"mask($event)\" [type]=\"type\" [attr.aria-label]=\"question.title\">\r\n        </p-inputMask>\r\n      </div>\r\n\r\n        <div\r\n          *ngIf=\"question.inputType && question.inputType==='text' && question.customTag && question.customTag==='ean'\"\r\n          [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-inputMask mask=\"99-99999-9-99\" [inputId]=\"question.name\" [formControlName]=\"question.name\"\r\n            placeholder=\"99-99999-9-99\" [value]=\"81-00586-0-01\" (onComplete)=\"validate(question)\">\r\n          </p-inputMask>\r\n        </div>\r\n\r\n        <div\r\n          *ngIf=\"question.inputType && question.inputType==='text' && question.customTag && question.customTag==='dueamt'\"\r\n          [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-inputNumber [inputId]=\"question.name\" [formControlName]=\"question.name\" mode=\"decimal\" locale=\"en-US\"\r\n            [minFractionDigits]=\"2\" [ariaLabel]=\"question.title\"></p-inputNumber>\r\n        </div>\r\n\r\n\r\n\r\n        <div\r\n          *ngIf=\"question.inputType && question.inputType==='text' && (!question.customTag  ||  question.customTag==='Optional') && !question.isRequired\"\r\n           [ngStyle]=\"setStyle(question.indent)\">\r\n          <input type=\"text\" *ngIf=\"question.size && question.maxLength\"\r\n            [maxLength]=\"question.maxLength\" [placeholder]=\"(question.placeholder || question.placeholder === '') ? question.placeholder:'Optional'\" [id]=\"question.name\" pInputText\r\n            [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\"/>\r\n          <input type=\"text\" *ngIf=\"question.size && !question.maxLength\"  [placeholder]=\" (question.placeholder || question.placeholder === '') ? question.placeholder:'Optional'\"\r\n            [id]=\"question.name\" pInputText [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\"/>\r\n          <input type=\"text\" *ngIf=\"!question.size && question.maxLength\" [maxLength]=\"question.maxLength\"\r\n          [placeholder]=\"(question.placeholder || question.placeholder === '') ? question.placeholder:'Optional'\" [id]=\"question.name\" pInputText [formControlName]=\"question.name\" />\r\n          <input type=\"text\" *ngIf=\"!question.size && !question.maxLength\" [id]=\"question.name\" pInputText\r\n            [formControlName]=\"question.name\" [placeholder]=\"(question.placeholder || question.placeholder === '') ? question.placeholder:'Optional'\" [attr.aria-label]=\"question.title\"/>\r\n        </div>\r\n        \r\n\r\n        <!--User Name-->\r\n        <div *ngIf=\"question.inputType && question.inputType==='text' && !question.customTag && question.isRequired\"\r\n          [ngStyle]=\"setStyle(question.indent)\">\r\n          <input type=\"text\" *ngIf=\"question.size && question.maxLength\" \r\n            [maxLength]=\"question.maxLength\" [id]=\"question.name\" pInputText [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\" \r\n            [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n          <input type=\"text\" *ngIf=\"question.size && !question.maxLength\"  [id]=\"question.name\"\r\n            pInputText [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n          <input type=\"text\" *ngIf=\"!question.size && question.maxLength\" [maxLength]=\"question.maxLength\"\r\n            [id]=\"question.name\" pInputText [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n          <input type=\"text\" *ngIf=\"!question.size && !question.maxLength\" [id]=\"question.name\" pInputText\r\n            [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n        </div>\r\n\r\n        <div *ngIf=\"!question.inputType && question.customTag &&  !question.customTag.includes('phone')\"\r\n          [ngStyle]=\"{'padding-left.px': question.indent*10}\" [ngStyle]=\"setStyle(question.indent)\">\r\n          <input type=\"text\" [id]=\"question.name\" pInputText [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n        </div>\r\n\r\n\r\n        <div *ngIf=\"question.customTag && question.customTag.includes('phone')\">\r\n          <p-inputMask mask=\"999-999-9999\" [inputId]=\"question.name\" [formControlName]=\"question.name\" \r\n            [placeholder]=\"question.isRequired ? '999-999-9999' : 'Optional'\"\r\n            *ngIf=\"question.inputType && question.inputType==='text'\" (onBlur)=\"checkForValueChange($event)\" [attr.aria-label]=\"question.title\">\r\n          </p-inputMask>\r\n        </div>\r\n\r\n        <div *ngIf=\"question.customTag && question.customTag.includes('password')\">\r\n          <p-password [inputId]=\"question.name\" [formControlName]=\"question.name\" [toggleMask]=\"true\" [maxLength]=\"question.maxLength\" weakLabel=\"Weak password\" \r\n          mediumLabel=\"Weak password\" strongLabel=\"Strong password\" strongRegex=\"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[_@*$!#.]+.*[_@*$!#.])(?=.{14,})\" [ariaLabel]=\"question.title\">\r\n            \r\n          <ng-template pTemplate=\"footer\">\r\n              <p-divider></p-divider>\r\n              <p class=\"mt-1\" style=\"font-size: small;\">Password must include at least</p>\r\n              <ul style=\"line-height: 1.25\">\r\n                  <li style=\"margin-left: -25px; font-size: small;\">1 lowercase letter</li>\r\n                  <li style=\"margin-left: -25px; font-size: small;\">1 uppercase letter</li>\r\n                  <li style=\"margin-left: -25px; font-size: small;\">1 number</li>\r\n                  <li style=\"margin-left: -25px; font-size: small;\" *ngIf=\"!isSameSymbolPolicyForClaimantAndAgency\">1 of the following characters <b>_ &#64; * $ ! # .</b></li>\r\n                  <li style=\"margin-left: -25px; font-size: small;\" *ngIf=\"isSameSymbolPolicyForClaimantAndAgency\">2 of the following characters <b>_ &#64; * $ ! # .</b></li>\r\n                  <li style=\"margin-left: -25px; font-size: small;\" *ngIf=\"!isNewPasswordPolicyEnabledForClaimant\">8 characters</li>\r\n                  <li style=\"margin-left: -25px; font-size: small;\" *ngIf=\"isNewPasswordPolicyEnabledForClaimant\">14 characters</li>\r\n              </ul>\r\n              <p-divider></p-divider>\r\n              <p class=\"mt-1\" style=\"font-size: small;\">Suggestion</p>\r\n              <ul style=\"line-height: 1.25\">\r\n                <li style=\"margin-left: -25px; font-size: small;\">Don't use your name, email or phone</li>\r\n                <li style=\"margin-left: -25px; font-size: small;\">Don't use your kid, partner or pet name.</li>\r\n              </ul>\r\n          </ng-template>\r\n          </p-password>\r\n        </div>\r\n\r\n        <div *ngIf=\"question.customTag && question.customTag.includes('fileupload')\">\r\n          <app-file-uploader [allowedFileType]=\"question.allowedFileType\" [formControlName]=\"question.name\"\r\n            [maxSizeInMB]=\"question.sizeInMB\" [multiple]=\"question.multiple\" [noOfFilesToUpload]=\"question.noOFFiles\" [attr.aria-label]=\"question.title\">\r\n          </app-file-uploader>\r\n        </div>\r\n\r\n        <!--Email Address-->\r\n        <div\r\n          *ngIf=\"question.inputType  && question.inputType==='text'\r\n                  && question.customTag  && (question.customTag!='ssn' && question.customTag!='Optional' && question.customTag!='fileupload'  \r\n                  && question.customTag!='phone'  && question.customTag!='ean'  && question.customTag!='dueamt' && question.customTag!='password'\r\n                  && question.customTag!='custommask')\">\r\n          <div [ngStyle]=\"setStyle(question.indent)\">\r\n            <input type=\"text\" [id]=\"question.name\" [attr.aria-label]=\"question.title\" pInputText [formControlName]=\"question.name\" \r\n            (blur)=\"checkForValueChange($event)\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n          </div>\r\n        </div>\r\n\r\n        <div *ngIf=\"!question.inputType && !question.customTag\" [ngStyle]=\"setStyle(question.indent)\">\r\n          <input type=\"text\" [id]=\"question.name\" *ngIf=\"question.size\"  pInputText\r\n            [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n          <input type=\"text\" [id]=\"question.name\" *ngIf=\"!question.size\" pInputText [formControlName]=\"question.name\" \r\n          [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n        </div>\r\n        <!-- </ion-col>\r\n      <ion-col size=\"1\" *ngIf=\"question.description\" style=\"padding-top: 12px\">\r\n        <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n      </ion-col>\r\n      </ion-row> -->\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'comment'\">\r\n      <div [ngStyle]=\"setStyle(question.indent)\" *ngIf=\"question.maxLength\" style=\"display: flex; align-items: center;\">\r\n        <textarea [id]=\"question.name\" autoResize=\"true\" [formControlName]=\"question.name\"\r\n          [maxLength]=\"question.maxLength\" [rows]=\"3\" [cols]=\"35\" [attr.aria-label]=\"question.title\"\r\n          [placeholder]=\"question.placeholder ? question.placeholder : ''\"></textarea>\r\n          <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 3px; padding-top:3px\">\r\n            <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n          </div>\r\n      </div>\r\n\r\n      <div [ngStyle]=\"setStyle(question.indent)\" *ngIf=\"!question.maxLength\" style=\"display: flex; align-items: center;\">\r\n        <textarea [id]=\"question.name\" autoResize=\"true\" [formControlName]=\"question.name\" [rows]=\"3\"\r\n          [cols]=\"35\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"></textarea>\r\n          <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 3px; padding-top:3px\">\r\n            <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n          </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n\r\n    <ng-container *ngSwitchCase=\"'dropdown'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-autoComplete *ngIf=\"false\" [formControlName]=\"question.name\" [suggestions]=\"filterResult\" appendTo=\"body\"\r\n            (completeMethod)=\"filterValue($event,question)\" field=\"text\" [dropdown]=\"true\" minLength=\"1\"\r\n            [forceSelection]=\"true\" (onSelect)=\"onSelect($event,question.name)\" [completeOnFocus]=\"true\">\r\n            <ng-template let-value pTemplate=\"item\">\r\n              <div>\r\n                <div>{{value.text}}</div>\r\n              </div>\r\n            </ng-template>\r\n          </p-autoComplete>\r\n          <app-dropdown [options]=\"filterResult\" [formControlName]=\"question.name\" optionLabel=\"text\" appendTo=\"body\"\r\n          (onChange)=\"onSelect($event,question.name)\" [autoDisplayFirst]=\"false\" (onClick)=\"filterValue($event,question)\" [inputId]=\"question.name\"\r\n          [ariaLabel]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"></app-dropdown>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'radiogroup' \">\r\n\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-selectButton unselectable=\"true\" [options]=\"question.choices\" [formControlName]=\"question.name\" optionLabel=\"text\"\r\n            optionValue=\"value\" (onOptionClick)=\"onRadioOptionClick($event,question)\"></p-selectButton>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n\r\n\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'number'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-inputNumber formControlName=\"{{question.name}}\" mode=\"decimal\" [inputId]=\"question.name\" [useGrouping]=\"false\"\r\n          [min]=\"minValue\" [max]=\"maxValue\"\r\n          [size]=\"question.size ? question.size : null\" [maxlength]=\"question.maxLength ? question.maxLength : null\" [ariaLabel]=\"question.title\"\r\n          [placeholder]=\"question.placeholder ? question.placeholder : ''\" [required]=\"question.isRequired\"></p-inputNumber>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'decimal'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-inputNumber formControlName=\"{{question.name}}\" mode=\"decimal\" [inputId]=\"question.name\" [useGrouping]=\"false\" \r\n          [minFractionDigits]=\"2\" [maxFractionDigits]=\"2\" [min]=\"minValue\" \r\n          [max]=\"maxValue\" [size]=\"question.size ? question.size : null\"  [maxlength]=\"question.maxLength ? question.maxLength : null\" [ariaLabel]=\"question.title\"\r\n          [placeholder]=\"question.placeholder ? question.placeholder : ''\" [required]=\"question.isRequired\"></p-inputNumber>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'currency'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-inputNumber formControlName=\"{{question.name}}\" mode=\"currency\" [inputId]=\"question.name\" [useGrouping]=\"false\" \r\n          [minFractionDigits]=\"2\" [maxFractionDigits]=\"2\" currency=\"USD\" [min]=\"minValue\" \r\n          [max]=\"maxValue\" [size]=\"question.size ? question.size : null\"  [maxlength]=\"question.maxLength ? question.maxLength : null\" \r\n          [ariaLabel]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\" [required]=\"question.isRequired\"></p-inputNumber>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\" class=\"formgroup-inline\">\r\n            <p-checkbox [name]=\"question.name + '-group'\" [value]=\"choice.value\" \r\n              [label]=\"choice.text\" *ngFor=\"let choice of question.choices\" [formControl]=\"form.controls[question.name]\"\r\n              styleClass=\"app-p-checkbox\" [inputId]=\"question.name + '-' + choice.value\" [attr.aria-label]=\"question.title\"></p-checkbox>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'multicheckbox'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n            <p-checkbox [name]=\"question.name + '-group'\" [value]=\"choice.value\" \r\n              [label]=\"choice.text\" *ngFor=\"let choice of question.choices\" [formControl]=\"form.controls[question.name]\"\r\n              styleClass=\"app-p-checkbox\" [inputId]=\"question.name + '-' + choice.value\" [attr.aria-label]=\"question.title\"></p-checkbox>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'singleselectcheckbox'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-selectButton unselectable=\"true\" [options]=\"question.choices\" [formControlName]=\"question.name\" [multiple]=false\r\n            optionLabel=\"text\" optionValue=\"value\" [attr.aria-label]=\"question.title\"></p-selectButton>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'simplecheckbox'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div class=\"field-checkbox\">\r\n          <p-checkbox binary=\"true\" inputId=\"binary\" [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\"></p-checkbox>\r\n          <label for=\"binary\">{{question.title}}</label>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top: 3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'displaytextaslabel'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <label>{{getText(form.controls[question.name].value)}}</label>\r\n        <input type=\"hidden\" [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\"/>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 2px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'label'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <label>{{question.title}}</label>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 2px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'label-with-overlay'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <app-overlay-info [displayText]=\"question.title\"  [overlayText]=\"question.description | dynamicTranslate:dynamicParam\" [displayAsLabel]=\"true\"></app-overlay-info>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'label-with-link'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <app-overlay-info [displayText]=\"question.title\" [formControlName]=\"question.name\" [overlayText]=\"question.description | dynamicTranslate:dynamicParam\" [labelWithLink]=\"true\"></app-overlay-info>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'label-with-popup'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <app-overlay-info [displayText]=\"question.title\" [formControlName]=\"question.name\" [labelWithPopup]=\"question.description | dynamicTranslate:dynamicParam\" [labelWithLink]=\"true\"></app-overlay-info>\r\n      </div>\r\n    </ng-container>\r\n    \r\n    <ng-container class=\"responsive\" *ngSwitchCase=\"'panel'\">\r\n      <ion-row>\r\n        <ion-col>\r\n          <ion-row>\r\n            <ng-container *ngFor=\"let element of question.elements\">\r\n              <ion-col *ngIf=\"element.colElement==='COL1' && visibleIf(element.visibleIf,element.name)\"\r\n                [sizeXl]=\"element.sizeXL\" [sizeLg]=\"element.sizeLG\" [sizeMd]=\"element.sizeMD\"\r\n                [offsetMd]=\"element.offSetMD\" class=\"col-fit-content\">\r\n                <app-question [question]=\"element\" [form]=\"form\" [forScreenQuestionnaire]=\"forScreenQuestionnaire\">\r\n                </app-question>\r\n              </ion-col>\r\n            </ng-container>\r\n          </ion-row>\r\n        </ion-col>\r\n        <ion-col>\r\n          <ion-row>\r\n            <ng-container *ngFor=\"let element of question.elements\">\r\n              <ion-col *ngIf=\"element.colElement==='COL2' && visibleIf(element.visibleIf,element.name)\"\r\n                [sizeXl]=\"element.sizeXL\" [sizeLg]=\"element.sizeLG\" [sizeMd]=\"element.sizeMD\"\r\n                [offsetMd]=\"element.offSetMD\">\r\n                <app-question [question]=\"element\" [form]=\"form\" [forScreenQuestionnaire]=\"forScreenQuestionnaire\">\r\n                </app-question>\r\n              </ion-col>\r\n            </ng-container>\r\n          </ion-row>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ng-container>\r\n  </div>\r\n  <div [ngStyle]=\"setStyle(question.indent)\" *ngIf=\"question.type!='panel'\">\r\n    <small class=\"p-error\" *ngIf=\"isValid!=''\" [@rowExpansionTrigger]=\"'active'\">{{isValid | dynamicTranslate:dynamicParam}}</small>\r\n  </div>\r\n</div>", styles: [".form-label{display:inline-block;margin-bottom:6px;margin-top:16px}.p-checkbox-label{line-height:1.5;text-align:justify;margin-left:1rem}.p-checkbox{padding:6px 0;width:-webkit-fill-available}.p-dropdown{display:inline-flex;min-width:185px}.p-calendar .p-inputtext{max-width:134px}:host ::ng-deep .p-dropdown{display:inline-flex;min-width:110px}:host ::ng-deep .p-calendar .p-inputtext{max-width:134px!important}.col-fit-content{max-width:-moz-fit-content;max-width:fit-content}\n"] }]
+        args: [{ selector: 'app-question', changeDetection: ChangeDetectionStrategy.Default, animations: [rowExpansionTrigger], template: "<div [formGroup]=\"form\" [id]=\"'question-div-' + question.name\">\r\n  <p-dialog *ngIf=\"displayPosition\" [(visible)]=\"displayPosition\" [position]=\"position\"\r\n    [modal]=\"true\" [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '660px', '576px': '100vw'}\" [style]=\"{width: '45vw'}\"\r\n    [baseZIndex]=\"5000\" [draggable]=\"false\" [resizable]=\"false\" appendTo=\"body\" closeOnEscape=\"false\" [attr.aria-label]=\"question.title\">\r\n\r\n    <h4 class=\"heading ion-padding-left\">\r\n      {{popUpHeader}}\r\n    </h4>\r\n    <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(popUpText)\"></div>\r\n    <ng-template pTemplate=\"footer\">\r\n      <ion-button shape=\"round\" *ngIf=\"popUpNoActionLabel\" size=\"small\" type=\"submit\" fill=\"outline\" (click)=\"reject()\">\r\n        {{popUpNoActionLabel}}\r\n      </ion-button>\r\n\r\n      <ion-button shape=\"round\" *ngIf=\"popUpYesActionLabel\" size=\"small\" type=\"submit\" fill=\"solid\" (click)=\"accept()\">\r\n        {{popUpYesActionLabel}}\r\n      </ion-button>\r\n\r\n    </ng-template>\r\n  </p-dialog>\r\n  <div [ngStyle]=\"setStyle(question.indent)\" *ngIf=\"!forScreenQuestionnaire\" class=\"form-label\">\r\n    <label [attr.for]=\"question.name\" *ngIf=\"question.indent===1 && question.type!='html' && question.type!='hidden' && question.type!='label'\">\r\n      <span [innerHtml]=\"question.title | dynamicTranslate:dynamicParam | trustHtml\"></span>\r\n    </label>\r\n  </div>\r\n\r\n  <div [ngStyle]=\"setStyle(question.indent)\" class=\"form-label\"\r\n    *ngIf=\"forScreenQuestionnaire && question.indent===1 && question.type!='html' && question.type!='hidden' && question.description && question.type!='simplecheckbox' && question.type!='label' && question.type!='label-with-overlay'\">\r\n    <span [innerHtml]=\"question.title | dynamicTranslate:dynamicParam | trustHtml\"></span>\r\n  </div>\r\n\r\n  <div [ngStyle]=\"setStyle(question.indent)\" class=\"form-label\"\r\n    *ngIf=\"forScreenQuestionnaire && question.customTag && (question.customTag!='component' || (question.customTag=='component' && showLabelForCustomComponent())) && question.indent===1 && question.type!='html' && question.type!='hidden' && !question.description && question.type!='label' && question.type!='simplecheckbox'\">\r\n    <span [innerHtml]=\"question.title | dynamicTranslate:dynamicParam | trustHtml\"></span>\r\n  </div>\r\n\r\n  <div [ngStyle]=\"setStyle(question.indent)\" class=\"form-label\"\r\n    *ngIf=\"forScreenQuestionnaire && !question.customTag  && question.indent===1 && question.type!='html' && question.type!='hidden' && !question.description && question.type!='simplecheckbox' && question.type!='label' && question.type!='label-with-overlay'\">\r\n    <span [innerHtml]=\"question.title | dynamicTranslate:dynamicParam | trustHtml\"></span>\r\n  </div>\r\n\r\n  <div *ngIf=\"question.customTag && question.customTag==='component' && question.type!='html' && !question.description\">\r\n    <app-employer-grid #employerGrid [formControlName]=\"question.name\" [form]=\"form\" [dynamicParam]=\"dynamicParam\"\r\n      *ngIf=\"question.componentName==='app-employer-grid'\" (modelDisplay)=\"onModelDisplay($event)\"></app-employer-grid>\r\n\r\n    <app-offline-employer-grid [formControlName]=\"question.name\" [form]=\"form\" [dynamicParam]=\"dynamicParam\"\r\n     *ngIf=\"question.componentName==='app-offline-employer-grid'\" (modelDisplay)=\"onModelDisplay($event)\"></app-offline-employer-grid>\r\n\r\n    <app-legal-disclaimar *ngIf=\"question.componentName==='app-legal-disclaimar'\"\r\n      [componentData]=\"question.componentData\" (accepted)=\"onAccepted($event)\" [question]=\"question\" [form]=\"form\">\r\n    </app-legal-disclaimar>\r\n\r\n    <app-offline-legal-disclaimar *ngIf=\"question.componentName==='app-offline-legal-disclaimar'\"\r\n    [componentData]=\"question.componentData\" (accepted)=\"onAccepted($event)\" [question]=\"question\" [form]=\"form\">\r\n    </app-offline-legal-disclaimar>\r\n\r\n    <money-expect *ngIf=\"question.componentName==='money-expect'\" [componentData]=\"question.componentData\" ></money-expect>\r\n    <app-captcha [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-captcha'\"></app-captcha>\r\n\r\n    <app-file-uploader [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-file-uploader'\">\r\n    </app-file-uploader>\r\n    <app-address [formControlName]=\"question.name\" [fromPopup]=\"false\" [countyRequired]=\"question.countyRequired\" [questionaireForm]=\"questionaireForm\"\r\n      *ngIf=\"question.componentName==='app-address'\" #address [inputId]=\"question.name\" [componentData]=\"question.componentData\"\r\n      [diffMailAddress]=\"(form?.controls['diffMailingAddress']?.value === 'Y') || (form?.controls['diffmailaddress']?.value === 'Y')? true : false\"\r\n      [enableAddressValidation]=\"isAddressValidationEnabled\" > </app-address>\r\n   <!-- <app-address-suggestion *ngIf=\"showAddressSuggestion\"></app-address-suggestion> -->\r\n    <app-job-title [formControlName]=\"question.name\" [isRequired]=\"question.isRequired\"\r\n      *ngIf=\"question.componentName==='app-job-title'\" > </app-job-title>  \r\n    \r\n    <app-bank-details [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-bank-details'\" #bankdtls>\r\n    </app-bank-details>\r\n\r\n    <app-offline-bank-details [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-offline-bank-details'\" #bankdtls>\r\n    </app-offline-bank-details>\r\n\r\n    <app-requalify-lift-previous-issues *ngIf=\"question.componentName==='app-requalify-lift-previous-issues'\"\r\n    [formControlName]=\"question.name\" [componentData]=\"question.componentData\" [form]=\"form\" [question]=\"question\">\r\n    </app-requalify-lift-previous-issues> \r\n    <app-dependent-grid [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-dependent-grid'\"></app-dependent-grid>\r\n    <app-weekly-cert-employer-grid #wcEmployerGrid [form]=\"form\" [dynamicParam]=\"dynamicParam\" [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-weekly-cert-employer-grid'\"></app-weekly-cert-employer-grid>\r\n    <app-search-employer [formControlName]=\"question.name\" empType=\"REG\" (onFound)=\"setEmployer($event)\" \r\n    (onEmpty)=\"resetEmployer()\" *ngIf=\"question.componentName==='app-search-employer'\"></app-search-employer>\r\n    <app-add-participant [formControlName]=\"question.name\" [dynamicParam]=\"dynamicParam\" *ngIf=\"question.componentName==='app-add-participant'\"> </app-add-participant>\r\n    <app-add-payment [potentialIssueId]=\"potentialIssueId\" [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-add-payment'\"></app-add-payment>\r\n    <app-link [isRequired]=\"question.isRequired\" [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-link'\" [text]=\"linkComponentData?.text\" [uri]=\"linkComponentData?.uri\" [externalUrl]=\"linkComponentData?.externalUrl\"></app-link>\r\n    <app-sign-ssn [isRequired]=\"question.isRequired\" [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-sign-ssn'\" [inputId]=\"question.name\"></app-sign-ssn>\r\n    <app-employer-pay-grid [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-employer-pay-grid'\"></app-employer-pay-grid>\r\n    <app-sms [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-sms'\" [question]=\"question\" [form]=\"form\"\r\n     (accepted)=\"onAcceptedOtp($event)\"></app-sms>\r\n    <app-farm-usage [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-farm-usage'\"></app-farm-usage>\r\n    <app-wage-grid [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-wage-grid'\"></app-wage-grid>\r\n    <app-gross-earnings [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-gross-earnings'\"></app-gross-earnings>\r\n    <app-scrollable-text [componentData]=\"question.componentData\" [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-scrollable-text'\"></app-scrollable-text>\r\n    <app-employer-info [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-employer-info'\"></app-employer-info>\r\n    <app-idme [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-idme'\"></app-idme>\r\n    <app-wage-calculator [formControlName]=\"question.name\" *ngIf=\"question.componentName==='app-wage-calculator'\"></app-wage-calculator>\r\n  </div>\r\n\r\n  <div *ngIf=\"question.indent!=1 && question.type!='html' && question.type!='label' && question.type!='hidden'\" class=\"form-label\" [ngStyle]=\"setStyle(question.indent)\">\r\n    <span [innerHtml]=\"question.title | dynamicTranslate:dynamicParam | trustHtml\"></span>\r\n  </div>\r\n\r\n  <div *ngIf=\"question.type==='html'\" style=\"display: flex;\">\r\n    <div  [innerHTML]=\"question.html | dynamicTranslate:dynamicParam | trustHtml\"\r\n      style=\"color:var(--ion-color-medium-gray); padding-top: 20px;\" class=\"heading\">\r\n    </div>\r\n    <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:13px\">\r\n      <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n    </div>\r\n  </div>\r\n  \r\n  <div [ngSwitch]=\"question.type\">\r\n    <ng-container *ngSwitchCase=\"'text'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div *ngIf=\"question.inputType && question.inputType==='date'\">\r\n          <div [ngStyle]=\"setStyle(question.indent)\">\r\n            <p-calendar [formControlName]=\"question.name\" [inputId]=\"question.name\" [monthNavigator]=\"true\"\r\n              [yearNavigator]=\"true\" yearRange=\"1901:2099\" [showIcon]=\"true\" [minDate]=\"showMinDate ? minDate : null\"\r\n              [maxDate]=\"showMaxDate ? maxDate : null\" dateFormat=\"mm/dd/yy\" appendTo=\"body\" dataType=\"string\"\r\n              (onBlur)=\"validate(question)\" (onSelect)=\"validate(question)\" placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" \r\n              (onInput)=\"dateInput($event)\" [iconAriaLabel]=\"question.title\">\r\n            </p-calendar>\r\n          </div>\r\n        </div>\r\n\r\n        <div\r\n          *ngIf=\"question.inputType && question.inputType==='text' && question.customTag && question.customTag==='ssn'\"\r\n          [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-inputMask mask=\"999-99-9999\" [inputId]=\"question.name\" [formControlName]=\"question.name\"\r\n            placeholder=\"999-99-9999\" (onComplete)=\"validate(question)\" (onFocus)=\"unmask($event)\" (onBlur)=\"mask($event)\" [type]=\"type\" [attr.aria-label]=\"question.title\">\r\n          </p-inputMask>\r\n        </div>\r\n\r\n        <div\r\n        *ngIf=\"question.inputType && question.inputType==='text' && question.customTag && question.customTag==='custommask'\"\r\n        [ngStyle]=\"setStyle(question.indent)\">\r\n        <p-inputMask mask=\"9999\" [inputId]=\"question.name\" [formControlName]=\"question.name\"\r\n          placeholder=\"9999\" (onComplete)=\"validate(question)\" (onFocus)=\"unmask($event)\" (onBlur)=\"mask($event)\" [type]=\"type\" [attr.aria-label]=\"question.title\">\r\n        </p-inputMask>\r\n      </div>\r\n\r\n        <div\r\n          *ngIf=\"question.inputType && question.inputType==='text' && question.customTag && question.customTag==='ean'\"\r\n          [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-inputMask mask=\"99-99999-9-99\" [inputId]=\"question.name\" [formControlName]=\"question.name\"\r\n            placeholder=\"99-99999-9-99\" [value]=\"81-00586-0-01\" (onComplete)=\"validate(question)\">\r\n          </p-inputMask>\r\n        </div>\r\n\r\n        <div\r\n          *ngIf=\"question.inputType && question.inputType==='text' && question.customTag && question.customTag==='dueamt'\"\r\n          [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-inputNumber [inputId]=\"question.name\" [formControlName]=\"question.name\" mode=\"decimal\" locale=\"en-US\"\r\n            [minFractionDigits]=\"2\" [ariaLabel]=\"question.title\"></p-inputNumber>\r\n        </div>\r\n\r\n\r\n\r\n        <div\r\n          *ngIf=\"question.inputType && question.inputType==='text' && (!question.customTag  ||  question.customTag==='Optional') && !question.isRequired\"\r\n           [ngStyle]=\"setStyle(question.indent)\">\r\n          <input type=\"text\" *ngIf=\"question.size && question.maxLength\"\r\n            [maxLength]=\"question.maxLength\" [placeholder]=\"(question.placeholder || question.placeholder === '') ? question.placeholder:'Optional'\" [id]=\"question.name\" pInputText\r\n            [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\"/>\r\n          <input type=\"text\" *ngIf=\"question.size && !question.maxLength\"  [placeholder]=\" (question.placeholder || question.placeholder === '') ? question.placeholder:'Optional'\"\r\n            [id]=\"question.name\" pInputText [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\"/>\r\n          <input type=\"text\" *ngIf=\"!question.size && question.maxLength\" [maxLength]=\"question.maxLength\"\r\n          [placeholder]=\"(question.placeholder || question.placeholder === '') ? question.placeholder:'Optional'\" [id]=\"question.name\" pInputText [formControlName]=\"question.name\" />\r\n          <input type=\"text\" *ngIf=\"!question.size && !question.maxLength\" [id]=\"question.name\" pInputText\r\n            [formControlName]=\"question.name\" [placeholder]=\"(question.placeholder || question.placeholder === '') ? question.placeholder:'Optional'\" [attr.aria-label]=\"question.title\"/>\r\n        </div>\r\n        \r\n\r\n        <!--User Name-->\r\n        <div *ngIf=\"question.inputType && question.inputType==='text' && !question.customTag && question.isRequired\"\r\n          [ngStyle]=\"setStyle(question.indent)\">\r\n          <input type=\"text\" *ngIf=\"question.size && question.maxLength\" \r\n            [maxLength]=\"question.maxLength\" [id]=\"question.name\" pInputText [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\" \r\n            [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n          <input type=\"text\" *ngIf=\"question.size && !question.maxLength\"  [id]=\"question.name\"\r\n            pInputText [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n          <input type=\"text\" *ngIf=\"!question.size && question.maxLength\" [maxLength]=\"question.maxLength\"\r\n            [id]=\"question.name\" pInputText [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n          <input type=\"text\" *ngIf=\"!question.size && !question.maxLength\" [id]=\"question.name\" pInputText\r\n            [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n        </div>\r\n\r\n        <div *ngIf=\"!question.inputType && question.customTag &&  !question.customTag.includes('phone')\"\r\n          [ngStyle]=\"{'padding-left.px': question.indent*10}\" [ngStyle]=\"setStyle(question.indent)\">\r\n          <input type=\"text\" [id]=\"question.name\" pInputText [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n        </div>\r\n\r\n\r\n        <div *ngIf=\"question.customTag && question.customTag.includes('phone')\">\r\n          <p-inputMask mask=\"999-999-9999\" [inputId]=\"question.name\" [formControlName]=\"question.name\" \r\n            [placeholder]=\"question.isRequired ? '999-999-9999' : 'Optional'\"\r\n            *ngIf=\"question.inputType && question.inputType==='text'\" (onBlur)=\"checkForValueChange($event)\" [attr.aria-label]=\"question.title\">\r\n          </p-inputMask>\r\n        </div>\r\n\r\n        <div *ngIf=\"question.customTag && question.customTag.includes('password')\">\r\n          <p-password [inputId]=\"question.name\" [formControlName]=\"question.name\" [toggleMask]=\"true\" [maxLength]=\"question.maxLength\" weakLabel=\"Weak password\" \r\n          mediumLabel=\"Weak password\" strongLabel=\"Strong password\" strongRegex=\"^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[_@*$!#.]+.*[_@*$!#.])(?=.{14,})\" [ariaLabel]=\"question.title\">\r\n            \r\n          <ng-template pTemplate=\"footer\">\r\n              <p-divider></p-divider>\r\n              <p class=\"mt-1\" style=\"font-size: small;\">Password must include at least</p>\r\n              <ul style=\"line-height: 1.25\">\r\n                  <li style=\"margin-left: -25px; font-size: small;\">1 lowercase letter</li>\r\n                  <li style=\"margin-left: -25px; font-size: small;\">1 uppercase letter</li>\r\n                  <li style=\"margin-left: -25px; font-size: small;\">1 number</li>\r\n                  <li style=\"margin-left: -25px; font-size: small;\" *ngIf=\"!isSameSymbolPolicyForClaimantAndAgency\">1 of the following characters <b>_ &#64; * $ ! # .</b></li>\r\n                  <li style=\"margin-left: -25px; font-size: small;\" *ngIf=\"isSameSymbolPolicyForClaimantAndAgency\">2 of the following characters <b>_ &#64; * $ ! # .</b></li>\r\n                  <li style=\"margin-left: -25px; font-size: small;\" *ngIf=\"!isNewPasswordPolicyEnabledForClaimant\">8 characters</li>\r\n                  <li style=\"margin-left: -25px; font-size: small;\" *ngIf=\"isNewPasswordPolicyEnabledForClaimant\">14 characters</li>\r\n              </ul>\r\n              <p-divider></p-divider>\r\n              <p class=\"mt-1\" style=\"font-size: small;\">Suggestion</p>\r\n              <ul style=\"line-height: 1.25\">\r\n                <li style=\"margin-left: -25px; font-size: small;\">Don't use your name, email or phone</li>\r\n                <li style=\"margin-left: -25px; font-size: small;\">Don't use your kid, partner or pet name.</li>\r\n              </ul>\r\n          </ng-template>\r\n          </p-password>\r\n        </div>\r\n\r\n        <div *ngIf=\"question.customTag && question.customTag.includes('fileupload')\">\r\n          <app-file-uploader [allowedFileType]=\"question.allowedFileType\" [formControlName]=\"question.name\"\r\n            [maxSizeInMB]=\"question.sizeInMB\" [multiple]=\"question.multiple\" [noOfFilesToUpload]=\"question.noOFFiles\" [attr.aria-label]=\"question.title\">\r\n          </app-file-uploader>\r\n        </div>\r\n\r\n        <!--Email Address-->\r\n        <div\r\n          *ngIf=\"question.inputType  && question.inputType==='text'\r\n                  && question.customTag  && (question.customTag!='ssn' && question.customTag!='Optional' && question.customTag!='fileupload'  \r\n                  && question.customTag!='phone'  && question.customTag!='ean'  && question.customTag!='dueamt' && question.customTag!='password'\r\n                  && question.customTag!='custommask')\">\r\n          <div [ngStyle]=\"setStyle(question.indent)\">\r\n            <input type=\"text\" [id]=\"question.name\" [attr.aria-label]=\"question.title\" pInputText [formControlName]=\"question.name\" \r\n            (blur)=\"checkForValueChange($event)\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n          </div>\r\n        </div>\r\n\r\n        <div *ngIf=\"!question.inputType && !question.customTag\" [ngStyle]=\"setStyle(question.indent)\">\r\n          <input type=\"text\" [id]=\"question.name\" *ngIf=\"question.size\"  pInputText\r\n            [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n          <input type=\"text\" [id]=\"question.name\" *ngIf=\"!question.size\" pInputText [formControlName]=\"question.name\" \r\n          [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"/>\r\n        </div>\r\n        <!-- </ion-col>\r\n      <ion-col size=\"1\" *ngIf=\"question.description\" style=\"padding-top: 12px\">\r\n        <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n      </ion-col>\r\n      </ion-row> -->\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'comment'\">\r\n      <div [ngStyle]=\"setStyle(question.indent)\" *ngIf=\"question.maxLength\" style=\"display: flex; align-items: center;\">\r\n        <textarea [id]=\"question.name\" autoResize=\"true\" [formControlName]=\"question.name\"\r\n          [maxLength]=\"question.maxLength\" [rows]=\"3\" [cols]=\"35\" [attr.aria-label]=\"question.title\"\r\n          [placeholder]=\"question.placeholder ? question.placeholder : ''\"></textarea>\r\n          <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 3px; padding-top:3px\">\r\n            <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n          </div>\r\n      </div>\r\n\r\n      <div [ngStyle]=\"setStyle(question.indent)\" *ngIf=\"!question.maxLength\" style=\"display: flex; align-items: center;\">\r\n        <textarea [id]=\"question.name\" autoResize=\"true\" [formControlName]=\"question.name\" [rows]=\"3\"\r\n          [cols]=\"35\" [attr.aria-label]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"></textarea>\r\n          <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 3px; padding-top:3px\">\r\n            <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n          </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n\r\n    <ng-container *ngSwitchCase=\"'dropdown'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-autoComplete *ngIf=\"false\" [formControlName]=\"question.name\" [suggestions]=\"filterResult\" appendTo=\"body\"\r\n            (completeMethod)=\"filterValue($event,question)\" field=\"text\" [dropdown]=\"true\" minLength=\"1\"\r\n            [forceSelection]=\"true\" (onSelect)=\"onSelect($event,question.name)\" [completeOnFocus]=\"true\">\r\n            <ng-template let-value pTemplate=\"item\">\r\n              <div>\r\n                <div>{{value.text}}</div>\r\n              </div>\r\n            </ng-template>\r\n          </p-autoComplete>\r\n          <app-dropdown [options]=\"filterResult\" [formControlName]=\"question.name\" optionLabel=\"text\" appendTo=\"body\"\r\n          (onChange)=\"onSelect($event,question.name)\" [autoDisplayFirst]=\"false\" (onClick)=\"filterValue($event,question)\" [inputId]=\"question.name\"\r\n          [ariaLabel]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\"></app-dropdown>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'radiogroup' \">\r\n\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-selectButton unselectable=\"true\" [options]=\"question.choices\" [formControlName]=\"question.name\" optionLabel=\"text\"\r\n            optionValue=\"value\" (onOptionClick)=\"onRadioOptionClick($event,question)\"></p-selectButton>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n\r\n\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'number'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-inputNumber formControlName=\"{{question.name}}\" mode=\"decimal\" [inputId]=\"question.name\" [useGrouping]=\"false\"\r\n          [min]=\"minValue\" [max]=\"maxValue\"\r\n          [size]=\"question.size ? question.size : null\" [maxlength]=\"question.maxLength ? question.maxLength : null\" [ariaLabel]=\"question.title\"\r\n          [placeholder]=\"question.placeholder ? question.placeholder : ''\" [required]=\"question.isRequired\"></p-inputNumber>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'decimal'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-inputNumber formControlName=\"{{question.name}}\" mode=\"decimal\" [inputId]=\"question.name\" [useGrouping]=\"false\" \r\n          [minFractionDigits]=\"2\" [maxFractionDigits]=\"2\" [min]=\"minValue\" \r\n          [max]=\"maxValue\" [size]=\"question.size ? question.size : null\"  [maxlength]=\"question.maxLength ? question.maxLength : null\" [ariaLabel]=\"question.title\"\r\n          [placeholder]=\"question.placeholder ? question.placeholder : ''\" [required]=\"question.isRequired\"></p-inputNumber>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'currency'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-inputNumber formControlName=\"{{question.name}}\" mode=\"currency\" [inputId]=\"question.name\" [useGrouping]=\"false\" \r\n          [minFractionDigits]=\"2\" [maxFractionDigits]=\"2\" currency=\"USD\" [min]=\"minValue\" \r\n          [max]=\"maxValue\" [size]=\"question.size ? question.size : null\"  [maxlength]=\"question.maxLength ? question.maxLength : null\" \r\n          [ariaLabel]=\"question.title\" [placeholder]=\"question.placeholder ? question.placeholder : ''\" [required]=\"question.isRequired\"></p-inputNumber>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'checkbox'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\" class=\"formgroup-inline\">\r\n            <p-checkbox [name]=\"question.name + '-group'\" [value]=\"choice.value\" \r\n              [label]=\"choice.text\" *ngFor=\"let choice of question.choices\" [formControl]=\"form.controls[question.name]\"\r\n              styleClass=\"app-p-checkbox\" [inputId]=\"question.name + '-' + choice.value\" [attr.aria-label]=\"question.title\"></p-checkbox>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'multicheckbox'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n            <p-checkbox [name]=\"question.name + '-group'\" [value]=\"choice.value\" \r\n              [label]=\"choice.text\" *ngFor=\"let choice of question.choices\" [formControl]=\"form.controls[question.name]\"\r\n              styleClass=\"app-p-checkbox\" [inputId]=\"question.name + '-' + choice.value\" [attr.aria-label]=\"question.title\"></p-checkbox>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'singleselectcheckbox'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div [ngStyle]=\"setStyle(question.indent)\">\r\n          <p-selectButton unselectable=\"true\" [options]=\"question.choices\" [formControlName]=\"question.name\" [multiple]=false\r\n            optionLabel=\"text\" optionValue=\"value\" [attr.aria-label]=\"question.title\"></p-selectButton>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top:3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'simplecheckbox'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <div class=\"field-checkbox\">\r\n          <p-checkbox binary=\"true\" inputId=\"binary\" [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\"></p-checkbox>\r\n          <label for=\"binary\">{{question.title}}</label>\r\n        </div>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 8px; padding-top: 3px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'displaytextaslabel'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <label>{{getText(form.controls[question.name].value)}}</label>\r\n        <input type=\"hidden\" [formControlName]=\"question.name\" [attr.aria-label]=\"question.title\"/>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 2px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngSwitchCase=\"'label'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <label>{{question.title}}</label>\r\n        <div style=\"flex-grow: 1;\" *ngIf=\"question.description\" style=\"padding-left: 2px\">\r\n          <app-overlay-info [overlayText]=\"question.description | dynamicTranslate:dynamicParam\"></app-overlay-info>\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'label-with-overlay'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <app-overlay-info [displayText]=\"question.title\"  [overlayText]=\"question.description | dynamicTranslate:dynamicParam\" [displayAsLabel]=\"true\"></app-overlay-info>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'label-with-link'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <app-overlay-info [displayText]=\"question.title\" [formControlName]=\"question.name\" [overlayText]=\"question.description | dynamicTranslate:dynamicParam\" [labelWithLink]=\"true\"></app-overlay-info>\r\n      </div>\r\n    </ng-container>\r\n    <ng-container *ngSwitchCase=\"'label-with-popup'\">\r\n      <div class=\"container\" style=\"display: flex;\">\r\n        <app-overlay-info [displayText]=\"question.title\" [formControlName]=\"question.name\" [labelWithPopup]=\"question.description | dynamicTranslate:dynamicParam\" [labelWithLink]=\"true\"></app-overlay-info>\r\n      </div>\r\n    </ng-container>\r\n    \r\n    <ng-container class=\"responsive\" *ngSwitchCase=\"'panel'\">\r\n      <ion-row>\r\n        <ion-col>\r\n          <ion-row>\r\n            <ng-container *ngFor=\"let element of question.elements\">\r\n              <ion-col *ngIf=\"element.colElement==='COL1' && visibleIf(element.visibleIf,element.name)\"\r\n                [sizeXl]=\"element.sizeXL\" [sizeLg]=\"element.sizeLG\" [sizeMd]=\"element.sizeMD\"\r\n                [offsetMd]=\"element.offSetMD\" class=\"col-fit-content\">\r\n                <app-question [question]=\"element\" [form]=\"form\" [forScreenQuestionnaire]=\"forScreenQuestionnaire\">\r\n                </app-question>\r\n              </ion-col>\r\n            </ng-container>\r\n          </ion-row>\r\n        </ion-col>\r\n        <ion-col>\r\n          <ion-row>\r\n            <ng-container *ngFor=\"let element of question.elements\">\r\n              <ion-col *ngIf=\"element.colElement==='COL2' && visibleIf(element.visibleIf,element.name)\"\r\n                [sizeXl]=\"element.sizeXL\" [sizeLg]=\"element.sizeLG\" [sizeMd]=\"element.sizeMD\"\r\n                [offsetMd]=\"element.offSetMD\">\r\n                <app-question [question]=\"element\" [form]=\"form\" [forScreenQuestionnaire]=\"forScreenQuestionnaire\">\r\n                </app-question>\r\n              </ion-col>\r\n            </ng-container>\r\n          </ion-row>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ng-container>\r\n  </div>\r\n  <div [ngStyle]=\"setStyle(question.indent)\" *ngIf=\"question.type!='panel'\">\r\n    <small class=\"p-error\" *ngIf=\"isValid!=''\" [@rowExpansionTrigger]=\"'active'\">{{isValid | dynamicTranslate:dynamicParam}}</small>\r\n  </div>\r\n</div>", styles: [".form-label{display:inline-block;margin-bottom:6px;margin-top:16px}.p-checkbox-label{line-height:1.5;text-align:justify;margin-left:1rem}.p-checkbox{padding:6px 0;width:-webkit-fill-available}.p-dropdown{display:inline-flex;min-width:185px}.p-calendar .p-inputtext{max-width:134px}:host ::ng-deep .p-dropdown{display:inline-flex;min-width:110px}:host ::ng-deep .p-calendar .p-inputtext{max-width:134px!important}.col-fit-content{max-width:-moz-fit-content;max-width:fit-content}\n"] }]
     }], () => [{ type: QuestionControlService }, { type: QuestionService }, { type: i3$1.TranslateService }, { type: ValidationService }, { type: UtilService }, { type: i4.NavController }, { type: LoggerService }, { type: i6$1.DomSanitizer }, { type: LoginService }, { type: AddressValidationService }, { type: i4.ModalController }], { question: [{
             type: Input
         }], form: [{
@@ -13667,11 +13670,14 @@ class DynamicFormQuestionComponent {
         }], wcEmployerGrid: [{
             type: ViewChild,
             args: ['wcEmployerGrid']
+        }], employerGrid: [{
+            type: ViewChild,
+            args: ['employerGrid']
         }], jobTitle: [{
             type: ViewChild,
             args: ['jobTitle']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DynamicFormQuestionComponent, { className: "DynamicFormQuestionComponent", filePath: "lib\\components\\questionnaire\\dynamic-form-question.component.ts", lineNumber: 68 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DynamicFormQuestionComponent, { className: "DynamicFormQuestionComponent", filePath: "lib\\components\\questionnaire\\dynamic-form-question.component.ts", lineNumber: 69 }); })();
 
 class AppValidators {
     // @dynamic
@@ -18500,7 +18506,7 @@ const _c4$q = ["filter"];
 const _c5$k = ["focusInput"];
 const _c6$d = ["editableInput"];
 const _c7$9 = ["items"];
-const _c8$8 = ["scroller"];
+const _c8$9 = ["scroller"];
 const _c9$4 = ["overlay"];
 const _c10$4 = ["firstHiddenFocusableEl"];
 const _c11$3 = ["lastHiddenFocusableEl"];
@@ -20008,7 +20014,7 @@ class Dropdown {
             i0.ɵɵviewQuery(_c5$k, 5);
             i0.ɵɵviewQuery(_c6$d, 5);
             i0.ɵɵviewQuery(_c7$9, 5);
-            i0.ɵɵviewQuery(_c8$8, 5);
+            i0.ɵɵviewQuery(_c8$9, 5);
             i0.ɵɵviewQuery(_c9$4, 5);
             i0.ɵɵviewQuery(_c10$4, 5);
             i0.ɵɵviewQuery(_c11$3, 5);
@@ -21112,25 +21118,26 @@ class ClaimOnlyEmployerDataModel {
 class EmployerWagesModel {
 }
 
-const _c0$M = () => ["fal", "edit"];
-function EmployerGridComponent_div_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10);
-    i0.ɵɵelement(1, "fa-icon", 4)(2, "span", 2);
+const _c0$M = ["gridTop"];
+const _c1$J = () => ["fal", "edit"];
+function EmployerGridComponent_div_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵelement(1, "fa-icon", 5)(2, "span", 3);
     i0.ɵɵpipe(3, "trustHtml");
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵtext(5, ",\u00A0 ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(6, _c0$M));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(6, _c1$J));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(3, 2, i0.ɵɵpipeBind1(4, 4, "induction.employment.subheader.edit")), i0.ɵɵsanitizeHtml);
 } }
-function EmployerGridComponent_br_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "br", 3);
+function EmployerGridComponent_br_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "br", 4);
 } }
-function EmployerGridComponent_p_table_29_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "th", 16);
+function EmployerGridComponent_p_table_30_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "th", 17);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
@@ -21163,73 +21170,79 @@ function EmployerGridComponent_p_table_29_ng_template_2_Template(rf, ctx) { if (
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(16, 13, "induction.employment.table.sep.reason"), " ");
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 16)(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 17)(1, "span", 32);
     i0.ɵɵtext(2, "Employer");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 32);
+    i0.ɵɵelementStart(3, "span", 33);
     i0.ɵɵtext(4);
     i0.ɵɵelement(5, "br");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const employer_r10 = i0.ɵɵnextContext(2).$implicit;
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵstyleProp("color", !employer_r11.isEmployerEdited && employer_r11.isEmployerGridSubmitted ? "#eb445a" : "");
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate2(" ", employer_r10.employerData.displayName, " - ", employer_r10.employerData.displayState.text, "");
+    i0.ɵɵtextInterpolate2(" ", employer_r11.employerData.displayName, " - ", employer_r11.employerData.displayState.text, "");
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ng_template_2_td_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 16)(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ng_template_2_td_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 17)(1, "span", 32);
     i0.ɵɵtext(2, "Employer");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 32);
+    i0.ɵɵelementStart(3, "span", 33);
     i0.ɵɵtext(4);
     i0.ɵɵelement(5, "br");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const employer_r10 = i0.ɵɵnextContext(3).$implicit;
+    const employer_r11 = i0.ɵɵnextContext(3).$implicit;
+    i0.ɵɵstyleProp("color", !employer_r11.isEmployerEdited && employer_r11.isEmployerGridSubmitted ? "#eb445a" : "");
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate2(" ", employer_r10.employerData.displayName, " - ", employer_r10.workState.text, "");
+    i0.ɵɵtextInterpolate2(" ", employer_r11.employerData.displayName, " - ", employer_r11.workState.text, "");
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, EmployerGridComponent_p_table_29_ng_template_3_tr_0_ng_template_2_td_0_Template, 6, 2, "td", 19);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, EmployerGridComponent_p_table_30_ng_template_3_tr_0_ng_template_2_td_0_Template, 6, 4, "td", 20);
 } if (rf & 2) {
     i0.ɵɵnextContext();
-    const _r17 = i0.ɵɵreference(5);
-    const employer_r10 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("ngIf", employer_r10.osaBpEmployerFlag === "1" && employer_r10.employerType === "REG" && employer_r10.workState != null)("ngIfElse", _r17);
+    const _r18 = i0.ɵɵreference(5);
+    const employer_r11 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("ngIf", employer_r11.osaBpEmployerFlag === "1" && employer_r11.employerType === "REG" && employer_r11.workState != null)("ngIfElse", _r18);
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ng_template_4_td_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 16)(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ng_template_4_td_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 17)(1, "span", 32);
     i0.ɵɵtext(2, "Employer");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 32);
+    i0.ɵɵelementStart(3, "span", 33);
     i0.ɵɵtext(4);
     i0.ɵɵelement(5, "br");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(6, "div", 33);
+    i0.ɵɵelement(6, "div", 34);
     i0.ɵɵpipe(7, "trustHtml");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const employer_r10 = i0.ɵɵnextContext(3).$implicit;
+    const employer_r11 = i0.ɵɵnextContext(3).$implicit;
+    i0.ɵɵstyleProp("color", !employer_r11.isEmployerEdited && employer_r11.isEmployerGridSubmitted ? "#eb445a" : "");
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", employer_r10.employerData.displayName, " ");
+    i0.ɵɵtextInterpolate1(" ", employer_r11.employerData.displayName, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(7, 2, employer_r10.employerData.mailingAddressDisplay), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(7, 4, employer_r11.employerData.mailingAddressDisplay), i0.ɵɵsanitizeHtml);
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, EmployerGridComponent_p_table_29_ng_template_3_tr_0_ng_template_4_td_0_Template, 8, 4, "td", 22);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, EmployerGridComponent_p_table_30_ng_template_3_tr_0_ng_template_4_td_0_Template, 8, 6, "td", 23);
 } if (rf & 2) {
-    const employer_r10 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("ngIf", employer_r10.employerData.displayName && employer_r10.employerType != "MIL");
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("ngIf", employer_r11.employerData.displayName && employer_r11.employerType != "MIL");
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 16)(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 17)(1, "span", 32);
     i0.ɵɵtext(2, "Employer");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(3, "span");
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵstyleProp("color", !employer_r11.isEmployerEdited && employer_r11.isEmployerGridSubmitted ? "#eb445a" : "");
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 16)(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 17)(1, "span", 32);
     i0.ɵɵtext(2, "Employer");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "span");
@@ -21237,126 +21250,133 @@ function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_7_Template(rf, c
     i0.ɵɵelement(5, "br");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const employer_r10 = i0.ɵɵnextContext(2).$implicit;
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵstyleProp("color", !employer_r11.isEmployerEdited && employer_r11.isEmployerGridSubmitted ? "#eb445a" : "");
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", employer_r10.serviceBranch.text, " ");
-} }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_9_Template(rf, ctx) { if (rf & 1) {
-    const _r46 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-button", 34);
-    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_9_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r46); const employer_r10 = i0.ɵɵnextContext(2).$implicit; const ctx_r44 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r44.editBasePeriodEmployer(employer_r10)); });
-    i0.ɵɵelement(1, "fa-icon", 35);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(1, _c0$M));
+    i0.ɵɵtextInterpolate1(" ", employer_r11.serviceBranch.text, " ");
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_10_Template(rf, ctx) { if (rf & 1) {
-    const _r49 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-button", 36);
-    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_10_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r49); const employer_r10 = i0.ɵɵnextContext(2).$implicit; const ctx_r47 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r47.editEmployer(employer_r10)); });
-    i0.ɵɵelement(1, "fa-icon", 35);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_9_Template(rf, ctx) { if (rf & 1) {
+    const _r48 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ion-button", 35);
+    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_9_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r48); const employer_r11 = i0.ɵɵnextContext(2).$implicit; const ctx_r46 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r46.editBasePeriodEmployer(employer_r11)); });
+    i0.ɵɵelement(1, "fa-icon", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("color", !employer_r11.isEmployerEdited && employer_r11.isEmployerGridSubmitted ? "danger" : "success");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(1, _c0$M));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(2, _c1$J));
 } }
-const _c1$J = () => ["fal", "check-circle"];
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_11_Template(rf, ctx) { if (rf & 1) {
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_10_Template(rf, ctx) { if (rf & 1) {
     const _r52 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "ion-button", 37);
-    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_11_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r52); const employer_r10 = i0.ɵɵnextContext(2).$implicit; const ctx_r50 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r50.finish(employer_r10)); });
-    i0.ɵɵelement(1, "fa-icon", 35);
+    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_10_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r52); const employer_r11 = i0.ɵɵnextContext(2).$implicit; const ctx_r50 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r50.editEmployer(employer_r11)); });
+    i0.ɵɵelement(1, "fa-icon", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const rowIndex_r11 = i0.ɵɵnextContext(2).rowIndex;
-    const ctx_r22 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("id", "btnConfirmEmployer-" + rowIndex_r11);
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
+    i0.ɵɵproperty("color", !employer_r11.isEmployerEdited && employer_r11.isEmployerGridSubmitted ? "danger" : "success");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("icon", ctx_r22.util.isState("MS") ? i0.ɵɵpureFunction0(2, _c0$M) : i0.ɵɵpureFunction0(3, _c1$J));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(2, _c1$J));
 } }
-const _c2$v = () => ["fal", "trash-alt"];
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_12_Template(rf, ctx) { if (rf & 1) {
+const _c2$v = () => ["fal", "check-circle"];
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_11_Template(rf, ctx) { if (rf & 1) {
     const _r56 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "ion-button", 38);
-    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_12_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r56); const rowIndex_r11 = i0.ɵɵnextContext(2).rowIndex; const ctx_r54 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r54.deleteEmployer(rowIndex_r11)); });
-    i0.ɵɵelement(1, "fa-icon", 35);
+    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_11_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r56); const employer_r11 = i0.ɵɵnextContext(2).$implicit; const ctx_r54 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r54.finish(employer_r11)); });
+    i0.ɵɵelement(1, "fa-icon", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const rowIndex_r11 = i0.ɵɵnextContext(2).rowIndex;
-    i0.ɵɵproperty("id", "btnDeleteEmployer-" + rowIndex_r11);
+    const ctx_r57 = i0.ɵɵnextContext(2);
+    const rowIndex_r12 = ctx_r57.rowIndex;
+    const employer_r11 = ctx_r57.$implicit;
+    const ctx_r23 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("id", "btnConfirmEmployer-" + rowIndex_r12)("color", !employer_r11.isEmployerEdited && employer_r11.isEmployerGridSubmitted ? "danger" : "success");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(2, _c2$v));
+    i0.ɵɵproperty("icon", ctx_r23.util.isState("MS") ? i0.ɵɵpureFunction0(3, _c1$J) : i0.ɵɵpureFunction0(4, _c2$v));
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_13_Template(rf, ctx) { if (rf & 1) {
+const _c3$q = () => ["fal", "trash-alt"];
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_12_Template(rf, ctx) { if (rf & 1) {
     const _r60 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-button", 38);
-    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_13_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r60); const ctx_r59 = i0.ɵɵnextContext(2); const employer_r10 = ctx_r59.$implicit; const rowIndex_r11 = ctx_r59.rowIndex; const ctx_r58 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r58.removeEmployment(employer_r10, rowIndex_r11)); });
-    i0.ɵɵelement(1, "fa-icon", 35);
+    i0.ɵɵelementStart(0, "ion-button", 39);
+    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_12_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r60); const rowIndex_r12 = i0.ɵɵnextContext(2).rowIndex; const ctx_r58 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r58.deleteEmployer(rowIndex_r12)); });
+    i0.ɵɵelement(1, "fa-icon", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const rowIndex_r11 = i0.ɵɵnextContext(2).rowIndex;
-    i0.ɵɵproperty("id", "btnRemoveEmployer-" + rowIndex_r11);
+    const rowIndex_r12 = i0.ɵɵnextContext(2).rowIndex;
+    i0.ɵɵproperty("id", "btnDeleteEmployer-" + rowIndex_r12);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(2, _c2$v));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(2, _c3$q));
 } }
-const _c3$q = () => ["fal", "trash-restore-alt"];
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_14_Template(rf, ctx) { if (rf & 1) {
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_13_Template(rf, ctx) { if (rf & 1) {
     const _r64 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "ion-button", 39);
-    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_14_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r64); const ctx_r63 = i0.ɵɵnextContext(2); const employer_r10 = ctx_r63.$implicit; const rowIndex_r11 = ctx_r63.rowIndex; const ctx_r62 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r62.restoreEmployment(employer_r10, rowIndex_r11)); });
-    i0.ɵɵelement(1, "fa-icon", 35);
+    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_13_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r64); const ctx_r63 = i0.ɵɵnextContext(2); const employer_r11 = ctx_r63.$implicit; const rowIndex_r12 = ctx_r63.rowIndex; const ctx_r62 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r62.removeEmployment(employer_r11, rowIndex_r12)); });
+    i0.ɵɵelement(1, "fa-icon", 36);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
+    const rowIndex_r12 = i0.ɵɵnextContext(2).rowIndex;
+    i0.ɵɵproperty("id", "btnRemoveEmployer-" + rowIndex_r12);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(1, _c3$q));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(2, _c3$q));
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td")(1, "span", 31);
+const _c4$p = () => ["fal", "trash-restore-alt"];
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_14_Template(rf, ctx) { if (rf & 1) {
+    const _r68 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ion-button", 40);
+    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_14_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r68); const ctx_r67 = i0.ɵɵnextContext(2); const employer_r11 = ctx_r67.$implicit; const rowIndex_r12 = ctx_r67.rowIndex; const ctx_r66 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r66.restoreEmployment(employer_r11, rowIndex_r12)); });
+    i0.ɵɵelement(1, "fa-icon", 36);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(1, _c4$p));
+} }
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td")(1, "span", 32);
     i0.ɵɵtext(2, "Job Title");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const employer_r10 = i0.ɵɵnextContext(2).$implicit;
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(employer_r10.jobTileOrPosition);
+    i0.ɵɵtextInterpolate(employer_r11.jobTileOrPosition);
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td")(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td")(1, "span", 32);
     i0.ɵɵtext(2, "Job Title");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const employer_r10 = i0.ɵɵnextContext(2).$implicit;
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(employer_r10.fedJobTileOrPosition);
+    i0.ɵɵtextInterpolate(employer_r11.fedJobTileOrPosition);
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td")(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td")(1, "span", 32);
     i0.ɵɵtext(2, "Job Title");
     i0.ɵɵelementEnd()();
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td")(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td")(1, "span", 32);
     i0.ɵɵtext(2, "Pay");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "currency");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const employer_r10 = i0.ɵɵnextContext(2).$implicit;
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(4, 2, employer_r10.payRate), "/", employer_r10.payRateFrequency.text, "");
+    i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(4, 2, employer_r11.payRate), "/", employer_r11.payRateFrequency.text, "");
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td")(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td")(1, "span", 32);
     i0.ɵɵtext(2, "Pay");
     i0.ɵɵelementEnd()();
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td")(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td")(1, "span", 32);
     i0.ɵɵtext(2, "Start and End");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
@@ -21364,12 +21384,12 @@ function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_20_Template(rf,
     i0.ɵɵpipe(5, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const employer_r10 = i0.ɵɵnextContext(2).$implicit;
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind2(4, 2, employer_r10.startDate, "M/d/yyyy"), " - ", i0.ɵɵpipeBind2(5, 5, employer_r10.endDate, "M/d/yyyy"), " ");
+    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind2(4, 2, employer_r11.startDate, "M/d/yyyy"), " - ", i0.ɵɵpipeBind2(5, 5, employer_r11.endDate, "M/d/yyyy"), " ");
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td")(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td")(1, "span", 32);
     i0.ɵɵtext(2, "Start and End");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
@@ -21377,12 +21397,12 @@ function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_21_Template(rf,
     i0.ɵɵpipe(5, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const employer_r10 = i0.ɵɵnextContext(2).$implicit;
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind2(4, 2, employer_r10.startDateFed, "M/d/yyyy"), " - ", i0.ɵɵpipeBind2(5, 5, employer_r10.endDateFed, "M/d/yyyy"), " ");
+    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind2(4, 2, employer_r11.startDateFed, "M/d/yyyy"), " - ", i0.ɵɵpipeBind2(5, 5, employer_r11.endDateFed, "M/d/yyyy"), " ");
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td")(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td")(1, "span", 32);
     i0.ɵɵtext(2, "Start and End");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
@@ -21390,97 +21410,97 @@ function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_22_Template(rf,
     i0.ɵɵpipe(5, "date");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const employer_r10 = i0.ɵɵnextContext(2).$implicit;
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind2(4, 2, employer_r10.startDateMil, "M/d/yyyy"), " - ", i0.ɵɵpipeBind2(5, 5, employer_r10.endDateMil, "M/d/yyyy"), " ");
+    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind2(4, 2, employer_r11.startDateMil, "M/d/yyyy"), " - ", i0.ɵɵpipeBind2(5, 5, employer_r11.endDateMil, "M/d/yyyy"), " ");
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td")(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td")(1, "span", 32);
     i0.ɵɵtext(2, "Separation Reason");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const employer_r10 = i0.ɵɵnextContext(2).$implicit;
+    const employer_r11 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("", employer_r10.reasonSeparation.text, " ");
+    i0.ɵɵtextInterpolate1("", employer_r11.reasonSeparation.text, " ");
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td")(1, "span", 31);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td")(1, "span", 32);
     i0.ɵɵtext(2, "Separation Reason");
     i0.ɵɵelementEnd()();
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_tr_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr", 18);
-    i0.ɵɵtemplate(1, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_1_Template, 6, 2, "td", 19)(2, EmployerGridComponent_p_table_29_ng_template_3_tr_0_ng_template_2_Template, 1, 2, "ng-template", null, 20, i0.ɵɵtemplateRefExtractor)(4, EmployerGridComponent_p_table_29_ng_template_3_tr_0_ng_template_4_Template, 1, 1, "ng-template", null, 21, i0.ɵɵtemplateRefExtractor)(6, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_6_Template, 4, 0, "td", 22)(7, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_7_Template, 6, 1, "td", 22);
-    i0.ɵɵelementStart(8, "td", 23);
-    i0.ɵɵtemplate(9, EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_9_Template, 2, 2, "ion-button", 24)(10, EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_10_Template, 2, 2, "ion-button", 25)(11, EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_11_Template, 2, 4, "ion-button", 26)(12, EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_12_Template, 2, 3, "ion-button", 27)(13, EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_13_Template, 2, 3, "ion-button", 27)(14, EmployerGridComponent_p_table_29_ng_template_3_tr_0_ion_button_14_Template, 2, 2, "ion-button", 28);
+function EmployerGridComponent_p_table_30_ng_template_3_tr_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr", 19);
+    i0.ɵɵtemplate(1, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_1_Template, 6, 4, "td", 20)(2, EmployerGridComponent_p_table_30_ng_template_3_tr_0_ng_template_2_Template, 1, 2, "ng-template", null, 21, i0.ɵɵtemplateRefExtractor)(4, EmployerGridComponent_p_table_30_ng_template_3_tr_0_ng_template_4_Template, 1, 1, "ng-template", null, 22, i0.ɵɵtemplateRefExtractor)(6, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_6_Template, 4, 2, "td", 23)(7, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_7_Template, 6, 3, "td", 23);
+    i0.ɵɵelementStart(8, "td", 24);
+    i0.ɵɵtemplate(9, EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_9_Template, 2, 3, "ion-button", 25)(10, EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_10_Template, 2, 3, "ion-button", 26)(11, EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_11_Template, 2, 5, "ion-button", 27)(12, EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_12_Template, 2, 3, "ion-button", 28)(13, EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_13_Template, 2, 3, "ion-button", 28)(14, EmployerGridComponent_p_table_30_ng_template_3_tr_0_ion_button_14_Template, 2, 2, "ion-button", 29);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(15, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_15_Template, 4, 1, "td", 29)(16, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_16_Template, 4, 1, "td", 29)(17, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_17_Template, 3, 0, "td", 29)(18, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_18_Template, 5, 4, "td", 29)(19, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_19_Template, 3, 0, "td", 29)(20, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_20_Template, 6, 8, "td", 29)(21, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_21_Template, 6, 8, "td", 29)(22, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_22_Template, 6, 8, "td", 29)(23, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_23_Template, 4, 1, "td", 29)(24, EmployerGridComponent_p_table_29_ng_template_3_tr_0_td_24_Template, 3, 0, "td", 29);
-    i0.ɵɵelement(25, "td", 30);
+    i0.ɵɵtemplate(15, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_15_Template, 4, 1, "td", 30)(16, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_16_Template, 4, 1, "td", 30)(17, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_17_Template, 3, 0, "td", 30)(18, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_18_Template, 5, 4, "td", 30)(19, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_19_Template, 3, 0, "td", 30)(20, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_20_Template, 6, 8, "td", 30)(21, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_21_Template, 6, 8, "td", 30)(22, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_22_Template, 6, 8, "td", 30)(23, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_23_Template, 4, 1, "td", 30)(24, EmployerGridComponent_p_table_30_ng_template_3_tr_0_td_24_Template, 3, 0, "td", 30);
+    i0.ɵɵelement(25, "td", 31);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const _r15 = i0.ɵɵreference(3);
-    const employer_r10 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("ngClass", employer_r10.empDeleted == "Y" ? "strikethrough" : null);
+    const _r16 = i0.ɵɵreference(3);
+    const employer_r11 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("ngClass", employer_r11.empDeleted == "Y" ? "strikethrough" : null);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.osaBpEmployerFlag === "1" && employer_r10.employerType === "REG" && employer_r10.employerData.displayState != null)("ngIfElse", _r15);
+    i0.ɵɵproperty("ngIf", employer_r11.osaBpEmployerFlag === "1" && employer_r11.employerType === "REG" && employer_r11.employerData.displayState != null)("ngIfElse", _r16);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngIf", !employer_r10.employerData.displayName && employer_r10.employerType != "MIL");
+    i0.ɵɵproperty("ngIf", !employer_r11.employerData.displayName && employer_r11.employerType != "MIL");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.employerType === "MIL");
+    i0.ɵɵproperty("ngIf", employer_r11.employerType === "MIL");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", employer_r10.bpEmployerFlag === "1" && employer_r10.payRate && employer_r10.startDate && employer_r10.empDeleted != "Y");
+    i0.ɵɵproperty("ngIf", employer_r11.bpEmployerFlag === "1" && employer_r11.payRate && employer_r11.startDate && employer_r11.empDeleted != "Y");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.bpEmployerFlag === "0");
+    i0.ɵɵproperty("ngIf", employer_r11.bpEmployerFlag === "0");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.bpEmployerFlag === "1" && !employer_r10.payRate && !employer_r10.startDate && employer_r10.empDeleted != "Y");
+    i0.ɵɵproperty("ngIf", employer_r11.bpEmployerFlag === "1" && !employer_r11.payRate && !employer_r11.startDate && employer_r11.empDeleted != "Y");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.bpEmployerFlag === "0");
+    i0.ɵɵproperty("ngIf", employer_r11.bpEmployerFlag === "0");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.bpEmployerFlag === "1" && employer_r10.empDeleted != "Y");
+    i0.ɵɵproperty("ngIf", employer_r11.bpEmployerFlag === "1" && employer_r11.empDeleted != "Y");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.bpEmployerFlag === "1" && employer_r10.empDeleted == "Y");
+    i0.ɵɵproperty("ngIf", employer_r11.bpEmployerFlag === "1" && employer_r11.empDeleted == "Y");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.jobTileOrPosition && !employer_r10.fedJobTileOrPosition);
+    i0.ɵɵproperty("ngIf", employer_r11.jobTileOrPosition && !employer_r11.fedJobTileOrPosition);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.fedJobTileOrPosition && !employer_r10.jobTileOrPosition);
+    i0.ɵɵproperty("ngIf", employer_r11.fedJobTileOrPosition && !employer_r11.jobTileOrPosition);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.employerType == "MIL");
+    i0.ɵɵproperty("ngIf", employer_r11.employerType == "MIL");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.employerType != "MIL" && employer_r10.payRate && employer_r10.payRateFrequency);
+    i0.ɵɵproperty("ngIf", employer_r11.employerType != "MIL" && employer_r11.payRate && employer_r11.payRateFrequency);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.employerType == "MIL");
+    i0.ɵɵproperty("ngIf", employer_r11.employerType == "MIL");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.employerType === "REG" && employer_r10.startDate && employer_r10.endDate);
+    i0.ɵɵproperty("ngIf", employer_r11.employerType === "REG" && employer_r11.startDate && employer_r11.endDate);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.employerType === "FED" && employer_r10.startDateFed && employer_r10.endDateFed);
+    i0.ɵɵproperty("ngIf", employer_r11.employerType === "FED" && employer_r11.startDateFed && employer_r11.endDateFed);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.employerType === "MIL" && employer_r10.startDateMil && employer_r10.endDateMil);
+    i0.ɵɵproperty("ngIf", employer_r11.employerType === "MIL" && employer_r11.startDateMil && employer_r11.endDateMil);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.employerType != "MIL" && employer_r10.reasonSeparation);
+    i0.ɵɵproperty("ngIf", employer_r11.employerType != "MIL" && employer_r11.reasonSeparation);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", employer_r10.employerType === "MIL");
+    i0.ɵɵproperty("ngIf", employer_r11.employerType === "MIL");
 } }
-function EmployerGridComponent_p_table_29_ng_template_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, EmployerGridComponent_p_table_29_ng_template_3_tr_0_Template, 26, 21, "tr", 17);
+function EmployerGridComponent_p_table_30_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, EmployerGridComponent_p_table_30_ng_template_3_tr_0_Template, 26, 21, "tr", 18);
 } if (rf & 2) {
-    const employer_r10 = ctx.$implicit;
-    i0.ɵɵproperty("ngIf", employer_r10.displaySeasonalEmp === true);
+    const employer_r11 = ctx.$implicit;
+    i0.ɵɵproperty("ngIf", employer_r11.displaySeasonalEmp === true);
 } }
-const _c4$p = () => ["fal", "plus"];
-function EmployerGridComponent_p_table_29_ng_template_4_Template(rf, ctx) { if (rf & 1) {
-    const _r75 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "table")(1, "tr")(2, "td", 40);
-    i0.ɵɵelement(3, "div", 2);
+const _c5$j = () => ["fal", "plus"];
+function EmployerGridComponent_p_table_30_ng_template_4_Template(rf, ctx) { if (rf & 1) {
+    const _r79 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "table")(1, "tr")(2, "td", 41);
+    i0.ɵɵelement(3, "div", 3);
     i0.ɵɵpipe(4, "trustHtml");
     i0.ɵɵpipe(5, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "td", 41)(7, "ion-button", 42);
-    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_29_ng_template_4_Template_ion_button_click_7_listener() { i0.ɵɵrestoreView(_r75); const ctx_r74 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r74.addNewEmpDetails()); });
-    i0.ɵɵelement(8, "fa-icon", 35);
+    i0.ɵɵelementStart(6, "td", 42)(7, "ion-button", 43);
+    i0.ɵɵlistener("click", function EmployerGridComponent_p_table_30_ng_template_4_Template_ion_button_click_7_listener() { i0.ɵɵrestoreView(_r79); const ctx_r78 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r78.addNewEmpDetails()); });
+    i0.ɵɵelement(8, "fa-icon", 36);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "td", 30);
+    i0.ɵɵelementStart(9, "td", 31);
     i0.ɵɵtext(10, "\u00A0");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -21491,44 +21511,44 @@ function EmployerGridComponent_p_table_29_ng_template_4_Template(rf, ctx) { if (
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("id", "btnAddEmployer");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(8, _c4$p));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(8, _c5$j));
 } }
-function EmployerGridComponent_p_table_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p-table", 11, 12);
-    i0.ɵɵtemplate(2, EmployerGridComponent_p_table_29_ng_template_2_Template, 17, 15, "ng-template", 13)(3, EmployerGridComponent_p_table_29_ng_template_3_Template, 1, 1, "ng-template", 14)(4, EmployerGridComponent_p_table_29_ng_template_4_Template, 11, 9, "ng-template", 15);
+function EmployerGridComponent_p_table_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p-table", 12, 13);
+    i0.ɵɵtemplate(2, EmployerGridComponent_p_table_30_ng_template_2_Template, 17, 15, "ng-template", 14)(3, EmployerGridComponent_p_table_30_ng_template_3_Template, 1, 1, "ng-template", 15)(4, EmployerGridComponent_p_table_30_ng_template_4_Template, 11, 9, "ng-template", 16);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("columns", ctx_r2.cols)("value", ctx_r2.claimAppEmpResponseModelFromService.bpEmpList)("loading", ctx_r2.showProgressBar)("rowHover", true);
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("columns", ctx_r3.cols)("value", ctx_r3.claimAppEmpResponseModelFromService.bpEmpList)("loading", ctx_r3.showProgressBar)("rowHover", true);
 } }
-function EmployerGridComponent_app_add_employer_30_Template(rf, ctx) { if (rf & 1) {
-    const _r77 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-add-employer", 43);
-    i0.ɵɵlistener("success", function EmployerGridComponent_app_add_employer_30_Template_app_add_employer_success_0_listener($event) { i0.ɵɵrestoreView(_r77); const ctx_r76 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r76.addEmployer($event)); })("basePeriodIndex", function EmployerGridComponent_app_add_employer_30_Template_app_add_employer_basePeriodIndex_0_listener($event) { i0.ɵɵrestoreView(_r77); const ctx_r78 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r78.deleteBpEmpl($event)); })("modelCancel", function EmployerGridComponent_app_add_employer_30_Template_app_add_employer_modelCancel_0_listener($event) { i0.ɵɵrestoreView(_r77); const ctx_r79 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r79.onModelCancel($event)); });
+function EmployerGridComponent_app_add_employer_31_Template(rf, ctx) { if (rf & 1) {
+    const _r81 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-add-employer", 44);
+    i0.ɵɵlistener("success", function EmployerGridComponent_app_add_employer_31_Template_app_add_employer_success_0_listener($event) { i0.ɵɵrestoreView(_r81); const ctx_r80 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r80.addEmployer($event)); })("basePeriodIndex", function EmployerGridComponent_app_add_employer_31_Template_app_add_employer_basePeriodIndex_0_listener($event) { i0.ɵɵrestoreView(_r81); const ctx_r82 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r82.deleteBpEmpl($event)); })("modelCancel", function EmployerGridComponent_app_add_employer_31_Template_app_add_employer_modelCancel_0_listener($event) { i0.ɵɵrestoreView(_r81); const ctx_r83 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r83.onModelCancel($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("recordIndexToEdit", ctx_r3.indexToEdit)("isBasePeriodEmployer", ctx_r3.isBasePeriodEmployer)("isNewClaim", ctx_r3.isNewClaim)("dob", ctx_r3.claimantDob);
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("recordIndexToEdit", ctx_r4.indexToEdit)("isBasePeriodEmployer", ctx_r4.isBasePeriodEmployer)("isNewClaim", ctx_r4.isNewClaim)("dob", ctx_r4.claimantDob);
 } }
-function EmployerGridComponent_p_dialog_31_div_6_Template(rf, ctx) { if (rf & 1) {
+function EmployerGridComponent_p_dialog_32_div_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r80 = i0.ɵɵnextContext(2);
+    const ctx_r84 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(2, 2, "induction.confirm.employment.dba"), " ", ctx_r80.selectedEmployer.employerData.tradeName, "");
+    i0.ɵɵtextInterpolate2(" ", i0.ɵɵpipeBind1(2, 2, "induction.confirm.employment.dba"), " ", ctx_r84.selectedEmployer.employerData.tradeName, "");
 } }
-function EmployerGridComponent_p_dialog_31_ng_template_20_Template(rf, ctx) { if (rf & 1) {
-    const _r83 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-button", 48);
-    i0.ɵɵlistener("click", function EmployerGridComponent_p_dialog_31_ng_template_20_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r83); const ctx_r82 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r82.close()); });
+function EmployerGridComponent_p_dialog_32_ng_template_20_Template(rf, ctx) { if (rf & 1) {
+    const _r87 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ion-button", 49);
+    i0.ɵɵlistener("click", function EmployerGridComponent_p_dialog_32_ng_template_20_Template_ion_button_click_0_listener() { i0.ɵɵrestoreView(_r87); const ctx_r86 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r86.close()); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "ion-button", 49);
-    i0.ɵɵlistener("click", function EmployerGridComponent_p_dialog_31_ng_template_20_Template_ion_button_click_3_listener() { i0.ɵɵrestoreView(_r83); const ctx_r84 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r84.removeBasePeriodEmployer()); });
+    i0.ɵɵelementStart(3, "ion-button", 50);
+    i0.ɵɵlistener("click", function EmployerGridComponent_p_dialog_32_ng_template_20_Template_ion_button_click_3_listener() { i0.ɵɵrestoreView(_r87); const ctx_r88 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r88.removeBasePeriodEmployer()); });
     i0.ɵɵtext(4);
     i0.ɵɵpipe(5, "translate");
     i0.ɵɵelementEnd();
@@ -21538,21 +21558,21 @@ function EmployerGridComponent_p_dialog_31_ng_template_20_Template(rf, ctx) { if
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 4, "induction.employment.grid.popup.remove"), " ");
 } }
-const _c5$j = () => ({ width: "45vw" });
-const _c6$c = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
-const _c7$8 = a0 => [a0];
-function EmployerGridComponent_p_dialog_31_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p-dialog", 44)(1, "h4", 45);
+const _c6$c = () => ({ width: "45vw" });
+const _c7$8 = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
+const _c8$8 = a0 => [a0];
+function EmployerGridComponent_p_dialog_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p-dialog", 45)(1, "h4", 46);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(4, "ion-label");
     i0.ɵɵtext(5);
-    i0.ɵɵtemplate(6, EmployerGridComponent_p_dialog_31_div_6_Template, 3, 4, "div", 29);
+    i0.ɵɵtemplate(6, EmployerGridComponent_p_dialog_32_div_6_Template, 3, 4, "div", 30);
     i0.ɵɵelement(7, "br");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(8, "ion-label");
-    i0.ɵɵelement(9, "div", 46);
+    i0.ɵɵelement(9, "div", 47);
     i0.ɵɵpipe(10, "trustHtml");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(11, "br");
@@ -21562,27 +21582,27 @@ function EmployerGridComponent_p_dialog_31_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelement(15, "br")(16, "br");
     i0.ɵɵelementStart(17, "ion-label");
-    i0.ɵɵelement(18, "div", 2);
+    i0.ɵɵelement(18, "div", 3);
     i0.ɵɵpipe(19, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(20, EmployerGridComponent_p_dialog_31_ng_template_20_Template, 6, 6, "ng-template", 47);
+    i0.ɵɵtemplate(20, EmployerGridComponent_p_dialog_32_ng_template_20_Template, 6, 6, "ng-template", 48);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext();
-    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(22, _c5$j));
-    i0.ɵɵproperty("visible", ctx_r4.showConfirmPopup)("modal", true)("breakpoints", i0.ɵɵpureFunction0(23, _c6$c))("baseZIndex", 5000)("draggable", false)("resizable", false);
+    const ctx_r5 = i0.ɵɵnextContext();
+    i0.ɵɵstyleMap(i0.ɵɵpureFunction0(22, _c6$c));
+    i0.ɵɵproperty("visible", ctx_r5.showConfirmPopup)("modal", true)("breakpoints", i0.ɵɵpureFunction0(23, _c7$8))("baseZIndex", 5000)("draggable", false)("resizable", false);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 14, "induction.employment.grid.popup.heading"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r4.selectedEmployer.employerData.displayName, " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r5.selectedEmployer.employerData.displayName, " ");
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r4.selectedEmployer.employerData.tradeName != null);
+    i0.ɵɵproperty("ngIf", ctx_r5.selectedEmployer.employerData.tradeName != null);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(10, 16, ctx_r4.selectedEmployer.employerData.mailingAddressDisplay), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(10, 16, ctx_r5.selectedEmployer.employerData.mailingAddressDisplay), i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 18, "induction.employment.grid.popup.failure.label"), " ");
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("innerHtml", i0.ɵɵpureFunction1(24, _c7$8, i0.ɵɵpipeBind1(19, 20, "induction.employment.grid.popup.didnt.work.label")), i0.ɵɵsanitizeHtml);
+    i0.ɵɵproperty("innerHtml", i0.ɵɵpureFunction1(24, _c8$8, i0.ɵɵpipeBind1(19, 20, "induction.employment.grid.popup.didnt.work.label")), i0.ɵɵsanitizeHtml);
 } }
 class EmployerGridComponent {
     constructor(popup, logger, validationService, navController, util, ls, activatedRoute, claimsService, storage) {
@@ -21613,6 +21633,7 @@ class EmployerGridComponent {
         this.workCountryOptions = ComboOption$1.WORK_COUNTRY;
         this.statesOptions = ComboOption$1.US_STATES;
         this.militaryServiceOptions = ComboOption$1.MILITARY_SERVICE;
+        this.count = 0;
         this.onChange = (value) => {
         };
         this.onTouch = () => {
@@ -21922,57 +21943,84 @@ class EmployerGridComponent {
         let workState = this.statesOptions.filter(s => s.value == emp.workState?.value?.trim());
         emp.workState = workState[0];
     }
+    submit() {
+        this.claimAppEmpResponseModelFromService.bpEmpList.forEach(e => {
+            if (!e.isEmployerEdited) {
+                e.isEmployerGridSubmitted = true;
+                this.count = this.count + 1;
+                if (this.count <= this.claimAppEmpResponseModelFromService.bpEmpList.length) {
+                    const ctrl = this.form?.get('prevwork');
+                    if (!ctrl)
+                        return;
+                    const hasError = !!ctrl.errors?.bpEmplrFlag && (ctrl.touched || ctrl.dirty);
+                    if (hasError) {
+                        setTimeout(() => {
+                            this.gridTop?.nativeElement?.scrollIntoView({
+                                behavior: 'smooth',
+                                block: 'center',
+                            });
+                        }, 100);
+                    }
+                }
+            }
+        });
+    }
     static { this.ɵfac = function EmployerGridComponent_Factory(t) { return new (t || EmployerGridComponent)(i0.ɵɵdirectiveInject(i4.PopoverController), i0.ɵɵdirectiveInject(LoggerService), i0.ɵɵdirectiveInject(ValidationService), i0.ɵɵdirectiveInject(i4.NavController), i0.ɵɵdirectiveInject(UtilService), i0.ɵɵdirectiveInject(LoginService), i0.ɵɵdirectiveInject(i3.ActivatedRoute), i0.ɵɵdirectiveInject(ClaimService), i0.ɵɵdirectiveInject(i1$3.Storage)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployerGridComponent, selectors: [["app-employer-grid"]], inputs: { form: "form", dynamicParam: "dynamicParam" }, outputs: { modelDisplay: "modelDisplay", onComplete: "onComplete" }, features: [i0.ɵɵProvidersFeature([{
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EmployerGridComponent, selectors: [["app-employer-grid"]], viewQuery: function EmployerGridComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$M, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.gridTop = _t.first);
+        } }, inputs: { form: "form", dynamicParam: "dynamicParam" }, outputs: { modelDisplay: "modelDisplay", onComplete: "onComplete" }, features: [i0.ɵɵProvidersFeature([{
                     provide: NG_VALUE_ACCESSOR,
                     useExisting: EmployerGridComponent,
                     multi: true
-                }])], decls: 32, vars: 39, consts: [[2, "margin-left", "-5px", 3, "formGroup"], [3, "icon"], [3, "innerHtml"], [1, "mobile-action-view"], [1, "action-icon", "font-bold", 3, "icon"], ["style", "display: inline-block;", 4, "ngIf"], ["class", "mobile-action-view", 4, "ngIf"], ["styleClass", "p-datatable-striped app-datatable ion-padding-top", 3, "columns", "value", "loading", "rowHover", 4, "ngIf"], [3, "recordIndexToEdit", "isBasePeriodEmployer", "isNewClaim", "dob", "success", "basePeriodIndex", "modelCancel", 4, "ngIf"], ["appendTo", "body", "position", "top", "appendTo", "body", "closeOnEscape", "false", 3, "visible", "modal", "breakpoints", "style", "baseZIndex", "draggable", "resizable", 4, "ngIf"], [2, "display", "inline-block"], ["styleClass", "p-datatable-striped app-datatable ion-padding-top", 3, "columns", "value", "loading", "rowHover"], ["dt", ""], ["pTemplate", "header"], ["pTemplate", "body"], ["pTemplate", "summary"], ["colspan", "2", 1, "dataHeadings", 2, "width", "20%"], ["class", "ui-selectable-row", 3, "ngClass", 4, "ngIf"], [1, "ui-selectable-row", 3, "ngClass"], ["colspan", "2", "class", "dataHeadings", "style", "width:20%;", 4, "ngIf", "ngIfElse"], ["workState", ""], ["notOsaBpAndRegEmployer", ""], ["colspan", "2", "class", "dataHeadings", "style", "width:20%;", 4, "ngIf"], [2, "text-align", "center"], ["size", "small", "color", "success", "fill", "outline", "class", "action-button", "aria-label", "Add employer", 3, "click", 4, "ngIf"], ["size", "small", "color", "success", "fill", "outline", "class", "action-button", "aria-label", "Edit employer", 3, "click", 4, "ngIf"], ["size", "small", "color", "success", "fill", "outline", "class", "action-button", "aria-label", "Confirm employer", 3, "id", "click", 4, "ngIf"], ["size", "small", "color", "success", "fill", "outline", "class", "action-button", "aria-label", "Remove employer", "style", "padding-left: 5px;", 3, "id", "click", 4, "ngIf"], ["size", "small", "color", "success", "fill", "outline", "class", "action-button", "aria-label", "Restore", 3, "click", 4, "ngIf"], [4, "ngIf"], ["colspan", "4"], [1, "p-column-title"], [1, "displayName"], [1, "displayNameText", 2, "font-size", "12px", 3, "innerHtml"], ["size", "small", "color", "success", "fill", "outline", "aria-label", "Add employer", 1, "action-button", 3, "click"], [1, "action-icon", 3, "icon"], ["size", "small", "color", "success", "fill", "outline", "aria-label", "Edit employer", 1, "action-button", 3, "click"], ["size", "small", "color", "success", "fill", "outline", "aria-label", "Confirm employer", 1, "action-button", 3, "id", "click"], ["size", "small", "color", "success", "fill", "outline", "aria-label", "Remove employer", 1, "action-button", 2, "padding-left", "5px", 3, "id", "click"], ["size", "small", "color", "success", "fill", "outline", "aria-label", "Restore", 1, "action-button", 3, "click"], [1, "action-footer", 2, "width", "40%"], [1, "add-employer"], ["fill", "outline", "size", "small", "aria-label", "Add employer", 1, "action-button", 3, "id", "click"], [3, "recordIndexToEdit", "isBasePeriodEmployer", "isNewClaim", "dob", "success", "basePeriodIndex", "modelCancel"], ["appendTo", "body", "position", "top", "appendTo", "body", "closeOnEscape", "false", 3, "visible", "modal", "breakpoints", "baseZIndex", "draggable", "resizable"], [1, "heading"], [2, "font-size", "12px", 3, "innerHtml"], ["pTemplate", "footer"], ["shape", "round", "type", "submit", "fill", "outline", 3, "click"], ["shape", "round", "type", "submit", "fill", "solid", 3, "click"]], template: function EmployerGridComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "ion-row")(2, "ion-col");
-            i0.ɵɵelement(3, "fa-icon", 1)(4, "span", 2);
-            i0.ɵɵpipe(5, "trustHtml");
-            i0.ɵɵpipe(6, "translate");
-            i0.ɵɵpipe(7, "trustHtml");
-            i0.ɵɵpipe(8, "translate");
-            i0.ɵɵtext(9, ",\u00A0 ");
-            i0.ɵɵelement(10, "br", 3)(11, "fa-icon", 4)(12, "span", 2);
-            i0.ɵɵpipe(13, "trustHtml");
-            i0.ɵɵpipe(14, "translate");
-            i0.ɵɵtext(15, ",\u00A0 ");
-            i0.ɵɵelement(16, "br", 3)(17, "fa-icon", 4)(18, "span", 2);
-            i0.ɵɵpipe(19, "trustHtml");
-            i0.ɵɵpipe(20, "translate");
-            i0.ɵɵtext(21, ",\u00A0 ");
-            i0.ɵɵelement(22, "br", 3);
-            i0.ɵɵtemplate(23, EmployerGridComponent_div_23_Template, 6, 7, "div", 5)(24, EmployerGridComponent_br_24_Template, 1, 0, "br", 6);
-            i0.ɵɵelement(25, "fa-icon", 4)(26, "span", 2);
-            i0.ɵɵpipe(27, "trustHtml");
-            i0.ɵɵpipe(28, "translate");
+                }])], decls: 33, vars: 39, consts: [[2, "margin-left", "-5px", 3, "formGroup"], ["gridTop", ""], [3, "icon"], [3, "innerHtml"], [1, "mobile-action-view"], [1, "action-icon", "font-bold", 3, "icon"], ["style", "display: inline-block;", 4, "ngIf"], ["class", "mobile-action-view", 4, "ngIf"], ["styleClass", "p-datatable-striped app-datatable ion-padding-top", 3, "columns", "value", "loading", "rowHover", 4, "ngIf"], [3, "recordIndexToEdit", "isBasePeriodEmployer", "isNewClaim", "dob", "success", "basePeriodIndex", "modelCancel", 4, "ngIf"], ["appendTo", "body", "position", "top", "appendTo", "body", "closeOnEscape", "false", 3, "visible", "modal", "breakpoints", "style", "baseZIndex", "draggable", "resizable", 4, "ngIf"], [2, "display", "inline-block"], ["styleClass", "p-datatable-striped app-datatable ion-padding-top", 3, "columns", "value", "loading", "rowHover"], ["dt", ""], ["pTemplate", "header"], ["pTemplate", "body"], ["pTemplate", "summary"], ["colspan", "2", 1, "dataHeadings", 2, "width", "20%"], ["class", "ui-selectable-row", 3, "ngClass", 4, "ngIf"], [1, "ui-selectable-row", 3, "ngClass"], ["colspan", "2", "class", "dataHeadings", "style", "width:20%;", 3, "Color", 4, "ngIf", "ngIfElse"], ["workState", ""], ["notOsaBpAndRegEmployer", ""], ["colspan", "2", "class", "dataHeadings", "style", "width:20%;", 3, "Color", 4, "ngIf"], [2, "text-align", "center"], ["size", "small", "fill", "outline", "class", "action-button", "aria-label", "Add employer", 3, "color", "click", 4, "ngIf"], ["size", "small", "fill", "outline", "class", "action-button", "aria-label", "Edit employer", 3, "color", "click", 4, "ngIf"], ["size", "small", "fill", "outline", "class", "action-button", "aria-label", "Confirm employer", 3, "id", "color", "click", 4, "ngIf"], ["size", "small", "color", "success", "fill", "outline", "class", "action-button", "aria-label", "Remove employer", "style", "padding-left: 5px;", 3, "id", "click", 4, "ngIf"], ["size", "small", "color", "success", "fill", "outline", "class", "action-button", "aria-label", "Restore", 3, "click", 4, "ngIf"], [4, "ngIf"], ["colspan", "4"], [1, "p-column-title"], [1, "displayName"], [1, "displayNameText", 2, "font-size", "12px", 3, "innerHtml"], ["size", "small", "fill", "outline", "aria-label", "Add employer", 1, "action-button", 3, "color", "click"], [1, "action-icon", 3, "icon"], ["size", "small", "fill", "outline", "aria-label", "Edit employer", 1, "action-button", 3, "color", "click"], ["size", "small", "fill", "outline", "aria-label", "Confirm employer", 1, "action-button", 3, "id", "color", "click"], ["size", "small", "color", "success", "fill", "outline", "aria-label", "Remove employer", 1, "action-button", 2, "padding-left", "5px", 3, "id", "click"], ["size", "small", "color", "success", "fill", "outline", "aria-label", "Restore", 1, "action-button", 3, "click"], [1, "action-footer", 2, "width", "40%"], [1, "add-employer"], ["fill", "outline", "size", "small", "aria-label", "Add employer", 1, "action-button", 3, "id", "click"], [3, "recordIndexToEdit", "isBasePeriodEmployer", "isNewClaim", "dob", "success", "basePeriodIndex", "modelCancel"], ["appendTo", "body", "position", "top", "appendTo", "body", "closeOnEscape", "false", 3, "visible", "modal", "breakpoints", "baseZIndex", "draggable", "resizable"], [1, "heading"], [2, "font-size", "12px", 3, "innerHtml"], ["pTemplate", "footer"], ["shape", "round", "type", "submit", "fill", "outline", 3, "click"], ["shape", "round", "type", "submit", "fill", "solid", 3, "click"]], template: function EmployerGridComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0, 1)(2, "ion-row")(3, "ion-col");
+            i0.ɵɵelement(4, "fa-icon", 2)(5, "span", 3);
+            i0.ɵɵpipe(6, "trustHtml");
+            i0.ɵɵpipe(7, "translate");
+            i0.ɵɵpipe(8, "trustHtml");
+            i0.ɵɵpipe(9, "translate");
+            i0.ɵɵtext(10, ",\u00A0 ");
+            i0.ɵɵelement(11, "br", 4)(12, "fa-icon", 5)(13, "span", 3);
+            i0.ɵɵpipe(14, "trustHtml");
+            i0.ɵɵpipe(15, "translate");
+            i0.ɵɵtext(16, ",\u00A0 ");
+            i0.ɵɵelement(17, "br", 4)(18, "fa-icon", 5)(19, "span", 3);
+            i0.ɵɵpipe(20, "trustHtml");
+            i0.ɵɵpipe(21, "translate");
+            i0.ɵɵtext(22, ",\u00A0 ");
+            i0.ɵɵelement(23, "br", 4);
+            i0.ɵɵtemplate(24, EmployerGridComponent_div_24_Template, 6, 7, "div", 6)(25, EmployerGridComponent_br_25_Template, 1, 0, "br", 7);
+            i0.ɵɵelement(26, "fa-icon", 5)(27, "span", 3);
+            i0.ɵɵpipe(28, "trustHtml");
+            i0.ɵɵpipe(29, "translate");
             i0.ɵɵelementEnd()();
-            i0.ɵɵtemplate(29, EmployerGridComponent_p_table_29_Template, 5, 4, "p-table", 7)(30, EmployerGridComponent_app_add_employer_30_Template, 1, 4, "app-add-employer", 8)(31, EmployerGridComponent_p_dialog_31_Template, 21, 26, "p-dialog", 9);
+            i0.ɵɵtemplate(30, EmployerGridComponent_p_table_30_Template, 5, 4, "p-table", 8)(31, EmployerGridComponent_app_add_employer_31_Template, 1, 4, "app-add-employer", 9)(32, EmployerGridComponent_p_dialog_32_Template, 21, 26, "p-dialog", 10);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("formGroup", ctx.form);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("icon", ctx.util.isState("MS") ? i0.ɵɵpureFunction0(34, _c0$M) : i0.ɵɵpureFunction0(35, _c1$J));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("icon", ctx.util.isState("MS") ? i0.ɵɵpureFunction0(34, _c1$J) : i0.ɵɵpureFunction0(35, _c2$v));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("innerHtml", ctx.util.isState("MS") ? i0.ɵɵpipeBind1(5, 14, i0.ɵɵpipeBind1(6, 16, "induction.employment.subheader.confirm.ms")) : i0.ɵɵpipeBind1(7, 18, i0.ɵɵpipeBind1(8, 20, "induction.employment.subheader.confirm")), i0.ɵɵsanitizeHtml);
+            i0.ɵɵproperty("innerHtml", ctx.util.isState("MS") ? i0.ɵɵpipeBind1(6, 14, i0.ɵɵpipeBind1(7, 16, "induction.employment.subheader.confirm.ms")) : i0.ɵɵpipeBind1(8, 18, i0.ɵɵpipeBind1(9, 20, "induction.employment.subheader.confirm")), i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance(7);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(36, _c2$v));
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(36, _c3$q));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(13, 22, i0.ɵɵpipeBind1(14, 24, "induction.employment.subheader.delete")), i0.ɵɵsanitizeHtml);
+            i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(14, 22, i0.ɵɵpipeBind1(15, 24, "induction.employment.subheader.delete")), i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(37, _c4$p));
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(37, _c5$j));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(19, 26, i0.ɵɵpipeBind1(20, 28, "induction.employment.subheader.add")), i0.ɵɵsanitizeHtml);
+            i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(20, 26, i0.ɵɵpipeBind1(21, 28, "induction.employment.subheader.add")), i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance(5);
             i0.ɵɵproperty("ngIf", !ctx.util.isState("MS"));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !ctx.util.isState("MS"));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(38, _c3$q));
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(38, _c4$p));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(27, 30, i0.ɵɵpipeBind1(28, 32, "induction.employment.subheader.restore")), i0.ɵɵsanitizeHtml);
+            i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(28, 30, i0.ɵɵpipeBind1(29, 32, "induction.employment.subheader.restore")), i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.claimAppEmpResponseModelFromService);
             i0.ɵɵadvance(1);
@@ -21987,7 +22035,7 @@ class EmployerGridComponent {
                         provide: NG_VALUE_ACCESSOR,
                         useExisting: EmployerGridComponent,
                         multi: true
-                    }], changeDetection: ChangeDetectionStrategy.Default, template: "<div [formGroup]=\"form\" style=\"margin-left: -5px;\">\r\n<ion-row>\r\n  <ion-col>    \r\n    <fa-icon [icon]=\"util.isState('MS') ? ['fal', 'edit'] : ['fal', 'check-circle']\"></fa-icon>\r\n    <span [innerHtml]=\"util.isState('MS') ? ('induction.employment.subheader.confirm.ms' | translate | trustHtml) : ('induction.employment.subheader.confirm' | translate | trustHtml)\"></span>,&nbsp;\r\n    <br class=\"mobile-action-view\">\r\n    <fa-icon [icon]=\"['fal', 'trash-alt']\" class=\"action-icon font-bold\"></fa-icon>\r\n    <span [innerHtml]=\"'induction.employment.subheader.delete' | translate | trustHtml\"></span>,&nbsp;\r\n    <br class=\"mobile-action-view\">\r\n    <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon font-bold\"></fa-icon>\r\n    <span [innerHtml]=\"'induction.employment.subheader.add' | translate | trustHtml\"></span>,&nbsp;\r\n    <br class=\"mobile-action-view\">\r\n    <div *ngIf=\"!util.isState('MS')\" style=\"display: inline-block;\">\r\n    <fa-icon [icon]=\"['fal', 'edit']\" class=\"action-icon font-bold\"></fa-icon>\r\n    <span [innerHtml]=\"'induction.employment.subheader.edit' | translate | trustHtml\"></span>,&nbsp;\r\n    </div>\r\n    <br *ngIf=\"!util.isState('MS')\" class=\"mobile-action-view\">\r\n    <fa-icon [icon]=\"['fal', 'trash-restore-alt']\" class=\"action-icon font-bold\"></fa-icon>\r\n    <span [innerHtml]=\"'induction.employment.subheader.restore' | translate | trustHtml\"></span>\r\n  </ion-col>\r\n</ion-row>\r\n\r\n<p-table #dt [columns]=\"cols\" [value]=\"claimAppEmpResponseModelFromService.bpEmpList\" [loading]=\"showProgressBar\"\r\n [rowHover]=\"true\" *ngIf=\"claimAppEmpResponseModelFromService\" styleClass=\"p-datatable-striped app-datatable ion-padding-top\">\r\n  <ng-template pTemplate=\"header\" let-columns>\r\n    <tr>\r\n      <th colspan=\"2\" class=\"dataHeadings\" style=\"width:20%;\" >\r\n        {{\"induction.employment.table.employer.name\"|translate}}\r\n      </th>\r\n      <th>\r\n       </th>\r\n      <th>\r\n        {{\"induction.employment.table.job.title\"|translate}}\r\n       </th>\r\n       <th>\r\n        {{\"induction.employment.table.pay\"|translate}}\r\n       </th>\r\n       <th>\r\n        {{\"induction.employment.table.dates\"|translate}}\r\n       </th>\r\n       <th>\r\n        {{\"induction.employment.table.sep.reason\"|translate}}\r\n       </th>\r\n       \r\n    </tr>\r\n  </ng-template>\r\n  \r\n  <ng-template pTemplate=\"body\" let-employer let-rowIndex=\"rowIndex\">\r\n    <tr class=\"ui-selectable-row\" [ngClass]=\"employer.empDeleted=='Y' ? 'strikethrough' : null\" *ngIf=\"employer.displaySeasonalEmp === true\">\r\n      \r\n      <td *ngIf=\"employer.osaBpEmployerFlag === '1' && employer.employerType ==='REG' && employer.employerData.displayState != null; else workState\"  colspan=\"2\" class=\"dataHeadings\" style=\"width:20%;\" ><span class=\"p-column-title\">Employer</span><span class=\"displayName\">\r\n        {{employer.employerData.displayName}} - {{employer.employerData.displayState.text}}<br>\r\n      </span>\r\n      </td>\r\n      <ng-template #workState>\r\n        <td *ngIf=\"employer.osaBpEmployerFlag === '1' && employer.employerType ==='REG' && employer.workState != null; else notOsaBpAndRegEmployer\"  colspan=\"2\" class=\"dataHeadings\" style=\"width:20%;\" ><span class=\"p-column-title\">Employer</span><span class=\"displayName\">\r\n          {{employer.employerData.displayName}} - {{employer.workState.text}}<br>\r\n        </span>\r\n        </td>\r\n      </ng-template>\r\n      <ng-template #notOsaBpAndRegEmployer>\r\n        <td *ngIf=\"employer.employerData.displayName && employer.employerType!='MIL'\"  colspan=\"2\" class=\"dataHeadings\" style=\"width:20%;\" ><span class=\"p-column-title\">Employer</span><span class=\"displayName\">\r\n          {{employer.employerData.displayName}} <br>\r\n        </span><div style=\"font-size: 12px;\" class=\"displayNameText\" [innerHtml]=\"employer.employerData.mailingAddressDisplay | trustHtml\">\r\n        </div>\r\n        </td>         \r\n      </ng-template>\r\n        \r\n      <td *ngIf=\"!employer.employerData.displayName && employer.employerType!='MIL'\"  colspan=\"2\" class=\"dataHeadings\" style=\"width:20%;\" ><span class=\"p-column-title\">Employer</span><span>\r\n        </span>\r\n      </td>\r\n\r\n      <td *ngIf=\"employer.employerType==='MIL'\" colspan=\"2\" class=\"dataHeadings\" style=\"width:20%;\" ><span class=\"p-column-title\">Employer</span><span>\r\n          {{employer.serviceBranch.text}} <br>\r\n        </span>\r\n      </td>\r\n      <td style=\"text-align: center;\"> \r\n        <ion-button size=\"small\"  *ngIf=\"employer.bpEmployerFlag==='1' && employer.payRate && employer.startDate && employer.empDeleted!='Y'\" color=\"success\" fill=\"outline\" \r\n          (click)=\"editBasePeriodEmployer(employer);\" class=\"action-button\" aria-label=\"Add employer\">\r\n          <fa-icon [icon]=\"['fal', 'edit']\" class=\"action-icon\"></fa-icon>\r\n        </ion-button>\r\n\r\n        <ion-button size=\"small\" *ngIf=\"employer.bpEmployerFlag==='0'\" color=\"success\" fill=\"outline\" \r\n          (click)=\"editEmployer(employer);\" class=\"action-button\" aria-label=\"Edit employer\">\r\n          <fa-icon [icon]=\"['fal', 'edit']\" class=\"action-icon\"></fa-icon>\r\n        </ion-button>\r\n\r\n        <ion-button [id]=\"'btnConfirmEmployer-' + rowIndex\" size=\"small\" *ngIf=\"employer.bpEmployerFlag==='1' && !employer.payRate && !employer.startDate && employer.empDeleted!='Y'\" color=\"success\" fill=\"outline\" \r\n          (click)=\"finish(employer);\" class=\"action-button\" aria-label=\"Confirm employer\">\r\n          <fa-icon [icon]=\"util.isState('MS') ? ['fal', 'edit'] : ['fal', 'check-circle']\" class=\"action-icon\"></fa-icon>\r\n        </ion-button>\r\n\r\n        <ion-button [id]=\"'btnDeleteEmployer-' + rowIndex\" size=\"small\" *ngIf=\"employer.bpEmployerFlag==='0'\" color=\"success\" fill=\"outline\" \r\n          (click)=\"deleteEmployer(rowIndex);\" class=\"action-button\" aria-label=\"Remove employer\" style=\"padding-left: 5px;\">\r\n          <fa-icon [icon]=\"['fal', 'trash-alt']\" class=\"action-icon\"></fa-icon>\r\n        </ion-button>\r\n\r\n        <ion-button [id]=\"'btnRemoveEmployer-' + rowIndex\" size=\"small\" *ngIf=\"employer.bpEmployerFlag==='1' && employer.empDeleted!='Y'\" color=\"success\" fill=\"outline\" \r\n          (click)=\"removeEmployment(employer, rowIndex);\" class=\"action-button\" aria-label=\"Remove employer\" style=\"padding-left: 5px;\">\r\n          <fa-icon [icon]=\"['fal', 'trash-alt']\" class=\"action-icon\"></fa-icon>\r\n        </ion-button>\r\n\r\n        <ion-button size=\"small\" *ngIf=\"employer.bpEmployerFlag==='1' && employer.empDeleted=='Y'\" color=\"success\" fill=\"outline\" \r\n          (click)=\"restoreEmployment(employer, rowIndex);\" class=\"action-button\" aria-label=\"Restore\">\r\n          <fa-icon [icon]=\"['fal', 'trash-restore-alt']\" class=\"action-icon\"></fa-icon>\r\n        </ion-button>\r\n      </td>    \r\n      <td *ngIf=\"employer.jobTileOrPosition && !employer.fedJobTileOrPosition\"><span class=\"p-column-title\">Job Title</span>{{employer.jobTileOrPosition}}</td>\r\n\r\n      <td *ngIf=\"employer.fedJobTileOrPosition && !employer.jobTileOrPosition\"><span class=\"p-column-title\">Job Title</span>{{employer.fedJobTileOrPosition}}</td>\r\n\r\n      <td *ngIf=\"employer.employerType =='MIL'\"><span class=\"p-column-title\">Job Title</span></td>\r\n\r\n            \r\n      <td *ngIf=\"employer.employerType !='MIL' && employer.payRate && employer.payRateFrequency\"><span class=\"p-column-title\">Pay</span>{{employer.payRate | currency}}/{{employer.payRateFrequency.text}}</td>\r\n      <td *ngIf=\"employer.employerType =='MIL'\"><span class=\"p-column-title\">Pay</span></td>\r\n\r\n      \r\n      <td *ngIf=\"employer.employerType==='REG' && employer.startDate && employer.endDate\"><span class=\"p-column-title\">Start and End</span>\r\n        {{employer.startDate | date:'M/d/yyyy'}} - {{employer.endDate | date:'M/d/yyyy'}}\r\n      </td>\r\n      \r\n      <td *ngIf=\"employer.employerType==='FED' && employer.startDateFed && employer.endDateFed\"><span class=\"p-column-title\">Start and End</span>\r\n        {{employer.startDateFed | date:'M/d/yyyy'}} - {{employer.endDateFed | date:'M/d/yyyy'}}\r\n      </td>\r\n\r\n      <td *ngIf=\"employer.employerType==='MIL' && employer.startDateMil && employer.endDateMil\"><span class=\"p-column-title\">Start and End</span>\r\n        {{employer.startDateMil | date:'M/d/yyyy'}} - {{employer.endDateMil | date:'M/d/yyyy'}}\r\n      </td>\r\n\r\n\r\n      <td *ngIf=\"employer.employerType!='MIL' && employer.reasonSeparation\"><span class=\"p-column-title\">Separation Reason</span>{{employer.reasonSeparation.text}}\r\n      </td>\r\n\r\n      <td *ngIf=\"employer.employerType==='MIL'\"><span class=\"p-column-title\">Separation Reason</span>\r\n      </td>\r\n      \r\n      <td colspan=\"4\"></td>\r\n\r\n      \r\n      \r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template pTemplate=\"summary\" let-columns>\r\n    <table>\r\n      <tr>\r\n        <td [attr.colspan]=\"2\" style=\"width: 40%;\" class=\"action-footer\">\r\n          <div [innerHtml]=\"'induction.employment.footer.label' | translate | trustHtml\"></div>\r\n        </td>\r\n        <td class=\"add-employer\">\r\n          <ion-button fill=\"outline\" size=\"small\" class=\"action-button\" (click)=\"addNewEmpDetails()\" class=\"action-button\" aria-label=\"Add employer\" [id]=\"'btnAddEmployer'\">\r\n            <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon\"></fa-icon>\r\n          </ion-button>\r\n        </td>\r\n        <td colspan=\"4\">&nbsp;</td>\r\n      </tr>\r\n    </table>\r\n  </ng-template>\r\n\r\n</p-table>\r\n  <app-add-employer *ngIf=\"display\" (success)=\"addEmployer($event)\"  [recordIndexToEdit]=\"indexToEdit\" \r\n    (basePeriodIndex)=\"deleteBpEmpl($event)\" [isBasePeriodEmployer]=\"isBasePeriodEmployer\" [isNewClaim]=\"isNewClaim\" \r\n    (modelCancel)=\"onModelCancel($event)\" [dob]=\"claimantDob\">\r\n  </app-add-employer>\r\n\r\n  <p-dialog [visible]=\"showConfirmPopup\" [modal]=\"true\" appendTo=\"body\" position=\"top\" [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '660px', '576px': '100vw'}\" [style]=\"{width: '45vw'}\"\r\n    [baseZIndex]=\"5000\" [draggable]=\"false\" [resizable]=\"false\" appendTo=\"body\" closeOnEscape=\"false\" *ngIf=\"selectedEmployer\">\r\n        <h4 class=\"heading\">{{'induction.employment.grid.popup.heading' | translate}}</h4>\r\n        <ion-label>\r\n          {{selectedEmployer.employerData.displayName}}\r\n          <div *ngIf=\"selectedEmployer.employerData.tradeName != null\">\r\n            {{\"induction.confirm.employment.dba\"|translate}} {{selectedEmployer.employerData.tradeName}}</div>\r\n          <br>\r\n        </ion-label>\r\n        <ion-label><div style=\"font-size: 12px;\" [innerHtml]=\"selectedEmployer.employerData.mailingAddressDisplay | trustHtml\"></div></ion-label><br/>\r\n        <ion-label>\r\n          {{'induction.employment.grid.popup.failure.label' | translate}}\r\n        </ion-label><br/><br/>\r\n        <ion-label>\r\n          <div [innerHtml]=\"['induction.employment.grid.popup.didnt.work.label' | translate]\"></div>\r\n        </ion-label>\r\n        <ng-template pTemplate=\"footer\">\r\n            <ion-button shape=\"round\" type=\"submit\" fill=\"outline\" (click)=\"close()\">\r\n              {{'induction.employment.grid.popup.cancel' | translate}}\r\n            </ion-button>\r\n            <ion-button shape=\"round\" type=\"submit\" fill=\"solid\" (click)=\"removeBasePeriodEmployer()\">\r\n              {{'induction.employment.grid.popup.remove' | translate}}\r\n            </ion-button>\r\n        </ng-template>\r\n    </p-dialog>\r\n</div>", styles: [".add-employer{width:9.75%;text-align:right}.mobile-action-view{display:none}:host ::ng-deep .p-datatable-worksearch .p-datatable-tbody>tr>td .p-column-title{display:none}:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-tfoot>tr>td{color:var(--ion-color-primary);text-align:left;font-weight:700;padding:8px;width:-webkit-fill-available!important}:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-tbody>tr>td{font-size:16px;padding:3px;width:-webkit-fill-available!important}:host ::ng-deep .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(2n){background:none}@media screen and (max-width: 767px){.mobile-action-view{display:block}}@media screen and (max-width: 40rem){.action-footer{width:300px!important}ion-col{text-align:left!important}.dataHeadings{width:500px!important}:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-tfoot>tr>td{display:none!important}:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-tbody>tr>td{text-align:left!important;display:block;width:100%!important;float:left;clear:left;border:0 none}:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-tbody>tr>td .p-column-title{padding:.6rem;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4rem;font-weight:700}:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-tbody>tr>td:last-child{border-bottom:1px solid var(--surface-d)}}@media screen and (max-width: 40rem){:host ::ng-deep .p-datatable.app-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable.app-datatable .p-datatable-tfoot>tr>td{display:none!important}:host ::ng-deep .p-datatable.app-datatable .p-datatable-tbody>tr>td .p-column-title{padding:.6rem;min-width:0%!important;display:inline-block;margin:-.4em 1em -.4em -.4rem;font-weight:700}}@media (min-width: 767px) and (max-width: 1325px){.displayNameText{font-size:12px!important;width:max-content}}.strikethrough{text-decoration:line-through}\n"] }]
+                    }], changeDetection: ChangeDetectionStrategy.Default, template: "<div [formGroup]=\"form\" style=\"margin-left: -5px;\" #gridTop>\r\n<ion-row>\r\n  <ion-col>    \r\n    <fa-icon [icon]=\"util.isState('MS') ? ['fal', 'edit'] : ['fal', 'check-circle']\"></fa-icon>\r\n    <span [innerHtml]=\"util.isState('MS') ? ('induction.employment.subheader.confirm.ms' | translate | trustHtml) : ('induction.employment.subheader.confirm' | translate | trustHtml)\"></span>,&nbsp;\r\n    <br class=\"mobile-action-view\">\r\n    <fa-icon [icon]=\"['fal', 'trash-alt']\" class=\"action-icon font-bold\"></fa-icon>\r\n    <span [innerHtml]=\"'induction.employment.subheader.delete' | translate | trustHtml\"></span>,&nbsp;\r\n    <br class=\"mobile-action-view\">\r\n    <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon font-bold\"></fa-icon>\r\n    <span [innerHtml]=\"'induction.employment.subheader.add' | translate | trustHtml\"></span>,&nbsp;\r\n    <br class=\"mobile-action-view\">\r\n    <div *ngIf=\"!util.isState('MS')\" style=\"display: inline-block;\">\r\n    <fa-icon [icon]=\"['fal', 'edit']\" class=\"action-icon font-bold\"></fa-icon>\r\n    <span [innerHtml]=\"'induction.employment.subheader.edit' | translate | trustHtml\"></span>,&nbsp;\r\n    </div>\r\n    <br *ngIf=\"!util.isState('MS')\" class=\"mobile-action-view\">\r\n    <fa-icon [icon]=\"['fal', 'trash-restore-alt']\" class=\"action-icon font-bold\"></fa-icon>\r\n    <span [innerHtml]=\"'induction.employment.subheader.restore' | translate | trustHtml\"></span>\r\n  </ion-col>\r\n</ion-row>\r\n\r\n<p-table #dt [columns]=\"cols\" [value]=\"claimAppEmpResponseModelFromService.bpEmpList\" [loading]=\"showProgressBar\"\r\n [rowHover]=\"true\" *ngIf=\"claimAppEmpResponseModelFromService\" styleClass=\"p-datatable-striped app-datatable ion-padding-top\">\r\n  <ng-template pTemplate=\"header\" let-columns>\r\n    <tr>\r\n      <th colspan=\"2\" class=\"dataHeadings\" style=\"width:20%;\" >\r\n        {{\"induction.employment.table.employer.name\"|translate}}\r\n      </th>\r\n      <th>\r\n       </th>\r\n      <th>\r\n        {{\"induction.employment.table.job.title\"|translate}}\r\n       </th>\r\n       <th>\r\n        {{\"induction.employment.table.pay\"|translate}}\r\n       </th>\r\n       <th>\r\n        {{\"induction.employment.table.dates\"|translate}}\r\n       </th>\r\n       <th>\r\n        {{\"induction.employment.table.sep.reason\"|translate}}\r\n       </th>\r\n       \r\n    </tr>\r\n  </ng-template>\r\n  \r\n  <ng-template pTemplate=\"body\" let-employer let-rowIndex=\"rowIndex\">\r\n    <tr class=\"ui-selectable-row\" [ngClass]=\"employer.empDeleted=='Y' ? 'strikethrough' : null\" *ngIf=\"employer.displaySeasonalEmp === true\">\r\n      \r\n      <td [style.Color]=\"(!employer.isEmployerEdited && employer.isEmployerGridSubmitted) ? '#eb445a':''\"\r\n      *ngIf=\"employer.osaBpEmployerFlag === '1' && employer.employerType ==='REG' && employer.employerData.displayState != null; else workState\"  colspan=\"2\" class=\"dataHeadings\" style=\"width:20%;\" ><span class=\"p-column-title\">Employer</span><span class=\"displayName\">\r\n        {{employer.employerData.displayName}} - {{employer.employerData.displayState.text}}<br>\r\n      </span>\r\n      </td>\r\n      <ng-template #workState>\r\n        <td [style.Color]=\"(!employer.isEmployerEdited && employer.isEmployerGridSubmitted) ? '#eb445a':''\"\r\n        *ngIf=\"employer.osaBpEmployerFlag === '1' && employer.employerType ==='REG' && employer.workState != null; else notOsaBpAndRegEmployer\"  colspan=\"2\" class=\"dataHeadings\" style=\"width:20%;\" ><span class=\"p-column-title\">Employer</span><span class=\"displayName\">\r\n          {{employer.employerData.displayName}} - {{employer.workState.text}}<br>\r\n        </span>\r\n        </td>\r\n      </ng-template>\r\n      <ng-template #notOsaBpAndRegEmployer>\r\n        <td [style.Color]=\"(!employer.isEmployerEdited && employer.isEmployerGridSubmitted) ? '#eb445a':''\"\r\n        *ngIf=\"employer.employerData.displayName && employer.employerType!='MIL'\"  colspan=\"2\" class=\"dataHeadings\" style=\"width:20%;\" ><span class=\"p-column-title\">Employer</span><span class=\"displayName\">\r\n          {{employer.employerData.displayName}} <br>\r\n        </span><div style=\"font-size: 12px;\" class=\"displayNameText\" [innerHtml]=\"employer.employerData.mailingAddressDisplay | trustHtml\">\r\n        </div>\r\n        </td>         \r\n      </ng-template>\r\n        \r\n      <td [style.Color]=\"(!employer.isEmployerEdited && employer.isEmployerGridSubmitted) ? '#eb445a':''\"\r\n      *ngIf=\"!employer.employerData.displayName && employer.employerType!='MIL'\"  colspan=\"2\" class=\"dataHeadings\" style=\"width:20%;\" ><span class=\"p-column-title\">Employer</span><span>\r\n        </span>\r\n      </td>\r\n\r\n      <td [style.Color]=\"(!employer.isEmployerEdited && employer.isEmployerGridSubmitted) ? '#eb445a':''\"\r\n      *ngIf=\"employer.employerType==='MIL'\" colspan=\"2\" class=\"dataHeadings\" style=\"width:20%;\" ><span class=\"p-column-title\">Employer</span><span>\r\n          {{employer.serviceBranch.text}} <br>\r\n        </span>\r\n      </td>\r\n      <td style=\"text-align: center;\"> \r\n        <ion-button size=\"small\"  *ngIf=\"employer.bpEmployerFlag==='1' && employer.payRate && employer.startDate && employer.empDeleted!='Y'\" \r\n        [color]=\"(!employer.isEmployerEdited && employer.isEmployerGridSubmitted) ? 'danger':'success'\" fill=\"outline\" \r\n          (click)=\"editBasePeriodEmployer(employer);\" class=\"action-button\" aria-label=\"Add employer\">\r\n          <fa-icon [icon]=\"['fal', 'edit']\" class=\"action-icon\"></fa-icon>\r\n        </ion-button>\r\n\r\n        <ion-button size=\"small\" *ngIf=\"employer.bpEmployerFlag==='0'\" fill=\"outline\" \r\n        [color]=\"(!employer.isEmployerEdited && employer.isEmployerGridSubmitted) ? 'danger':'success'\"\r\n          (click)=\"editEmployer(employer);\" class=\"action-button\" aria-label=\"Edit employer\">\r\n          <fa-icon [icon]=\"['fal', 'edit']\" class=\"action-icon\"></fa-icon>\r\n        </ion-button>\r\n\r\n        <ion-button [id]=\"'btnConfirmEmployer-' + rowIndex\" size=\"small\" [color]=\"(!employer.isEmployerEdited && employer.isEmployerGridSubmitted) ? 'danger':'success'\"\r\n         *ngIf=\"employer.bpEmployerFlag==='1' && !employer.payRate && !employer.startDate && employer.empDeleted!='Y'\" fill=\"outline\" \r\n          (click)=\"finish(employer);\" class=\"action-button\" aria-label=\"Confirm employer\">\r\n          <fa-icon [icon]=\"util.isState('MS') ? ['fal', 'edit'] : ['fal', 'check-circle']\" class=\"action-icon\"></fa-icon>\r\n        </ion-button>\r\n\r\n        <ion-button [id]=\"'btnDeleteEmployer-' + rowIndex\" size=\"small\" *ngIf=\"employer.bpEmployerFlag==='0'\" color=\"success\" fill=\"outline\" \r\n          (click)=\"deleteEmployer(rowIndex);\" class=\"action-button\" aria-label=\"Remove employer\" style=\"padding-left: 5px;\">\r\n          <fa-icon [icon]=\"['fal', 'trash-alt']\" class=\"action-icon\"></fa-icon>\r\n        </ion-button>\r\n\r\n        <ion-button [id]=\"'btnRemoveEmployer-' + rowIndex\" size=\"small\" *ngIf=\"employer.bpEmployerFlag==='1' && employer.empDeleted!='Y'\" color=\"success\" fill=\"outline\" \r\n          (click)=\"removeEmployment(employer, rowIndex);\" class=\"action-button\" aria-label=\"Remove employer\" style=\"padding-left: 5px;\">\r\n          <fa-icon [icon]=\"['fal', 'trash-alt']\" class=\"action-icon\"></fa-icon>\r\n        </ion-button>\r\n\r\n        <ion-button size=\"small\" *ngIf=\"employer.bpEmployerFlag==='1' && employer.empDeleted=='Y'\" color=\"success\" fill=\"outline\" \r\n          (click)=\"restoreEmployment(employer, rowIndex);\" class=\"action-button\" aria-label=\"Restore\">\r\n          <fa-icon [icon]=\"['fal', 'trash-restore-alt']\" class=\"action-icon\"></fa-icon>\r\n        </ion-button>\r\n      </td>    \r\n      <td *ngIf=\"employer.jobTileOrPosition && !employer.fedJobTileOrPosition\"><span class=\"p-column-title\">Job Title</span>{{employer.jobTileOrPosition}}</td>\r\n\r\n      <td *ngIf=\"employer.fedJobTileOrPosition && !employer.jobTileOrPosition\"><span class=\"p-column-title\">Job Title</span>{{employer.fedJobTileOrPosition}}</td>\r\n\r\n      <td *ngIf=\"employer.employerType =='MIL'\"><span class=\"p-column-title\">Job Title</span></td>\r\n\r\n            \r\n      <td *ngIf=\"employer.employerType !='MIL' && employer.payRate && employer.payRateFrequency\"><span class=\"p-column-title\">Pay</span>{{employer.payRate | currency}}/{{employer.payRateFrequency.text}}</td>\r\n      <td *ngIf=\"employer.employerType =='MIL'\"><span class=\"p-column-title\">Pay</span></td>\r\n\r\n      \r\n      <td *ngIf=\"employer.employerType==='REG' && employer.startDate && employer.endDate\"><span class=\"p-column-title\">Start and End</span>\r\n        {{employer.startDate | date:'M/d/yyyy'}} - {{employer.endDate | date:'M/d/yyyy'}}\r\n      </td>\r\n      \r\n      <td *ngIf=\"employer.employerType==='FED' && employer.startDateFed && employer.endDateFed\"><span class=\"p-column-title\">Start and End</span>\r\n        {{employer.startDateFed | date:'M/d/yyyy'}} - {{employer.endDateFed | date:'M/d/yyyy'}}\r\n      </td>\r\n\r\n      <td *ngIf=\"employer.employerType==='MIL' && employer.startDateMil && employer.endDateMil\"><span class=\"p-column-title\">Start and End</span>\r\n        {{employer.startDateMil | date:'M/d/yyyy'}} - {{employer.endDateMil | date:'M/d/yyyy'}}\r\n      </td>\r\n\r\n\r\n      <td *ngIf=\"employer.employerType!='MIL' && employer.reasonSeparation\"><span class=\"p-column-title\">Separation Reason</span>{{employer.reasonSeparation.text}}\r\n      </td>\r\n\r\n      <td *ngIf=\"employer.employerType==='MIL'\"><span class=\"p-column-title\">Separation Reason</span>\r\n      </td>\r\n      \r\n      <td colspan=\"4\"></td>\r\n\r\n      \r\n      \r\n    </tr>\r\n  </ng-template>\r\n\r\n  <ng-template pTemplate=\"summary\" let-columns>\r\n    <table>\r\n      <tr>\r\n        <td [attr.colspan]=\"2\" style=\"width: 40%;\" class=\"action-footer\">\r\n          <div [innerHtml]=\"'induction.employment.footer.label' | translate | trustHtml\"></div>\r\n        </td>\r\n        <td class=\"add-employer\">\r\n          <ion-button fill=\"outline\" size=\"small\" class=\"action-button\" (click)=\"addNewEmpDetails()\" class=\"action-button\" aria-label=\"Add employer\" [id]=\"'btnAddEmployer'\">\r\n            <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon\"></fa-icon>\r\n          </ion-button>\r\n        </td>\r\n        <td colspan=\"4\">&nbsp;</td>\r\n      </tr>\r\n    </table>\r\n  </ng-template>\r\n\r\n</p-table>\r\n  <app-add-employer *ngIf=\"display\" (success)=\"addEmployer($event)\"  [recordIndexToEdit]=\"indexToEdit\" \r\n    (basePeriodIndex)=\"deleteBpEmpl($event)\" [isBasePeriodEmployer]=\"isBasePeriodEmployer\" [isNewClaim]=\"isNewClaim\" \r\n    (modelCancel)=\"onModelCancel($event)\" [dob]=\"claimantDob\">\r\n  </app-add-employer>\r\n\r\n  <p-dialog [visible]=\"showConfirmPopup\" [modal]=\"true\" appendTo=\"body\" position=\"top\" [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '660px', '576px': '100vw'}\" [style]=\"{width: '45vw'}\"\r\n    [baseZIndex]=\"5000\" [draggable]=\"false\" [resizable]=\"false\" appendTo=\"body\" closeOnEscape=\"false\" *ngIf=\"selectedEmployer\">\r\n        <h4 class=\"heading\">{{'induction.employment.grid.popup.heading' | translate}}</h4>\r\n        <ion-label>\r\n          {{selectedEmployer.employerData.displayName}}\r\n          <div *ngIf=\"selectedEmployer.employerData.tradeName != null\">\r\n            {{\"induction.confirm.employment.dba\"|translate}} {{selectedEmployer.employerData.tradeName}}</div>\r\n          <br>\r\n        </ion-label>\r\n        <ion-label><div style=\"font-size: 12px;\" [innerHtml]=\"selectedEmployer.employerData.mailingAddressDisplay | trustHtml\"></div></ion-label><br/>\r\n        <ion-label>\r\n          {{'induction.employment.grid.popup.failure.label' | translate}}\r\n        </ion-label><br/><br/>\r\n        <ion-label>\r\n          <div [innerHtml]=\"['induction.employment.grid.popup.didnt.work.label' | translate]\"></div>\r\n        </ion-label>\r\n        <ng-template pTemplate=\"footer\">\r\n            <ion-button shape=\"round\" type=\"submit\" fill=\"outline\" (click)=\"close()\">\r\n              {{'induction.employment.grid.popup.cancel' | translate}}\r\n            </ion-button>\r\n            <ion-button shape=\"round\" type=\"submit\" fill=\"solid\" (click)=\"removeBasePeriodEmployer()\">\r\n              {{'induction.employment.grid.popup.remove' | translate}}\r\n            </ion-button>\r\n        </ng-template>\r\n    </p-dialog>\r\n</div>", styles: [".add-employer{width:9.75%;text-align:right}.mobile-action-view{display:none}:host ::ng-deep .p-datatable-worksearch .p-datatable-tbody>tr>td .p-column-title{display:none}:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-tfoot>tr>td{color:var(--ion-color-primary);text-align:left;font-weight:700;padding:8px;width:-webkit-fill-available!important}:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-tbody>tr>td{font-size:16px;padding:3px;width:-webkit-fill-available!important}:host ::ng-deep .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(2n){background:none}@media screen and (max-width: 767px){.mobile-action-view{display:block}}@media screen and (max-width: 40rem){.action-footer{width:300px!important}ion-col{text-align:left!important}.dataHeadings{width:500px!important}:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-tfoot>tr>td{display:none!important}:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-tbody>tr>td{text-align:left!important;display:block;width:100%!important;float:left;clear:left;border:0 none}:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-tbody>tr>td .p-column-title{padding:.6rem;min-width:30%;display:inline-block;margin:-.4em 1em -.4em -.4rem;font-weight:700}:host ::ng-deep .p-datatable.p-datatable-worksearch .p-datatable-tbody>tr>td:last-child{border-bottom:1px solid var(--surface-d)}}@media screen and (max-width: 40rem){:host ::ng-deep .p-datatable.app-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable.app-datatable .p-datatable-tfoot>tr>td{display:none!important}:host ::ng-deep .p-datatable.app-datatable .p-datatable-tbody>tr>td .p-column-title{padding:.6rem;min-width:0%!important;display:inline-block;margin:-.4em 1em -.4em -.4rem;font-weight:700}}@media (min-width: 767px) and (max-width: 1325px){.displayNameText{font-size:12px!important;width:max-content}}.strikethrough{text-decoration:line-through}\n"] }]
     }], () => [{ type: i4.PopoverController }, { type: LoggerService }, { type: ValidationService }, { type: i4.NavController }, { type: UtilService }, { type: LoginService }, { type: i3.ActivatedRoute }, { type: ClaimService }, { type: i1$3.Storage }], { form: [{
             type: Input
         }], dynamicParam: [{
@@ -21996,6 +22044,9 @@ class EmployerGridComponent {
             type: Output
         }], onComplete: [{
             type: Output
+        }], gridTop: [{
+            type: ViewChild,
+            args: ['gridTop', { static: false }]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EmployerGridComponent, { className: "EmployerGridComponent", filePath: "lib\\components\\employer-grid\\employer-grid.component.ts", lineNumber: 31 }); })();
 
@@ -26833,6 +26884,7 @@ class AddEmployerComponent {
         this.logger.debug('this.save.value', this.addEmployerForm);
         if (this.workFlag.value === 'N') {
             if (this.addEmployerForm.valid) {
+                this.addEmployerForm.value.isEmployerEdited = true;
                 this.success.emit(this.addEmployerForm.value);
                 this.display = false;
             }
@@ -26859,6 +26911,7 @@ class AddEmployerComponent {
             this.addEmployerForm.controls['ficCode'].enable();
             this.addEmployerForm.controls['ficDestinationName'].enable();
             this.address.enable();
+            this.addEmployerForm.value.isEmployerEdited = true;
             this.success.emit(this.addEmployerForm.value);
             this.logger.debug("add form details add()- ", this.addEmployerForm);
             this.display = false;