@reusa/ngx-reusa-app-lib 0.0.1347 → 0.0.1349

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

@@ -47111,45 +47111,45 @@ const _c4$4 = "City name can only contain letters, spaces, and hyphens";
 const _c5$2 = () => ({ required: "Required.", invalidwsCityLength: "City should not exceed a length of 30 characters", pattern: _c4$4, maxlength: "cannot exceed 30 characters" });
 const _c6$2 = () => ({ required: "Required." });
 const _c7$1 = () => ({ required: "Required.", invalidLength: "Zip code should be of 5 or 9 digits.", invalidNumber: "Zip code should only have numbers." });
-function WorkSearchEmployerComponentMS_section_16_Template(rf, ctx) { if (rf & 1) {
+function WorkSearchEmployerComponentMS_section_18_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "section")(1, "div", 6)(2, "label", 15);
+    i0.ɵɵelementStart(0, "section")(1, "div", 7)(2, "label", 16);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "app-search-employer", 16);
-    i0.ɵɵlistener("onFound", function WorkSearchEmployerComponentMS_section_16_Template_app_search_employer_onFound_5_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.setEmployer($event)); });
+    i0.ɵɵelementStart(5, "app-search-employer", 17);
+    i0.ɵɵlistener("onFound", function WorkSearchEmployerComponentMS_section_18_Template_app_search_employer_onFound_5_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.setEmployer($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(6, "app-error", 9);
+    i0.ɵɵelement(6, "app-error", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 6)(8, "label", 17);
+    i0.ɵɵelementStart(7, "div", 7)(8, "label", 18);
     i0.ɵɵtext(9);
     i0.ɵɵpipe(10, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(11, "input", 18)(12, "app-error", 9);
+    i0.ɵɵelement(11, "input", 19)(12, "app-error", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 6)(14, "label", 19);
+    i0.ɵɵelementStart(13, "div", 7)(14, "label", 20);
     i0.ɵɵtext(15);
     i0.ɵɵpipe(16, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(17, "input", 20)(18, "app-error", 9);
+    i0.ɵɵelement(17, "input", 21)(18, "app-error", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "ion-row")(20, "ion-col", 21)(21, "div", 6)(22, "label", 22);
+    i0.ɵɵelementStart(19, "ion-row")(20, "ion-col", 22)(21, "div", 7)(22, "label", 23);
     i0.ɵɵtext(23);
     i0.ɵɵpipe(24, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(25, "app-dropdown", 23)(26, "app-error", 9);
+    i0.ɵɵelement(25, "app-dropdown", 24)(26, "app-error", 10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(27, "ion-col", 24);
-    i0.ɵɵelementStart(28, "ion-col", 21)(29, "div", 6)(30, "label", 25);
+    i0.ɵɵelement(27, "ion-col", 25);
+    i0.ɵɵelementStart(28, "ion-col", 22)(29, "div", 7)(30, "label", 26);
     i0.ɵɵtext(31);
     i0.ɵɵpipe(32, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(33, "input", 26)(34, "app-error", 9);
+    i0.ɵɵelement(33, "input", 27)(34, "app-error", 10);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    const _r0 = i0.ɵɵreference(5);
+    const _r0 = i0.ɵɵreference(7);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 37, "work.search.journal.employerName"));
     i0.ɵɵadvance(2);
@@ -47187,20 +47187,20 @@ function WorkSearchEmployerComponentMS_section_16_Template(rf, ctx) { if (rf & 1
     i0.ɵɵproperty("field", ctx_r1.zip)("form", _r0)("errDef", i0.ɵɵpureFunction0(51, _c7$1));
 } }
 const _c8$1 = a1 => ({ required: "Required.", dateNotBetween: a1 });
-function WorkSearchEmployerComponentMS_div_19_Template(rf, ctx) { if (rf & 1) {
+function WorkSearchEmployerComponentMS_div_21_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 6)(1, "label", 27);
+    i0.ɵɵelementStart(0, "div", 7)(1, "label", 28);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p-calendar", 28);
-    i0.ɵɵlistener("onInput", function WorkSearchEmployerComponentMS_div_19_Template_p_calendar_onInput_4_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.dateInput($event)); });
+    i0.ɵɵelementStart(4, "p-calendar", 29);
+    i0.ɵɵlistener("onInput", function WorkSearchEmployerComponentMS_div_21_Template_p_calendar_onInput_4_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.dateInput($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "app-error", 9);
+    i0.ɵɵelement(5, "app-error", 10);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext();
-    const _r0 = i0.ɵɵreference(5);
+    const _r0 = i0.ɵɵreference(7);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 14, "work.search.journal.applicationDate"));
     i0.ɵɵadvance(2);
@@ -47209,16 +47209,16 @@ function WorkSearchEmployerComponentMS_div_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassMap("app-grid");
     i0.ɵɵproperty("field", ctx_r2.workSearchDate)("form", _r0)("errDef", i0.ɵɵpureFunction1(16, _c8$1, "Date should be between " + ctx_r2.sunDateString + " and " + ctx_r2.currentDateString + "."));
 } }
-function WorkSearchEmployerComponentMS_section_20_div_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "div", 6)(2, "label", 32);
+function WorkSearchEmployerComponentMS_section_22_div_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 7)(2, "label", 33);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "p-selectButton", 33)(6, "app-error", 9);
+    i0.ɵɵelement(5, "p-selectButton", 34)(6, "app-error", 10);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r8 = i0.ɵɵnextContext(2);
-    const _r0 = i0.ɵɵreference(5);
+    const _r0 = i0.ɵɵreference(7);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 8, "work.search.journal.contactMethod"));
     i0.ɵɵadvance(2);
@@ -47227,16 +47227,16 @@ function WorkSearchEmployerComponentMS_section_20_div_7_Template(rf, ctx) { if (
     i0.ɵɵclassMap("app-grid");
     i0.ɵɵproperty("field", ctx_r8.contactMethod)("form", _r0)("errDef", i0.ɵɵpureFunction0(10, _c6$2));
 } }
-function WorkSearchEmployerComponentMS_section_20_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "div", 6)(2, "label", 32);
+function WorkSearchEmployerComponentMS_section_22_div_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 7)(2, "label", 33);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "p-selectButton", 33)(6, "app-error", 9);
+    i0.ɵɵelement(5, "p-selectButton", 34)(6, "app-error", 10);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r9 = i0.ɵɵnextContext(2);
-    const _r0 = i0.ɵɵreference(5);
+    const _r0 = i0.ɵɵreference(7);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 8, "work.search.journal.contactMethodJobSearch"));
     i0.ɵɵadvance(2);
@@ -47245,16 +47245,16 @@ function WorkSearchEmployerComponentMS_section_20_div_8_Template(rf, ctx) { if (
     i0.ɵɵclassMap("app-grid");
     i0.ɵɵproperty("field", ctx_r9.contactMethod)("form", _r0)("errDef", i0.ɵɵpureFunction0(10, _c6$2));
 } }
-function WorkSearchEmployerComponentMS_section_20_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6)(1, "label", 34);
+function WorkSearchEmployerComponentMS_section_22_div_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7)(1, "label", 35);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "p-inputMask", 35)(5, "app-error", 9);
+    i0.ɵɵelement(4, "p-inputMask", 36)(5, "app-error", 10);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r10 = i0.ɵɵnextContext(2);
-    const _r0 = i0.ɵɵreference(5);
+    const _r0 = i0.ɵɵreference(7);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 7, "work.search.journal.phoneNo"));
     i0.ɵɵadvance(2);
@@ -47264,16 +47264,16 @@ function WorkSearchEmployerComponentMS_section_20_div_9_Template(rf, ctx) { if (
     i0.ɵɵproperty("field", ctx_r10.employerPhone)("form", _r0)("errDef", i0.ɵɵpureFunction0(9, _c6$2));
 } }
 const _c9$1 = () => ({ required: "Required.", employerEmail: "Invalid email address.", maxlength: "cannot exceed 40 characters" });
-function WorkSearchEmployerComponentMS_section_20_div_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6)(1, "label", 36);
+function WorkSearchEmployerComponentMS_section_22_div_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7)(1, "label", 37);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "input", 37)(5, "app-error", 9);
+    i0.ɵɵelement(4, "input", 38)(5, "app-error", 10);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r11 = i0.ɵɵnextContext(2);
-    const _r0 = i0.ɵɵreference(5);
+    const _r0 = i0.ɵɵreference(7);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 7, "work.search.journal.email"));
     i0.ɵɵadvance(2);
@@ -47283,16 +47283,16 @@ function WorkSearchEmployerComponentMS_section_20_div_10_Template(rf, ctx) { if
     i0.ɵɵproperty("field", ctx_r11.employerEmail)("form", _r0)("errDef", i0.ɵɵpureFunction0(9, _c9$1));
 } }
 const _c10$1 = () => ({ required: "Required.", invalidWebsite: "Please enter a valid website address", maxlength: "cannot exceed 40 characters" });
-function WorkSearchEmployerComponentMS_section_20_div_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6)(1, "label", 38);
+function WorkSearchEmployerComponentMS_section_22_div_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7)(1, "label", 39);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "input", 39)(5, "app-error", 9);
+    i0.ɵɵelement(4, "input", 40)(5, "app-error", 10);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r12 = i0.ɵɵnextContext(2);
-    const _r0 = i0.ɵɵreference(5);
+    const _r0 = i0.ɵɵreference(7);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 7, "work.search.journal.website"));
     i0.ɵɵadvance(2);
@@ -47302,16 +47302,16 @@ function WorkSearchEmployerComponentMS_section_20_div_11_Template(rf, ctx) { if
     i0.ɵɵproperty("field", ctx_r12.employerWebsite)("form", _r0)("errDef", i0.ɵɵpureFunction0(9, _c10$1));
 } }
 const _c11 = () => ({ required: "Required.", maxlength: "cannot exceed 50 characters" });
-function WorkSearchEmployerComponentMS_section_20_div_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6)(1, "label", 40);
+function WorkSearchEmployerComponentMS_section_22_div_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7)(1, "label", 41);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "input", 41)(5, "app-error", 9);
+    i0.ɵɵelement(4, "input", 42)(5, "app-error", 10);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r13 = i0.ɵɵnextContext(2);
-    const _r0 = i0.ɵɵreference(5);
+    const _r0 = i0.ɵɵreference(7);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 7, "work.search.journal.contactName"));
     i0.ɵɵadvance(2);
@@ -47320,16 +47320,16 @@ function WorkSearchEmployerComponentMS_section_20_div_12_Template(rf, ctx) { if
     i0.ɵɵclassMap("app-grid");
     i0.ɵɵproperty("field", ctx_r13.empContactPersonName)("form", _r0)("errDef", i0.ɵɵpureFunction0(9, _c11));
 } }
-function WorkSearchEmployerComponentMS_section_20_div_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6)(1, "label", 42);
+function WorkSearchEmployerComponentMS_section_22_div_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7)(1, "label", 43);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "input", 43)(5, "app-error", 9);
+    i0.ɵɵelement(4, "input", 44)(5, "app-error", 10);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r14 = i0.ɵɵnextContext(2);
-    const _r0 = i0.ɵɵreference(5);
+    const _r0 = i0.ɵɵreference(7);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(3, 7, "work.search.journal.contactTitle"));
     i0.ɵɵadvance(2);
@@ -47338,26 +47338,26 @@ function WorkSearchEmployerComponentMS_section_20_div_13_Template(rf, ctx) { if
     i0.ɵɵclassMap("app-grid");
     i0.ɵɵproperty("field", ctx_r14.empContactPersonTitle)("form", _r0)("errDef", i0.ɵɵpureFunction0(9, _c11));
 } }
-function WorkSearchEmployerComponentMS_section_20_div_18_Template(rf, ctx) { if (rf & 1) {
+function WorkSearchEmployerComponentMS_section_22_div_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "app-dropdown", 44)(2, "app-error", 9);
+    i0.ɵɵelement(1, "app-dropdown", 45)(2, "app-error", 10);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r15 = i0.ɵɵnextContext(2);
-    const _r0 = i0.ɵɵreference(5);
+    const _r0 = i0.ɵɵreference(7);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("options", ctx_r15.workSearchResultComboJobApplicationMs)("formControl", ctx_r15.searchResult);
     i0.ɵɵadvance(1);
     i0.ɵɵclassMap("app-grid");
     i0.ɵɵproperty("field", ctx_r15.searchResult)("form", _r0)("errDef", i0.ɵɵpureFunction0(7, _c6$2));
 } }
-function WorkSearchEmployerComponentMS_section_20_div_19_Template(rf, ctx) { if (rf & 1) {
+function WorkSearchEmployerComponentMS_section_22_div_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "app-dropdown", 44)(2, "app-error", 9);
+    i0.ɵɵelement(1, "app-dropdown", 45)(2, "app-error", 10);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r16 = i0.ɵɵnextContext(2);
-    const _r0 = i0.ɵɵreference(5);
+    const _r0 = i0.ɵɵreference(7);
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("options", ctx_r16.workSearchResultComboJobSearchMs)("formControl", ctx_r16.searchResult);
     i0.ɵɵadvance(1);
@@ -47366,23 +47366,23 @@ function WorkSearchEmployerComponentMS_section_20_div_19_Template(rf, ctx) { if
 } }
 const _c12 = "Job Title can only contain letters, spaces, and hyphens";
 const _c13 = () => ({ required: "Required.", pattern: _c12, maxlength: "cannot exceed 50 characters" });
-function WorkSearchEmployerComponentMS_section_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "section")(1, "div", 6)(2, "label", 29);
+function WorkSearchEmployerComponentMS_section_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "section")(1, "div", 7)(2, "label", 30);
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(5, "input", 30)(6, "app-error", 9);
+    i0.ɵɵelement(5, "input", 31)(6, "app-error", 10);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, WorkSearchEmployerComponentMS_section_20_div_7_Template, 7, 11, "div", 10)(8, WorkSearchEmployerComponentMS_section_20_div_8_Template, 7, 11, "div", 10)(9, WorkSearchEmployerComponentMS_section_20_div_9_Template, 6, 10, "div", 11)(10, WorkSearchEmployerComponentMS_section_20_div_10_Template, 6, 10, "div", 11)(11, WorkSearchEmployerComponentMS_section_20_div_11_Template, 6, 10, "div", 11)(12, WorkSearchEmployerComponentMS_section_20_div_12_Template, 6, 10, "div", 11)(13, WorkSearchEmployerComponentMS_section_20_div_13_Template, 6, 10, "div", 11);
-    i0.ɵɵelementStart(14, "div", 6)(15, "label", 31);
+    i0.ɵɵtemplate(7, WorkSearchEmployerComponentMS_section_22_div_7_Template, 7, 11, "div", 11)(8, WorkSearchEmployerComponentMS_section_22_div_8_Template, 7, 11, "div", 11)(9, WorkSearchEmployerComponentMS_section_22_div_9_Template, 6, 10, "div", 12)(10, WorkSearchEmployerComponentMS_section_22_div_10_Template, 6, 10, "div", 12)(11, WorkSearchEmployerComponentMS_section_22_div_11_Template, 6, 10, "div", 12)(12, WorkSearchEmployerComponentMS_section_22_div_12_Template, 6, 10, "div", 12)(13, WorkSearchEmployerComponentMS_section_22_div_13_Template, 6, 10, "div", 12);
+    i0.ɵɵelementStart(14, "div", 7)(15, "label", 32);
     i0.ɵɵtext(16);
     i0.ɵɵpipe(17, "translate");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(18, WorkSearchEmployerComponentMS_section_20_div_18_Template, 3, 8, "div", 10)(19, WorkSearchEmployerComponentMS_section_20_div_19_Template, 3, 8, "div", 10);
+    i0.ɵɵtemplate(18, WorkSearchEmployerComponentMS_section_22_div_18_Template, 3, 8, "div", 11)(19, WorkSearchEmployerComponentMS_section_22_div_19_Template, 3, 8, "div", 11);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
-    const _r0 = i0.ɵɵreference(5);
+    const _r0 = i0.ɵɵreference(7);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 17, "work.search.journal.jobTitle"));
     i0.ɵɵadvance(2);
@@ -47412,6 +47412,7 @@ function WorkSearchEmployerComponentMS_section_20_Template(rf, ctx) { if (rf & 1
     i0.ɵɵproperty("ngIf", ctx_r3.activityType.value == "JOSE");
 } }
 const _c14 = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
+const _c15 = a0 => [a0];
 class WorkSearchEmployerComponentMS extends BasePage {
     constructor(wcService, formBuilder, util) {
         super();
@@ -47686,46 +47687,50 @@ class WorkSearchEmployerComponentMS extends BasePage {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.wsrFormDirective = _t.first);
-        } }, inputs: { recordIndexToEdit: "recordIndexToEdit", data: "data", satDate: "satDate", sunDate: "sunDate", satDateString: "satDateString", sunDateString: "sunDateString", journal: "journal" }, outputs: { success: "success", onClose: "onClose" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 29, vars: 28, consts: [["visible", "true", "modal", "true", "appendTo", "body", "position", "top", 3, "showHeader", "breakpoints"], [2, "color", "var(--ion-color-grey)", "padding-left", "20px"], [3, "formGroup"], ["wsrFormDirective", "ngForm"], ["size", "12", "sizeSm", "12", "sizeXs", "12", "sizeMd", "6", "sizeLg", "6", "sizeXl", "6", 1, "ion-padding"], [1, "p-fluid", "p-formgrid"], [1, "field"], ["for", "activityType"], ["optionLabel", "DESC", "optionValue", "NAME", "appendTo", "body", "inputId", "activityType", 3, "options", "formControl"], [3, "field", "form", "errDef"], [4, "ngIf"], ["class", "field", 4, "ngIf"], [1, "ion-text-right"], ["shape", "round", "fill", "outline", "type", "reset", 3, "click"], ["shape", "round", "type", "submit", 3, "click"], ["for", "employerName"], [3, "formControl", "empType", "onFound"], ["for", "line1"], ["id", "line1", "type", "input", "pInputText", "", "appStripInvisibleChars", "", 3, "formControl"], ["for", "city"], ["id", "city", "type", "input", "pInputText", "", "appStripInvisibleChars", "", 3, "formControl"], [2, "padding", "0px"], ["for", "state"], ["inputId", "state", "optionLabel", "DESC", "optionValue", "NAME", "appendTo", "body", "inputId", "state", 3, "options", "formControl"], ["size", "1"], ["for", "zip"], ["id", "zip", "type", "input", "pInputText", "", "minlength", "5", "maxlength", "9", "appStripInvisibleChars", "", 3, "formControl"], ["for", "workSearchDate"], ["inputId", "workSearchDate", "appendTo", "body", "dateFormat", "mm/dd/yy", "placeholder", "mm/dd/yyyy", "yearRange", "1901:2050", 3, "showIcon", "formControl", "minDate", "maxDate", "defaultDate", "selectOtherMonths", "monthNavigator", "yearNavigator", "onInput"], ["for", "positionAppliedFor"], ["id", "positionAppliedFor", "type", "input", "pInputText", "", "appStripInvisibleChars", "", 3, "formControl"], ["for", "searchResult"], ["for", "contactMethod"], ["optionLabel", "DESC", "optionValue", "NAME", 3, "options", "formControl"], ["for", "employerPhone"], ["inputId", "employerPhone", "mask", "(999) 999-9999", "unmask", "true", 3, "formControl"], ["for", "employerEmail"], ["id", "employerEmail", "type", "input", "pInputText", "", "placeholder", "emailid@example.com", "appStripInvisibleChars", "", 3, "formControl"], ["for", "employerWebsite"], ["id", "employerWebsite", "type", "input", "pInputText", "", "appStripInvisibleChars", "", 3, "formControl"], ["for", "empContactPersonName"], ["id", "empContactPersonName", "type", "input", "pInputText", "", "appStripInvisibleChars", "", 3, "formControl"], ["for", "empContactPersonTitle"], ["id", "empContactPersonTitle", "type", "input", "pInputText", "", "appStripInvisibleChars", "", 3, "formControl"], ["optionLabel", "DESC", "optionValue", "NAME", "appendTo", "body", "inputId", "searchResult", 3, "options", "formControl"]], template: function WorkSearchEmployerComponentMS_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { recordIndexToEdit: "recordIndexToEdit", data: "data", satDate: "satDate", sunDate: "sunDate", satDateString: "satDateString", sunDateString: "sunDateString", journal: "journal" }, outputs: { success: "success", onClose: "onClose" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 31, vars: 33, consts: [["visible", "true", "modal", "true", "appendTo", "body", "position", "top", 3, "showHeader", "breakpoints"], [2, "color", "var(--ion-color-grey)", "padding-left", "20px"], [2, "padding-left", "20px", 3, "innerHTML"], [3, "formGroup"], ["wsrFormDirective", "ngForm"], ["size", "12", "sizeSm", "12", "sizeXs", "12", "sizeMd", "6", "sizeLg", "6", "sizeXl", "6", 1, "ion-padding"], [1, "p-fluid", "p-formgrid"], [1, "field"], ["for", "activityType"], ["optionLabel", "DESC", "optionValue", "NAME", "appendTo", "body", "inputId", "activityType", 3, "options", "formControl"], [3, "field", "form", "errDef"], [4, "ngIf"], ["class", "field", 4, "ngIf"], [1, "ion-text-right"], ["shape", "round", "fill", "outline", "type", "reset", 3, "click"], ["shape", "round", "type", "submit", 3, "click"], ["for", "employerName"], [3, "formControl", "empType", "onFound"], ["for", "line1"], ["id", "line1", "type", "input", "pInputText", "", "appStripInvisibleChars", "", 3, "formControl"], ["for", "city"], ["id", "city", "type", "input", "pInputText", "", "appStripInvisibleChars", "", 3, "formControl"], [2, "padding", "0px"], ["for", "state"], ["inputId", "state", "optionLabel", "DESC", "optionValue", "NAME", "appendTo", "body", "inputId", "state", 3, "options", "formControl"], ["size", "1"], ["for", "zip"], ["id", "zip", "type", "input", "pInputText", "", "minlength", "5", "maxlength", "9", "appStripInvisibleChars", "", 3, "formControl"], ["for", "workSearchDate"], ["inputId", "workSearchDate", "appendTo", "body", "dateFormat", "mm/dd/yy", "placeholder", "mm/dd/yyyy", "yearRange", "1901:2050", 3, "showIcon", "formControl", "minDate", "maxDate", "defaultDate", "selectOtherMonths", "monthNavigator", "yearNavigator", "onInput"], ["for", "positionAppliedFor"], ["id", "positionAppliedFor", "type", "input", "pInputText", "", "appStripInvisibleChars", "", 3, "formControl"], ["for", "searchResult"], ["for", "contactMethod"], ["optionLabel", "DESC", "optionValue", "NAME", 3, "options", "formControl"], ["for", "employerPhone"], ["inputId", "employerPhone", "mask", "(999) 999-9999", "unmask", "true", 3, "formControl"], ["for", "employerEmail"], ["id", "employerEmail", "type", "input", "pInputText", "", "placeholder", "emailid@example.com", "appStripInvisibleChars", "", 3, "formControl"], ["for", "employerWebsite"], ["id", "employerWebsite", "type", "input", "pInputText", "", "appStripInvisibleChars", "", 3, "formControl"], ["for", "empContactPersonName"], ["id", "empContactPersonName", "type", "input", "pInputText", "", "appStripInvisibleChars", "", 3, "formControl"], ["for", "empContactPersonTitle"], ["id", "empContactPersonTitle", "type", "input", "pInputText", "", "appStripInvisibleChars", "", 3, "formControl"], ["optionLabel", "DESC", "optionValue", "NAME", "appendTo", "body", "inputId", "searchResult", 3, "options", "formControl"]], template: function WorkSearchEmployerComponentMS_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "p-dialog", 0)(1, "h4", 1);
             i0.ɵɵtext(2);
             i0.ɵɵpipe(3, "translate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "form", 2, 3)(6, "ion-grid")(7, "ion-row")(8, "ion-col", 4)(9, "div", 5)(10, "div", 6)(11, "label", 7);
-            i0.ɵɵtext(12);
-            i0.ɵɵpipe(13, "translate");
+            i0.ɵɵelement(4, "h6", 2);
+            i0.ɵɵpipe(5, "translate");
+            i0.ɵɵelementStart(6, "form", 3, 4)(8, "ion-grid")(9, "ion-row")(10, "ion-col", 5)(11, "div", 6)(12, "div", 7)(13, "label", 8);
+            i0.ɵɵtext(14);
+            i0.ɵɵpipe(15, "translate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(14, "app-dropdown", 8)(15, "app-error", 9);
+            i0.ɵɵelement(16, "app-dropdown", 9)(17, "app-error", 10);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(16, WorkSearchEmployerComponentMS_section_16_Template, 35, 52, "section", 10);
+            i0.ɵɵtemplate(18, WorkSearchEmployerComponentMS_section_18_Template, 35, 52, "section", 11);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(17, "ion-col", 4)(18, "div", 5);
-            i0.ɵɵtemplate(19, WorkSearchEmployerComponentMS_div_19_Template, 6, 18, "div", 11)(20, WorkSearchEmployerComponentMS_section_20_Template, 20, 22, "section", 10);
+            i0.ɵɵelementStart(19, "ion-col", 5)(20, "div", 6);
+            i0.ɵɵtemplate(21, WorkSearchEmployerComponentMS_div_21_Template, 6, 18, "div", 12)(22, WorkSearchEmployerComponentMS_section_22_Template, 20, 22, "section", 11);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(21, "ion-row")(22, "ion-col", 12)(23, "ion-button", 13);
-            i0.ɵɵlistener("click", function WorkSearchEmployerComponentMS_Template_ion_button_click_23_listener() { return ctx.close(); });
-            i0.ɵɵtext(24);
-            i0.ɵɵpipe(25, "translate");
+            i0.ɵɵelementStart(23, "ion-row")(24, "ion-col", 13)(25, "ion-button", 14);
+            i0.ɵɵlistener("click", function WorkSearchEmployerComponentMS_Template_ion_button_click_25_listener() { return ctx.close(); });
+            i0.ɵɵtext(26);
+            i0.ɵɵpipe(27, "translate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(26, "ion-button", 14);
-            i0.ɵɵlistener("click", function WorkSearchEmployerComponentMS_Template_ion_button_click_26_listener() { return ctx.add(); });
-            i0.ɵɵtext(27);
-            i0.ɵɵpipe(28, "translate");
+            i0.ɵɵelementStart(28, "ion-button", 15);
+            i0.ɵɵlistener("click", function WorkSearchEmployerComponentMS_Template_ion_button_click_28_listener() { return ctx.add(); });
+            i0.ɵɵtext(29);
+            i0.ɵɵpipe(30, "translate");
             i0.ɵɵelementEnd()()()()()();
         } if (rf & 2) {
-            const _r0 = i0.ɵɵreference(5);
-            i0.ɵɵproperty("showHeader", false)("breakpoints", i0.ɵɵpureFunction0(26, _c14));
+            const _r0 = i0.ɵɵreference(7);
+            i0.ɵɵproperty("showHeader", false)("breakpoints", i0.ɵɵpureFunction0(29, _c14));
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 18, "work.search.journal.activity.heading", ctx.dynamicParam));
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 17, "work.search.journal.activity.heading", ctx.dynamicParam));
+            i0.ɵɵproperty("innerHTML", i0.ɵɵpureFunction1(30, _c15, i0.ɵɵpipeBind1(5, 21, "work.search.journal.activity.details")), i0.ɵɵsanitizeHtml);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("formGroup", ctx.wsrForm);
             i0.ɵɵadvance(8);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(13, 20, "work.search.journal.activity.type"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(15, 23, "work.search.journal.activity.type"));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("options", ctx.activityTypeComboMs)("formControl", ctx.activityType);
             i0.ɵɵadvance(1);
             i0.ɵɵclassMap("app-grid");
-            i0.ɵɵproperty("field", ctx.activityType)("form", _r0)("errDef", i0.ɵɵpureFunction0(27, _c6$2));
+            i0.ɵɵproperty("field", ctx.activityType)("form", _r0)("errDef", i0.ɵɵpureFunction0(32, _c6$2));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.displayJobApplicationQuestions || ctx.displayJobSearchQuestions);
             i0.ɵɵadvance(3);
@@ -47733,14 +47738,14 @@ class WorkSearchEmployerComponentMS extends BasePage {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.displayJobApplicationQuestions || ctx.displayJobSearchQuestions);
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(25, 22, "button.cancel"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(27, 25, "button.cancel"));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(28, 24, "button.add"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(30, 27, "button.add"));
         } }, dependencies: [i4.IonButton, i4.IonCol, i4.IonGrid, i4.IonRow, i5$1.NgIf, i1$4.ɵNgNoValidate, i1$4.DefaultValueAccessor, i1$4.NgControlStatus, i1$4.NgControlStatusGroup, i1$4.MinLengthValidator, i1$4.MaxLengthValidator, i1$4.FormControlDirective, i1$4.FormGroupDirective, i6$3.Dialog, i17.InputText, i18.InputMask, i19.Calendar, i21.SelectButton, ErrorComponent, SearchEmployerComponent, Dropdown, StripInvisibleCharsDirective, i3$1.TranslatePipe] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WorkSearchEmployerComponentMS, [{
         type: Component,
-        args: [{ selector: 'app-work-search-employer-ms', template: "<p-dialog visible=\"true\" modal=\"true\" appendTo=\"body\" position=\"top\" [showHeader]=\"false\"\r\n  [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '660px', '576px': '100vw'}\">\r\n  <h4 style=\"color: var(--ion-color-grey); padding-left: 20px;\">{{'work.search.journal.activity.heading' |\r\n    translate:dynamicParam }}</h4>\r\n  <form [formGroup]=\"wsrForm\" #wsrFormDirective=\"ngForm\">\r\n    <ion-grid>\r\n      <ion-row>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid p-formgrid\">\r\n            <div class=\"field\">\r\n              <label for=\"activityType\">{{'work.search.journal.activity.type' | translate}}</label>\r\n              <app-dropdown [options]=\"activityTypeComboMs\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n                [formControl]=\"activityType\" appendTo=\"body\" inputId=\"activityType\"></app-dropdown>\r\n              <app-error [class]=\"'app-grid'\" [field]='activityType' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                required: 'Required.'\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <section *ngIf=\"displayJobApplicationQuestions || displayJobSearchQuestions\">\r\n              <div class=\"field\">\r\n                <label for=\"employerName\">{{'work.search.journal.employerName' | translate}}</label>\r\n                <app-search-employer [formControl]=\"employerName\" (onFound)=\"setEmployer($event)\"\r\n                  [empType]=\"'REG'\"></app-search-employer>\r\n                <app-error [class]=\"'app-grid'\" [field]='employerName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.', pattern: '%, <, >, ^, _, {, } are not allowed'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\">\r\n                <label for=\"line1\">{{'work.search.journal.streetAddress' | translate}}</label>\r\n                <input id=\"line1\" type=\"input\" pInputText [formControl]=\"line1\" appStripInvisibleChars/>\r\n                <app-error [class]=\"'app-grid'\" [field]='line1' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.', pattern: 'Only letters, numbers, spaces, commas, periods, apostrophes, hyphens, # and / allowed',\r\n                  maxlength: 'cannot exceed 40 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\">\r\n                <label for=\"city\">{{'work.search.journal.city' | translate}}</label>\r\n                <input id=\"city\" type=\"input\" pInputText [formControl]=\"city\" appStripInvisibleChars/>\r\n                <app-error [class]=\"'app-grid'\" [field]='city' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.',\r\n                  invalidwsCityLength: 'City should not exceed a length of 30 characters',\r\n                   pattern: 'City name can only contain letters, spaces, and hyphens',\r\n                   maxlength: 'cannot exceed 30 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <ion-row>\r\n                <ion-col style=\"padding: 0px;\">\r\n                  <div class=\"field\">\r\n                    <label for=\"state\">{{'work.search.journal.state'| translate}}</label>\r\n                    <app-dropdown inputId=\"state\" [options]=\"statesCombo\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n                      appendTo=\"body\" [formControl]=\"state\" inputId=\"state\"></app-dropdown>\r\n                    <app-error [class]=\"'app-grid'\" [field]='state' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                      required: 'Required.'\r\n                    }\"></app-error>\r\n                  </div>\r\n                </ion-col>\r\n                <ion-col size=\"1\"></ion-col>\r\n                <ion-col style=\"padding: 0px;\">\r\n                  <div class=\"field\">\r\n                    <label for=\"zip\">{{'work.search.journal.zip'| translate}}</label>\r\n                    <input id=\"zip\" type=\"input\" pInputText [formControl]=\"zip\" minlength=\"5\" maxlength=\"9\" appStripInvisibleChars/>\r\n                    <app-error [class]=\"'app-grid'\" [field]='zip' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                      required: 'Required.',\r\n                      invalidLength: 'Zip code should be of 5 or 9 digits.',\r\n                      invalidNumber: 'Zip code should only have numbers.'\r\n                    }\"></app-error>\r\n                  </div>\r\n                </ion-col>\r\n              </ion-row>\r\n\r\n            </section>\r\n          </div>\r\n        </ion-col>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid p-formgrid\">\r\n            <div class=\"field\" *ngIf=\"displayJobApplicationQuestions || displayJobSearchQuestions\">\r\n              <label for=\"workSearchDate\">{{'work.search.journal.applicationDate'| translate}}</label>\r\n              <p-calendar [showIcon]=\"true\" inputId=\"workSearchDate\" appendTo=\"body\" [formControl]=\"workSearchDate\" dateFormat=\"mm/dd/yy\"\r\n                [minDate]=\"sunDate\" [maxDate]=\"satDate\" [defaultDate]=\"sunDate\" [selectOtherMonths]=\"true\" placeholder=\"mm/dd/yyyy\" \r\n                [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" (onInput)=\"dateInput($event)\"></p-calendar>  \r\n              <app-error [class]=\"'app-grid'\" [field]='workSearchDate' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                required: 'Required.',\r\n                dateNotBetween: 'Date should be between ' + sunDateString + ' and ' + currentDateString + '.'\r\n              }\"></app-error>\r\n            </div>\r\n            <section *ngIf=\"displayJobApplicationQuestions || displayJobSearchQuestions\">\r\n              <div class=\"field\">\r\n                <label for=\"positionAppliedFor\">{{'work.search.journal.jobTitle'| translate}}</label>\r\n                <input id=\"positionAppliedFor\" type=\"input\" pInputText [formControl]=\"positionAppliedFor\"  appStripInvisibleChars/>\r\n                <app-error [class]=\"'app-grid'\" [field]='positionAppliedFor' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.',\r\n                  pattern: 'Job Title can only contain letters, spaces, and hyphens',\r\n                  maxlength: 'cannot exceed 50 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div *ngIf=\"displayJobApplicationQuestions\">\r\n                <div class=\"field\">\r\n                  <label for=\"contactMethod\">{{'work.search.journal.contactMethod'| translate}}</label>\r\n                  <p-selectButton [options]=\"workSearchMethodContactMs\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n                    [formControl]=\"contactMethod\"></p-selectButton>\r\n                  <app-error [class]=\"'app-grid'\" [field]='contactMethod' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                    required: 'Required.'\r\n                  }\"></app-error>\r\n                </div>\r\n              </div>\r\n\r\n              <div *ngIf=\"displayJobSearchQuestions\">\r\n                <div class=\"field\">\r\n                  <label for=\"contactMethod\">{{'work.search.journal.contactMethodJobSearch'| translate}}</label>\r\n                  <p-selectButton [options]=\"workSearchMethodContactMs\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n                    [formControl]=\"contactMethod\"></p-selectButton>\r\n                  <app-error [class]=\"'app-grid'\" [field]='contactMethod' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                    required: 'Required.'\r\n                  }\"></app-error>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"field\" *ngIf=\"contactMethod.value == 'TELE'\">\r\n                <label for=\"employerPhone\">{{'work.search.journal.phoneNo' | translate}}</label>\r\n                <p-inputMask inputId=\"employerPhone\" [formControl]=\"employerPhone\" mask=\"(999) 999-9999\"\r\n                  unmask=\"true\"></p-inputMask>\r\n                <app-error [class]=\"'app-grid'\" [field]='employerPhone' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                    required: 'Required.'\r\n                  }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\" *ngIf=\"contactMethod.value == 'EMAL'\">\r\n                <label for=\"employerEmail\">{{'work.search.journal.email' | translate}}</label>\r\n                <input id=\"employerEmail\" type=\"input\" pInputText [formControl]=\"employerEmail\"\r\n                  placeholder=\"emailid@example.com\" appStripInvisibleChars/>\r\n                <app-error [class]=\"'app-grid'\" [field]='employerEmail' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.',\r\n                  employerEmail: 'Invalid email address.',\r\n                  maxlength: 'cannot exceed 40 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\" *ngIf=\"contactMethod.value == 'ONLI'\">\r\n                <label for=\"employerWebsite\">{{'work.search.journal.website' | translate}}</label>\r\n                <input id=\"employerWebsite\" type=\"input\" pInputText [formControl]=\"employerWebsite\" appStripInvisibleChars />\r\n                <app-error [class]=\"'app-grid'\" [field]='employerWebsite' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.',\r\n                  invalidWebsite: 'Please enter a valid website address',\r\n                  maxlength: 'cannot exceed 40 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\" *ngIf=\"contactMethod.value =='PRSN'\">\r\n                <label for=\"empContactPersonName\">{{'work.search.journal.contactName' | translate}}</label>\r\n                <input id=\"empContactPersonName\" type=\"input\" pInputText [formControl]=\"empContactPersonName\" appStripInvisibleChars/>\r\n                <app-error [class]=\"'app-grid'\" [field]='empContactPersonName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.',\r\n                  maxlength: 'cannot exceed 50 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\" *ngIf=\"contactMethod.value =='PRSN'\">\r\n                <label for=\"empContactPersonTitle\">{{'work.search.journal.contactTitle' | translate}}</label>\r\n                <input id=\"empContactPersonTitle\" type=\"input\" pInputText [formControl]=\"empContactPersonTitle\" appStripInvisibleChars/>\r\n                <app-error [class]=\"'app-grid'\" [field]='empContactPersonTitle' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.',\r\n                  maxlength: 'cannot exceed 50 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\">\r\n                <label for=\"searchResult\">{{'work.search.journal.result' | translate}}</label>\r\n                <div *ngIf=\"activityType.value =='JOAP'\">\r\n                  <app-dropdown [options]=\"workSearchResultComboJobApplicationMs\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n                    [formControl]=\"searchResult\" appendTo=\"body\" inputId=\"searchResult\"></app-dropdown>\r\n                  <app-error [class]=\"'app-grid'\" [field]='searchResult' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.'\r\n                }\"></app-error>\r\n                </div>\r\n                <div *ngIf=\"activityType.value =='JOSE'\">\r\n                  <app-dropdown [options]=\"workSearchResultComboJobSearchMs\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n                    [formControl]=\"searchResult\" appendTo=\"body\" inputId=\"searchResult\"></app-dropdown>\r\n                  <app-error [class]=\"'app-grid'\" [field]='searchResult' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.'\r\n                }\"></app-error>\r\n                </div>\r\n              </div>\r\n            </section>\r\n          </div>\r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row>\r\n        <ion-col class=\"ion-text-right\">\r\n          <ion-button shape=\"round\" fill=\"outline\" (click)=\"close()\" type=\"reset\">{{'button.cancel' |\r\n            translate}}</ion-button>\r\n          <ion-button shape=\"round\" (click)=\"add()\" type=\"submit\">{{'button.add' | translate}}</ion-button>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ion-grid>\r\n  </form>\r\n</p-dialog>" }]
+        args: [{ selector: 'app-work-search-employer-ms', template: "<p-dialog visible=\"true\" modal=\"true\" appendTo=\"body\" position=\"top\" [showHeader]=\"false\"\r\n  [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '660px', '576px': '100vw'}\">\r\n  <h4 style=\"color: var(--ion-color-grey); padding-left: 20px;\">{{'work.search.journal.activity.heading' |\r\n    translate:dynamicParam }}</h4>\r\n    <h6 style=\"padding-left: 20px;\" [innerHTML]=\"['work.search.journal.activity.details' | translate]\">\r\n    </h6>\r\n  <form [formGroup]=\"wsrForm\" #wsrFormDirective=\"ngForm\">\r\n    <ion-grid>\r\n      <ion-row>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid p-formgrid\">\r\n            <div class=\"field\">\r\n              <label for=\"activityType\">{{'work.search.journal.activity.type' | translate}}</label>\r\n              <app-dropdown [options]=\"activityTypeComboMs\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n                [formControl]=\"activityType\" appendTo=\"body\" inputId=\"activityType\"></app-dropdown>\r\n              <app-error [class]=\"'app-grid'\" [field]='activityType' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                required: 'Required.'\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <section *ngIf=\"displayJobApplicationQuestions || displayJobSearchQuestions\">\r\n              <div class=\"field\">\r\n                <label for=\"employerName\">{{'work.search.journal.employerName' | translate}}</label>\r\n                <app-search-employer [formControl]=\"employerName\" (onFound)=\"setEmployer($event)\"\r\n                  [empType]=\"'REG'\"></app-search-employer>\r\n                <app-error [class]=\"'app-grid'\" [field]='employerName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.', pattern: '%, <, >, ^, _, {, } are not allowed'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\">\r\n                <label for=\"line1\">{{'work.search.journal.streetAddress' | translate}}</label>\r\n                <input id=\"line1\" type=\"input\" pInputText [formControl]=\"line1\" appStripInvisibleChars/>\r\n                <app-error [class]=\"'app-grid'\" [field]='line1' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.', pattern: 'Only letters, numbers, spaces, commas, periods, apostrophes, hyphens, # and / allowed',\r\n                  maxlength: 'cannot exceed 40 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\">\r\n                <label for=\"city\">{{'work.search.journal.city' | translate}}</label>\r\n                <input id=\"city\" type=\"input\" pInputText [formControl]=\"city\" appStripInvisibleChars/>\r\n                <app-error [class]=\"'app-grid'\" [field]='city' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.',\r\n                  invalidwsCityLength: 'City should not exceed a length of 30 characters',\r\n                   pattern: 'City name can only contain letters, spaces, and hyphens',\r\n                   maxlength: 'cannot exceed 30 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <ion-row>\r\n                <ion-col style=\"padding: 0px;\">\r\n                  <div class=\"field\">\r\n                    <label for=\"state\">{{'work.search.journal.state'| translate}}</label>\r\n                    <app-dropdown inputId=\"state\" [options]=\"statesCombo\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n                      appendTo=\"body\" [formControl]=\"state\" inputId=\"state\"></app-dropdown>\r\n                    <app-error [class]=\"'app-grid'\" [field]='state' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                      required: 'Required.'\r\n                    }\"></app-error>\r\n                  </div>\r\n                </ion-col>\r\n                <ion-col size=\"1\"></ion-col>\r\n                <ion-col style=\"padding: 0px;\">\r\n                  <div class=\"field\">\r\n                    <label for=\"zip\">{{'work.search.journal.zip'| translate}}</label>\r\n                    <input id=\"zip\" type=\"input\" pInputText [formControl]=\"zip\" minlength=\"5\" maxlength=\"9\" appStripInvisibleChars/>\r\n                    <app-error [class]=\"'app-grid'\" [field]='zip' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                      required: 'Required.',\r\n                      invalidLength: 'Zip code should be of 5 or 9 digits.',\r\n                      invalidNumber: 'Zip code should only have numbers.'\r\n                    }\"></app-error>\r\n                  </div>\r\n                </ion-col>\r\n              </ion-row>\r\n\r\n            </section>\r\n          </div>\r\n        </ion-col>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid p-formgrid\">\r\n            <div class=\"field\" *ngIf=\"displayJobApplicationQuestions || displayJobSearchQuestions\">\r\n              <label for=\"workSearchDate\">{{'work.search.journal.applicationDate'| translate}}</label>\r\n              <p-calendar [showIcon]=\"true\" inputId=\"workSearchDate\" appendTo=\"body\" [formControl]=\"workSearchDate\" dateFormat=\"mm/dd/yy\"\r\n                [minDate]=\"sunDate\" [maxDate]=\"satDate\" [defaultDate]=\"sunDate\" [selectOtherMonths]=\"true\" placeholder=\"mm/dd/yyyy\" \r\n                [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" (onInput)=\"dateInput($event)\"></p-calendar>  \r\n              <app-error [class]=\"'app-grid'\" [field]='workSearchDate' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                required: 'Required.',\r\n                dateNotBetween: 'Date should be between ' + sunDateString + ' and ' + currentDateString + '.'\r\n              }\"></app-error>\r\n            </div>\r\n            <section *ngIf=\"displayJobApplicationQuestions || displayJobSearchQuestions\">\r\n              <div class=\"field\">\r\n                <label for=\"positionAppliedFor\">{{'work.search.journal.jobTitle'| translate}}</label>\r\n                <input id=\"positionAppliedFor\" type=\"input\" pInputText [formControl]=\"positionAppliedFor\"  appStripInvisibleChars/>\r\n                <app-error [class]=\"'app-grid'\" [field]='positionAppliedFor' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.',\r\n                  pattern: 'Job Title can only contain letters, spaces, and hyphens',\r\n                  maxlength: 'cannot exceed 50 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div *ngIf=\"displayJobApplicationQuestions\">\r\n                <div class=\"field\">\r\n                  <label for=\"contactMethod\">{{'work.search.journal.contactMethod'| translate}}</label>\r\n                  <p-selectButton [options]=\"workSearchMethodContactMs\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n                    [formControl]=\"contactMethod\"></p-selectButton>\r\n                  <app-error [class]=\"'app-grid'\" [field]='contactMethod' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                    required: 'Required.'\r\n                  }\"></app-error>\r\n                </div>\r\n              </div>\r\n\r\n              <div *ngIf=\"displayJobSearchQuestions\">\r\n                <div class=\"field\">\r\n                  <label for=\"contactMethod\">{{'work.search.journal.contactMethodJobSearch'| translate}}</label>\r\n                  <p-selectButton [options]=\"workSearchMethodContactMs\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n                    [formControl]=\"contactMethod\"></p-selectButton>\r\n                  <app-error [class]=\"'app-grid'\" [field]='contactMethod' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                    required: 'Required.'\r\n                  }\"></app-error>\r\n                </div>\r\n              </div>\r\n\r\n              <div class=\"field\" *ngIf=\"contactMethod.value == 'TELE'\">\r\n                <label for=\"employerPhone\">{{'work.search.journal.phoneNo' | translate}}</label>\r\n                <p-inputMask inputId=\"employerPhone\" [formControl]=\"employerPhone\" mask=\"(999) 999-9999\"\r\n                  unmask=\"true\"></p-inputMask>\r\n                <app-error [class]=\"'app-grid'\" [field]='employerPhone' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                    required: 'Required.'\r\n                  }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\" *ngIf=\"contactMethod.value == 'EMAL'\">\r\n                <label for=\"employerEmail\">{{'work.search.journal.email' | translate}}</label>\r\n                <input id=\"employerEmail\" type=\"input\" pInputText [formControl]=\"employerEmail\"\r\n                  placeholder=\"emailid@example.com\" appStripInvisibleChars/>\r\n                <app-error [class]=\"'app-grid'\" [field]='employerEmail' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.',\r\n                  employerEmail: 'Invalid email address.',\r\n                  maxlength: 'cannot exceed 40 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\" *ngIf=\"contactMethod.value == 'ONLI'\">\r\n                <label for=\"employerWebsite\">{{'work.search.journal.website' | translate}}</label>\r\n                <input id=\"employerWebsite\" type=\"input\" pInputText [formControl]=\"employerWebsite\" appStripInvisibleChars />\r\n                <app-error [class]=\"'app-grid'\" [field]='employerWebsite' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.',\r\n                  invalidWebsite: 'Please enter a valid website address',\r\n                  maxlength: 'cannot exceed 40 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\" *ngIf=\"contactMethod.value =='PRSN'\">\r\n                <label for=\"empContactPersonName\">{{'work.search.journal.contactName' | translate}}</label>\r\n                <input id=\"empContactPersonName\" type=\"input\" pInputText [formControl]=\"empContactPersonName\" appStripInvisibleChars/>\r\n                <app-error [class]=\"'app-grid'\" [field]='empContactPersonName' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.',\r\n                  maxlength: 'cannot exceed 50 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\" *ngIf=\"contactMethod.value =='PRSN'\">\r\n                <label for=\"empContactPersonTitle\">{{'work.search.journal.contactTitle' | translate}}</label>\r\n                <input id=\"empContactPersonTitle\" type=\"input\" pInputText [formControl]=\"empContactPersonTitle\" appStripInvisibleChars/>\r\n                <app-error [class]=\"'app-grid'\" [field]='empContactPersonTitle' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.',\r\n                  maxlength: 'cannot exceed 50 characters'\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\">\r\n                <label for=\"searchResult\">{{'work.search.journal.result' | translate}}</label>\r\n                <div *ngIf=\"activityType.value =='JOAP'\">\r\n                  <app-dropdown [options]=\"workSearchResultComboJobApplicationMs\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n                    [formControl]=\"searchResult\" appendTo=\"body\" inputId=\"searchResult\"></app-dropdown>\r\n                  <app-error [class]=\"'app-grid'\" [field]='searchResult' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.'\r\n                }\"></app-error>\r\n                </div>\r\n                <div *ngIf=\"activityType.value =='JOSE'\">\r\n                  <app-dropdown [options]=\"workSearchResultComboJobSearchMs\" optionLabel=\"DESC\" optionValue=\"NAME\"\r\n                    [formControl]=\"searchResult\" appendTo=\"body\" inputId=\"searchResult\"></app-dropdown>\r\n                  <app-error [class]=\"'app-grid'\" [field]='searchResult' [form]=\"wsrFormDirective\" [errDef]=\"{ \r\n                  required: 'Required.'\r\n                }\"></app-error>\r\n                </div>\r\n              </div>\r\n            </section>\r\n          </div>\r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row>\r\n        <ion-col class=\"ion-text-right\">\r\n          <ion-button shape=\"round\" fill=\"outline\" (click)=\"close()\" type=\"reset\">{{'button.cancel' |\r\n            translate}}</ion-button>\r\n          <ion-button shape=\"round\" (click)=\"add()\" type=\"submit\">{{'button.add' | translate}}</ion-button>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ion-grid>\r\n  </form>\r\n</p-dialog>" }]
     }], () => [{ type: WeeklyCertServiceV2 }, { type: i1$4.UntypedFormBuilder }, { type: UtilService }], { wsrFormDirective: [{
             type: ViewChild,
             args: ['wsrFormDirective', { static: false }]