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

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

@@ -2221,42 +2221,42 @@ function FooterComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(59, "li")(60, "a", 24);
     i0.ɵɵtext(61, "Unemployment Benefits");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(62, "li")(63, "a", 25);
+    i0.ɵɵelementStart(62, "li")(63, "a", 20);
     i0.ɵɵtext(64, "Unemployment Rate");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(65, "li")(66, "a", 26);
+    i0.ɵɵelementStart(65, "li")(66, "a", 25);
     i0.ɵɵtext(67, "Unemployment Tax ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(68, "li")(69, "a", 27);
+    i0.ɵɵelementStart(68, "li")(69, "a", 26);
     i0.ɵɵtext(70, "Work Permits");
     i0.ɵɵelementEnd()()()();
     i0.ɵɵelementStart(71, "div", 15)(72, "b");
     i0.ɵɵtext(73, "Find it by Audience");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(74, "br");
-    i0.ɵɵelementStart(75, "ul")(76, "li")(77, "a", 28);
+    i0.ɵɵelementStart(75, "ul")(76, "li")(77, "a", 27);
     i0.ɵɵtext(78, "Workers");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(79, "li")(80, "a", 29);
+    i0.ɵɵelementStart(79, "li")(80, "a", 28);
     i0.ɵɵtext(81, "Job Seekers");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(82, "li")(83, "a", 30);
+    i0.ɵɵelementStart(82, "li")(83, "a", 29);
     i0.ɵɵtext(84, "Employers / Businesses");
     i0.ɵɵelementEnd()()()();
     i0.ɵɵelementStart(85, "div", 15)(86, "b");
     i0.ɵɵtext(87, "Find it by Agency");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(88, "br");
-    i0.ɵɵelementStart(89, "ul")(90, "li")(91, "a", 31);
+    i0.ɵɵelementStart(89, "ul")(90, "li")(91, "a", 30);
     i0.ɵɵtext(92, "Bureau of Employment Services");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(93, "li")(94, "a", 32);
+    i0.ɵɵelementStart(93, "li")(94, "a", 31);
     i0.ɵɵtext(95, "Bureau of Labor Standards");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(96, "li")(97, "a", 33);
+    i0.ɵɵelementStart(96, "li")(97, "a", 32);
     i0.ɵɵtext(98, "Bureau of Rehabilitation Services");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(99, "li")(100, "a", 34);
+    i0.ɵɵelementStart(99, "li")(100, "a", 33);
     i0.ɵɵtext(101, "Bureau of Unemployment Compensation");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(102, "li")(103, "a", 20);
@@ -2270,14 +2270,14 @@ function FooterComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(111, "Services");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(112, "br");
-    i0.ɵɵelementStart(113, "ul")(114, "li")(115, "a", 35);
-    i0.ɵɵelement(116, "img", 36);
+    i0.ɵɵelementStart(113, "ul")(114, "li")(115, "a", 34);
+    i0.ɵɵelement(116, "img", 35);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(117, "li")(118, "a", 37);
-    i0.ɵɵelement(119, "img", 38);
+    i0.ɵɵelementStart(117, "li")(118, "a", 36);
+    i0.ɵɵelement(119, "img", 37);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(120, "li")(121, "a", 39);
-    i0.ɵɵelement(122, "img", 40);
+    i0.ɵɵelementStart(120, "li")(121, "a", 38);
+    i0.ɵɵelement(122, "img", 39);
     i0.ɵɵelementEnd()()()()()()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -2286,7 +2286,7 @@ function FooterComponent_div_0_Template(rf, ctx) { if (rf & 1) {
 } }
 function FooterComponent_div_1_a_6_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "a", 46);
+    i0.ɵɵelementStart(0, "a", 45);
     i0.ɵɵlistener("click", function FooterComponent_div_1_a_6_Template_a_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r8); const footerLink_r6 = restoredCtx.$implicit; const ctx_r7 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r7.openPopup(footerLink_r6)); });
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "translate");
@@ -2297,15 +2297,15 @@ function FooterComponent_div_1_a_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, footerLink_r6.name));
 } }
 function FooterComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7)(2, "ion-footer", 41)(3, "ion-row")(4, "ion-col", 42)(5, "div", 43);
-    i0.ɵɵtemplate(6, FooterComponent_div_1_a_6_Template, 3, 3, "a", 44);
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7)(2, "ion-footer", 40)(3, "ion-row")(4, "ion-col", 41)(5, "div", 42);
+    i0.ɵɵtemplate(6, FooterComponent_div_1_a_6_Template, 3, 3, "a", 43);
     i0.ɵɵelement(7, "br")(8, "br");
     i0.ɵɵelementStart(9, "ion-text");
     i0.ɵɵtext(10);
     i0.ɵɵpipe(11, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(12, "br");
-    i0.ɵɵelementStart(13, "p", 45);
+    i0.ɵɵelementStart(13, "p", 44);
     i0.ɵɵtext(14);
     i0.ɵɵpipe(15, "translate");
     i0.ɵɵelementEnd()()()()()()();
@@ -2319,13 +2319,13 @@ function FooterComponent_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(15, 6, "Build No."), " ", ctx_r1.appVersion, "");
 } }
 function FooterComponent_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7)(2, "ion-footer", 41)(3, "ion-row")(4, "ion-col", 42)(5, "div", 43)(6, "a", 47);
+    i0.ɵɵelementStart(0, "div", 6)(1, "div", 7)(2, "ion-footer", 40)(3, "ion-row")(4, "ion-col", 41)(5, "div", 42)(6, "a", 46);
     i0.ɵɵtext(7, "Privacy Policy");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "a", 48);
+    i0.ɵɵelementStart(8, "a", 47);
     i0.ɵɵtext(9, "Disclaimer");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "a", 49);
+    i0.ɵɵelementStart(10, "a", 48);
     i0.ɵɵtext(11, "Accessibility Policy");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(12, "br")(13, "br");
@@ -2334,7 +2334,7 @@ function FooterComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵpipe(16, "translate");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(17, "br");
-    i0.ɵɵelementStart(18, "p", 45);
+    i0.ɵɵelementStart(18, "p", 44);
     i0.ɵɵtext(19);
     i0.ɵɵpipe(20, "translate");
     i0.ɵɵelementEnd()()()()()()();
@@ -2346,47 +2346,47 @@ function FooterComponent_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(20, 5, "Build No."), " ", ctx_r2.appVersion, "");
 } }
 function FooterComponent_ion_fab_3_ion_fab_button_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ion-fab-button", 57);
+    i0.ɵɵelementStart(0, "ion-fab-button", 56);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "ion-icon", 58);
+    i0.ɵɵelement(2, "ion-icon", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵpropertyInterpolate("pTooltip", i0.ɵɵpipeBind1(1, 1, "FAQ"));
 } }
 function FooterComponent_ion_fab_3_ion_fab_button_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ion-fab-button", 59);
+    i0.ɵɵelementStart(0, "ion-fab-button", 58);
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "ion-icon", 58);
+    i0.ɵɵelement(2, "ion-icon", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵpropertyInterpolate("pTooltip", i0.ɵɵpipeBind1(1, 1, "FAQ"));
 } }
 function FooterComponent_ion_fab_3_ion_fab_button_6_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-fab-button", 60);
+    i0.ɵɵelementStart(0, "ion-fab-button", 59);
     i0.ɵɵlistener("click", function FooterComponent_ion_fab_3_ion_fab_button_6_Template_ion_fab_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r13.tour()); });
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "ion-icon", 61);
+    i0.ɵɵelement(2, "ion-icon", 60);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵpropertyInterpolate("pTooltip", i0.ɵɵpipeBind1(1, 1, "Screen Guide"));
 } }
 function FooterComponent_ion_fab_3_ion_fab_button_7_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-fab-button", 60);
+    i0.ɵɵelementStart(0, "ion-fab-button", 59);
     i0.ɵɵlistener("click", function FooterComponent_ion_fab_3_ion_fab_button_7_Template_ion_fab_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r15 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r15.initializeChatbot()); });
     i0.ɵɵpipe(1, "translate");
-    i0.ɵɵelement(2, "ion-icon", 62);
+    i0.ɵɵelement(2, "ion-icon", 61);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     i0.ɵɵpropertyInterpolate("pTooltip", i0.ɵɵpipeBind1(1, 1, "Chat with Sippi"));
 } }
 function FooterComponent_ion_fab_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ion-fab", 50)(1, "ion-fab-button", 51);
-    i0.ɵɵelement(2, "ion-icon", 52);
+    i0.ɵɵelementStart(0, "ion-fab", 49)(1, "ion-fab-button", 50);
+    i0.ɵɵelement(2, "ion-icon", 51);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "ion-fab-list", 53);
-    i0.ɵɵtemplate(4, FooterComponent_ion_fab_3_ion_fab_button_4_Template, 3, 3, "ion-fab-button", 54)(5, FooterComponent_ion_fab_3_ion_fab_button_5_Template, 3, 3, "ion-fab-button", 55)(6, FooterComponent_ion_fab_3_ion_fab_button_6_Template, 3, 3, "ion-fab-button", 56)(7, FooterComponent_ion_fab_3_ion_fab_button_7_Template, 3, 3, "ion-fab-button", 56);
+    i0.ɵɵelementStart(3, "ion-fab-list", 52);
+    i0.ɵɵtemplate(4, FooterComponent_ion_fab_3_ion_fab_button_4_Template, 3, 3, "ion-fab-button", 53)(5, FooterComponent_ion_fab_3_ion_fab_button_5_Template, 3, 3, "ion-fab-button", 54)(6, FooterComponent_ion_fab_3_ion_fab_button_6_Template, 3, 3, "ion-fab-button", 55)(7, FooterComponent_ion_fab_3_ion_fab_button_7_Template, 3, 3, "ion-fab-button", 55);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
@@ -2401,10 +2401,10 @@ function FooterComponent_ion_fab_3_Template(rf, ctx) { if (rf & 1) {
 } }
 function FooterComponent_ion_fab_4_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-fab", 63)(1, "ion-fab-button", 64);
+    i0.ɵɵelementStart(0, "ion-fab", 62)(1, "ion-fab-button", 63);
     i0.ɵɵlistener("click", function FooterComponent_ion_fab_4_Template_ion_fab_button_click_1_listener() { i0.ɵɵrestoreView(_r18); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.initializeChatbot()); });
     i0.ɵɵpipe(2, "translate");
-    i0.ɵɵelement(3, "img", 65);
+    i0.ɵɵelement(3, "img", 64);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(1);
@@ -2485,7 +2485,7 @@ class FooterComponent {
         this.cs.initializeChatbot();
     }
     static { this.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(i0.ɵɵdirectiveInject(i4.PopoverController), i0.ɵɵdirectiveInject(i2$1.JoyrideService), i0.ɵɵdirectiveInject(UtilService), i0.ɵɵdirectiveInject(TourService), i0.ɵɵdirectiveInject(LoginService), i0.ɵɵdirectiveInject(ChatbotService), i0.ɵɵdirectiveInject(LoggerService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FooterComponent, selectors: [["app-footer"]], inputs: { showHelp: "showHelp" }, decls: 5, vars: 5, consts: [["class", "app-body", 4, "ngIf"], ["class", "app-footer", 4, "ngIf"], ["vertical", "bottom", "horizontal", "end", "slot", "fixed", "color", "success", "style", "position: fixed !important;", 4, "ngIf"], ["vertical", "bottom", "horizontal", "end", "edge", "", "slot", "fixed", "class", "me-chat-fab", 4, "ngIf"], [1, "app-body"], [1, "app-wrapper"], [1, "app-footer"], [1, "grid"], [1, "col-12", "lg:col-2", "md:col-2", "lg:col-offset-1", "md:col-offset-1"], ["href", "https://www.facebook.com/MaineDOL", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["src", "https://www.maine.gov/labor/images/facebook.jpg", "alt", "Follow us on Facebook", "width", "120", "height", "39"], ["href", "https://twitter.com/maine_labor", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["src", "https://www.maine.gov/labor/images/twitter.jpg", "alt", "Follow us on Twitter", "width", "120", "height", "39"], ["href", "https://public.govdelivery.com/accounts/MEDOL/subscriber/new", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["src", "https://www.maine.gov/labor/images/email.jpg", "alt", "Sign-up for Email Updates", "width", "120", "height", "39"], [1, "col-12", "lg:col-2", "md:col-2"], ["href", "http://www.maine.gov/labor/labor_laws/publications/minorsguide.html", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.mainecareercenter.com", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/labor/posters/index.html", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.safetyworksmaine.com/consultations/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/labor/cwri/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/labor/labor_laws/index.html", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/rehab/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/unemployment/appeals/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/unemployment/newtoui/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/labor/cwri/dashboards/unemployment-and-labor-force-estimates", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/unemployment/employers/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/labor/labor_laws/minorsguide/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/labor/for_workers/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/labor/for_job_seekers/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/labor/for_employers/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/labor/bes/index.shtml", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/labor/bls/index.shtml", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/rehab", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/labor/unemployment/index.html", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/reemployme", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["src", "assets/icon/reme_footer.jpg", "alt", "File for Unemployment", "width", "150", "height", "31"], ["href", "http://www.mainecareercenter.gov", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["src", "https://www.maine.gov/labor/images/ccenterlogoamericanjobcenter2017.gif", "alt", "CareerCenter"], ["href", "http://www.safetyworksmaine.gov", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["src", "https://www.maine.gov/labor/images/safetyworks.gif", "alt", "SafetyWorks!", "width", "150", "height", "80"], [1, "footer-copy"], ["size", "12"], [1, "footer-links", "ion-text-center", "footer-grid"], ["button", "", "class", "ion-padding-start ion-padding-end ion-padding-bottom link", 3, "click", 4, "ngFor", "ngForOf"], [2, "font-size", "x-small"], ["button", "", 1, "ion-padding-start", "ion-padding-end", "ion-padding-bottom", "link", 3, "click"], ["button", "", "href", "https://portal.ct.gov/policies/state-privacy-policy/", "target", "_blank", 1, "ion-padding-start", "ion-padding-end", "ion-padding-bottom", "link"], ["button", "", "href", "https://portal.ct.gov/policies/disclaimer/", "target", "_blank", 1, "ion-padding-start", "ion-padding-end", "ion-padding-bottom", "link"], ["button", "", "href", "https://www.access.state.ct.us/policies/accesspolicy40.html", "target", "_blank", 1, "ion-padding-start", "ion-padding-end", "ion-padding-bottom", "link"], ["vertical", "bottom", "horizontal", "end", "slot", "fixed", "color", "success", 2, "position", "fixed !important"], ["color", "success", "pTooltip", "Select for options to self-help", "tooltipPosition", "left"], ["name", "caret-up-circle-sharp"], ["side", "top"], ["tooltipPosition", "left", "color", "success", "rel", "noreferrer", "href", "https://mdes.ms.gov/unemployment-faqs/", "target", "_blank", 3, "pTooltip", 4, "ngIf"], ["tooltipPosition", "left", "color", "success", "rel", "noreferrer", "href", "https://www.maine.gov/labor/faqs.html", "target", "_blank", 3, "pTooltip", 4, "ngIf"], ["tooltipPosition", "left", "color", "success", 3, "pTooltip", "click", 4, "ngIf"], ["tooltipPosition", "left", "color", "success", "rel", "noreferrer", "href", "https://mdes.ms.gov/unemployment-faqs/", "target", "_blank", 3, "pTooltip"], ["name", "help-sharp"], ["tooltipPosition", "left", "color", "success", "rel", "noreferrer", "href", "https://www.maine.gov/labor/faqs.html", "target", "_blank", 3, "pTooltip"], ["tooltipPosition", "left", "color", "success", 3, "pTooltip", "click"], ["name", "eye-sharp"], ["name", "chatbubbles-sharp"], ["vertical", "bottom", "horizontal", "end", "edge", "", "slot", "fixed", 1, "me-chat-fab"], ["tooltipPosition", "left", 1, "me-chat-button", 3, "pTooltip", "click"], ["src", "assets/icon/me-chatbot-icon.svg", 2, "max-width", "95%"]], template: function FooterComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FooterComponent, selectors: [["app-footer"]], inputs: { showHelp: "showHelp" }, decls: 5, vars: 5, consts: [["class", "app-body", 4, "ngIf"], ["class", "app-footer", 4, "ngIf"], ["vertical", "bottom", "horizontal", "end", "slot", "fixed", "color", "success", "style", "position: fixed !important;", 4, "ngIf"], ["vertical", "bottom", "horizontal", "end", "edge", "", "slot", "fixed", "class", "me-chat-fab", 4, "ngIf"], [1, "app-body"], [1, "app-wrapper"], [1, "app-footer"], [1, "grid"], [1, "col-12", "lg:col-2", "md:col-2", "lg:col-offset-1", "md:col-offset-1"], ["href", "https://www.facebook.com/MaineDOL", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["src", "https://www.maine.gov/labor/images/facebook.jpg", "alt", "Follow us on Facebook", "width", "120", "height", "39"], ["href", "https://twitter.com/maine_labor", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["src", "https://www.maine.gov/labor/images/twitter.jpg", "alt", "Follow us on Twitter", "width", "120", "height", "39"], ["href", "https://public.govdelivery.com/accounts/MEDOL/subscriber/new", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["src", "https://www.maine.gov/labor/images/email.jpg", "alt", "Sign-up for Email Updates", "width", "120", "height", "39"], [1, "col-12", "lg:col-2", "md:col-2"], ["href", "http://www.maine.gov/labor/labor_laws/publications/minorsguide.html", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.mainecareercenter.com", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/labor/posters/index.html", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.safetyworksmaine.com/consultations/index.shtml", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/labor/cwri/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/labor/labor_laws/index.html", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/rehab/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/unemployment/appeals/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/unemployment/newtoui/index.shtml", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/unemployment/employers/index.shtml", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/labor/labor_laws/minorsguide/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/labor/for_workers/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/labor/for_job_seekers/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/labor/for_employers/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/labor/bes/index.shtml", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/labor/bls/index.shtml", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "http://www.maine.gov/rehab", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://www.maine.gov/unemployment/", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["href", "https://assist.reemployme.maine.gov/cp/landing", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["src", "assets/icon/reme_footer.jpg", "alt", "File for Unemployment", "width", "150", "height", "31"], ["href", "http://www.mainecareercenter.gov", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["src", "https://www.maine.gov/labor/images/ccenterlogoamericanjobcenter2017.gif", "alt", "CareerCenter"], ["href", "http://www.safetyworksmaine.gov", "rel", "noreferrer noopener", "target", "_blank", 1, "ui-link", "ui-widget"], ["src", "https://www.maine.gov/labor/images/safetyworks.gif", "alt", "SafetyWorks!", "width", "150", "height", "80"], [1, "footer-copy"], ["size", "12"], [1, "footer-links", "ion-text-center", "footer-grid"], ["button", "", "class", "ion-padding-start ion-padding-end ion-padding-bottom link", 3, "click", 4, "ngFor", "ngForOf"], [2, "font-size", "x-small"], ["button", "", 1, "ion-padding-start", "ion-padding-end", "ion-padding-bottom", "link", 3, "click"], ["button", "", "href", "https://portal.ct.gov/policies/state-privacy-policy/", "target", "_blank", 1, "ion-padding-start", "ion-padding-end", "ion-padding-bottom", "link"], ["button", "", "href", "https://portal.ct.gov/policies/disclaimer/", "target", "_blank", 1, "ion-padding-start", "ion-padding-end", "ion-padding-bottom", "link"], ["button", "", "href", "https://www.access.state.ct.us/policies/accesspolicy40.html", "target", "_blank", 1, "ion-padding-start", "ion-padding-end", "ion-padding-bottom", "link"], ["vertical", "bottom", "horizontal", "end", "slot", "fixed", "color", "success", 2, "position", "fixed !important"], ["color", "success", "pTooltip", "Select for options to self-help", "tooltipPosition", "left"], ["name", "caret-up-circle-sharp"], ["side", "top"], ["tooltipPosition", "left", "color", "success", "rel", "noreferrer", "href", "https://mdes.ms.gov/unemployment-faqs/", "target", "_blank", 3, "pTooltip", 4, "ngIf"], ["tooltipPosition", "left", "color", "success", "rel", "noreferrer", "href", "https://www.maine.gov/labor/faqs.html", "target", "_blank", 3, "pTooltip", 4, "ngIf"], ["tooltipPosition", "left", "color", "success", 3, "pTooltip", "click", 4, "ngIf"], ["tooltipPosition", "left", "color", "success", "rel", "noreferrer", "href", "https://mdes.ms.gov/unemployment-faqs/", "target", "_blank", 3, "pTooltip"], ["name", "help-sharp"], ["tooltipPosition", "left", "color", "success", "rel", "noreferrer", "href", "https://www.maine.gov/labor/faqs.html", "target", "_blank", 3, "pTooltip"], ["tooltipPosition", "left", "color", "success", 3, "pTooltip", "click"], ["name", "eye-sharp"], ["name", "chatbubbles-sharp"], ["vertical", "bottom", "horizontal", "end", "edge", "", "slot", "fixed", 1, "me-chat-fab"], ["tooltipPosition", "left", 1, "me-chat-button", 3, "pTooltip", "click"], ["src", "assets/icon/me-chatbot-icon.svg", 2, "max-width", "95%"]], template: function FooterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, FooterComponent_div_0_Template, 123, 1, "div", 0)(1, FooterComponent_div_1_Template, 16, 8, "div", 1)(2, FooterComponent_div_2_Template, 21, 7, "div", 1)(3, FooterComponent_ion_fab_3_Template, 8, 4, "ion-fab", 2)(4, FooterComponent_ion_fab_4_Template, 4, 3, "ion-fab", 3);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.util.getState() == "ME");
@@ -2501,7 +2501,7 @@ class FooterComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FooterComponent, [{
         type: Component,
-        args: [{ selector: 'app-footer', template: "<div class=\"app-body\" *ngIf=\"util.getState() == 'ME'\">\r\n  <div class=\"app-wrapper\">\r\n    <div class=\"app-footer\">\r\n      <div class=\"grid\">\r\n        <div class=\"col-12 lg:col-2 md:col-2 lg:col-offset-1 md:col-offset-1\">\r\n          <b>Policies</b>\r\n          <br/>\r\n          <ul>\r\n            <li>Follow us on social media or sign<br/>up for email alerts.</li>\r\n          </ul>\r\n          <ul>\r\n            <li><a href=\"https://www.facebook.com/MaineDOL\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\"><img src=\"https://www.maine.gov/labor/images/facebook.jpg\" alt=\"Follow us on Facebook\" width=\"120\" height=\"39\"></a></li>\r\n            <li><a href=\"https://twitter.com/maine_labor\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\"><img src=\"https://www.maine.gov/labor/images/twitter.jpg\" alt=\"Follow us on Twitter\" width=\"120\" height=\"39\"></a></li>\r\n            <li><a href=\"https://public.govdelivery.com/accounts/MEDOL/subscriber/new\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\"><img src=\"https://www.maine.gov/labor/images/email.jpg\" alt=\"Sign-up for Email Updates\" width=\"120\" height=\"39\"></a></li>\r\n          </ul>\r\n          <ul>\r\n            <li>Copyright &#64; 2017<br/>\r\n              All rights reserved.</li>\r\n            <li>Build No. {{appVersion}}</li>\r\n          </ul>\r\n        </div>\r\n\r\n        <div class=\"col-12 lg:col-2 md:col-2\">\r\n          <b>Find it by Topic</b>\r\n          <br/>\r\n          <ul>\r\n            <li><a href=\"http://www.maine.gov/labor/labor_laws/publications/minorsguide.html\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Child Labor Laws </a>\r\n            </li>\r\n            <li><a href=\"http://www.mainecareercenter.com\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Employment and Training Services</a></li>\r\n            <li><a href=\"http://www.maine.gov/labor/posters/index.html\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Free Labor Posters</a>\r\n            </li>\r\n            <li><a href=\"http://www.safetyworksmaine.com/consultations/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Workplace Safety   Consultations</a>\r\n            </li>\r\n            <li><a href=\"https://www.maine.gov/labor/cwri/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Labor Market Information</a>\r\n            </li>\r\n            <li><a href=\"http://www.maine.gov/labor/labor_laws/index.html\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Labor Laws</a>\r\n            </li>\r\n            <li><a href=\"http://www.maine.gov/rehab/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Rehabilitation/Disability Services</a>\r\n            </li>\r\n            <li><a href=\"https://www.maine.gov/unemployment/appeals/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Unemployment Appeals </a>\r\n            </li>\r\n            <li><a href=\"https://www.maine.gov/unemployment/newtoui/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Unemployment Benefits</a>\r\n            </li>\r\n            <li><a href=\"https://www.maine.gov/labor/cwri/dashboards/unemployment-and-labor-force-estimates\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Unemployment Rate</a>\r\n            </li>\r\n            <li><a href=\"https://www.maine.gov/unemployment/employers/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Unemployment Tax </a>\r\n            </li>\r\n            <li><a href=\"https://www.maine.gov/labor/labor_laws/minorsguide/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Work Permits</a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n\r\n        <div class=\"col-12 lg:col-2 md:col-2\">\r\n          <b>Find it by Audience</b>\r\n          <br/>\r\n          <ul>\r\n            <li><a href=\"https://www.maine.gov/labor/for_workers/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Workers</a></li>\r\n\t\t\t\t\t\t<li><a href=\"https://www.maine.gov/labor/for_job_seekers/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Job Seekers</a></li>\r\n            <li><a href=\"http://www.maine.gov/labor/for_employers/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Employers / Businesses</a></li>\r\n          </ul>\r\n        </div>\r\n\r\n        <div class=\"col-12 lg:col-2 md:col-2\">\r\n          <b>Find it by Agency</b>\r\n          <br/>\r\n          <ul>\r\n            <li><a href=\"http://www.maine.gov/labor/bes/index.shtml\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Bureau of Employment Services</a></li>\r\n            <li><a href=\"http://www.maine.gov/labor/bls/index.shtml\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Bureau of Labor Standards</a></li>\r\n            <li><a href=\"http://www.maine.gov/rehab\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Bureau of Rehabilitation Services</a></li>\r\n            <li><a href=\"http://www.maine.gov/labor/unemployment/index.html\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Bureau of Unemployment Compensation</a></li>\r\n            <li><a href=\"https://www.maine.gov/labor/cwri/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Center for Workforce Research and Information</a></li>\r\n          </ul>\r\n\r\n          <br/>\r\n          <ul>\r\n            <li>The Department of Labor is an equal opportunity provider. Auxiliary aids and services are available to individuals with disabilities upon request.</li>\r\n          </ul>\r\n        </div>\r\n\r\n        <div class=\"col-12 lg:col-2 md:col-2\">\r\n          <b>Services</b>\r\n          <br/>\r\n          <ul>\r\n            <li><a href=\"http://www.maine.gov/reemployme\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\"><img src=\"assets/icon/reme_footer.jpg\" alt=\"File for Unemployment\" width=\"150\" height=\"31\"></a></li>\r\n            <li><a href=\"http://www.mainecareercenter.gov\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\"><img src=\"https://www.maine.gov/labor/images/ccenterlogoamericanjobcenter2017.gif\" alt=\"CareerCenter\"></a></li>\r\n            <li><a href=\"http://www.safetyworksmaine.gov\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\"><img src=\"https://www.maine.gov/labor/images/safetyworks.gif\" alt=\"SafetyWorks!\" width=\"150\" height=\"80\"></a></li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  \r\n</div>\r\n\r\n<div class=\"app-footer\" *ngIf=\"util.getState() == 'MS'\">\r\n  <div class=\"grid\">\r\n    <ion-footer class=\"footer-copy\">\r\n      <ion-row>\r\n        <ion-col  size=\"12\">\r\n          <div class=\"footer-links ion-text-center footer-grid\" >\r\n            <a button (click)=\"openPopup(footerLink)\" class=\"ion-padding-start ion-padding-end ion-padding-bottom link\" *ngFor=\"let footerLink of footerLinks\">{{footerLink.name | translate}}</a>\r\n            <br/><br/><ion-text>&copy;&nbsp;{{'The Mississippi Department of Employment Security' | translate}}</ion-text><br/>\r\n            <p style=\"font-size: x-small;\">{{'Build No.' | translate}} {{appVersion}}</p>\r\n          </div>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ion-footer>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"app-footer\" *ngIf=\"util.getState() == 'CT'\">\r\n  <div class=\"grid\">\r\n    <ion-footer class=\"footer-copy\">\r\n      <ion-row>\r\n        <ion-col  size=\"12\">\r\n          <div class=\"footer-links ion-text-center footer-grid\" >\r\n              <a button href=\"https://portal.ct.gov/policies/state-privacy-policy/\" target=\"_blank\" class=\"ion-padding-start ion-padding-end ion-padding-bottom link\" >Privacy Policy</a>\r\n              <a button href=\"https://portal.ct.gov/policies/disclaimer/\" target=\"_blank\" class=\"ion-padding-start ion-padding-end ion-padding-bottom link\" >Disclaimer</a>\r\n              <a button href=\"https://www.access.state.ct.us/policies/accesspolicy40.html\" target=\"_blank\" class=\"ion-padding-start ion-padding-end ion-padding-bottom link\" >Accessibility Policy</a>\r\n            <br/><br/><ion-text>&copy;&nbsp;{{'The Connecticut Department of Labor' | translate}}</ion-text><br/>\r\n            <p style=\"font-size: x-small;\">{{'Build No.' | translate}} {{appVersion}}</p>\r\n          </div>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ion-footer>\r\n  </div>\r\n</div>\r\n\r\n<!-- fab placed in the center of the content with a list on each side -->\r\n<ion-fab vertical=\"bottom\" horizontal=\"end\" slot=\"fixed\" color=\"success\" style=\"position: fixed !important;\" *ngIf=\"showHelp && util.isState('ms')\">\r\n  <ion-fab-button color=\"success\" pTooltip=\"Select for options to self-help\" tooltipPosition=\"left\">\r\n    <ion-icon name=\"caret-up-circle-sharp\"></ion-icon>\r\n  </ion-fab-button>\r\n  <ion-fab-list side=\"top\">\r\n    <ion-fab-button pTooltip=\"{{'FAQ' | translate}}\" tooltipPosition=\"left\" color=\"success\" rel=\"noreferrer\" href=\"https://mdes.ms.gov/unemployment-faqs/\" target=\"_blank\" *ngIf=\"util.getState() == 'MS'\">\r\n      <ion-icon name=\"help-sharp\"></ion-icon>\r\n    </ion-fab-button>\r\n    <ion-fab-button pTooltip=\"{{'FAQ' | translate}}\" tooltipPosition=\"left\" color=\"success\" rel=\"noreferrer\" href=\"https://www.maine.gov/labor/faqs.html\" target=\"_blank\" *ngIf=\"util.getState() == 'ME'\">\r\n      <ion-icon name=\"help-sharp\"></ion-icon>\r\n    </ion-fab-button>\r\n    <ion-fab-button pTooltip=\"{{'Screen Guide' | translate}}\" tooltipPosition=\"left\" color=\"success\" (click)=\"tour()\" *ngIf=\"stepCounts!=0\">\r\n      <ion-icon name=\"eye-sharp\"></ion-icon>\r\n    </ion-fab-button>\r\n    <ion-fab-button pTooltip=\"{{'Chat with Sippi' | translate}}\" tooltipPosition=\"left\" (click)=\"initializeChatbot()\" color=\"success\" *ngIf=\"util.getState() == 'MS' && showChatbot\">\r\n      <ion-icon name=\"chatbubbles-sharp\"></ion-icon>\r\n    </ion-fab-button>\r\n  </ion-fab-list>\r\n</ion-fab>\r\n<ion-fab vertical=\"bottom\" horizontal=\"end\" edge slot=\"fixed\" class=\"me-chat-fab\" *ngIf=\"showHelp && util.isState('me')\">\r\n  <ion-fab-button (click)=\"initializeChatbot()\" pTooltip=\"{{'Chat with Blue' | translate}}\" tooltipPosition=\"left\" class=\"me-chat-button\">\r\n    <img src=\"assets/icon/me-chatbot-icon.svg\" style=\"max-width: 95%\"/>\r\n  </ion-fab-button>\r\n</ion-fab>\r\n", styles: ["ion-chip{background:#3e465c}a{cursor:pointer;text-decoration:none}.white{color:#fff}.app-big-icon{font-size:20px}ion-toolbar{border-bottom-left-radius:5px!important;border-bottom-right-radius:5px!important}.app-body{padding:0}.app-body .app-wrapper .app-header{background:var(--ion-color-dark);background-size:cover;height:60px;position:relative}.app-body .app-wrapper .app-header .app-topbar{height:60px;padding:15px 150px;background-color:var(--ion-color-dark);position:fixed;z-index:100;width:100%;box-shadow:0 2px 6px #0000003d}.app-body .app-wrapper .app-header .app-topbar:after{content:\"\";display:table;clear:both}.app-body .app-wrapper .app-header .app-topbar img{height:30px;vertical-align:middle}.app-body .app-wrapper .app-header .app-topbar .app-title{color:#fff;font-size:24px;vertical-align:middle;margin-left:24px}.app-body .app-wrapper .app-header .app-topbar #app-menu-button{display:none;color:#fff;font-size:24px}.app-body .app-wrapper .app-header .app-topbar ul{list-style:none;float:right;margin:6px 0 0}.app-body .app-wrapper .app-header .app-topbar ul li{display:inline-block;margin-left:36px}.app-body .app-wrapper .app-header .app-topbar ul li a{color:#dadada;transition:color .2s}.app-body .app-wrapper .app-header .app-topbar ul li a:hover{color:#ffb900}.app-body .app-wrapper .app-header .app-topbar ul li:first-child{margin-left:0}.app-body .app-wrapper .app-header .app-header-content{padding:85px 0 0 150px}.app-body .app-wrapper .app-header .app-header-content h1{font-size:28px;font-weight:700;color:#fff;margin:0}.app-body .app-wrapper .app-header .app-header-content p{font-size:17px;color:#fff;margin:16px 0 32px;text-align:center}.app-body .app-wrapper .app-features{padding:12px 200px}.app-body .app-wrapper .app-features .feature-box{padding:12px;position:relative;border:1px solid rgba(218,218,218,.5);box-shadow:0 2px 16px #00000014;height:100%}.app-body .app-wrapper .app-features .feature-box:after{content:\"\";display:table;clear:both}.app-body .app-wrapper .app-features .feature-box img{width:32px;top:50%;left:24px;margin-top:-16px;position:absolute}.app-body .app-wrapper .app-features .feature-box>div h3{color:var(--ion-color-dark);margin:0 0 8px;text-align:center}.app-body .app-wrapper .app-features .feature-box>div p{margin:0;text-align:justify}.app-body .app-wrapper .app-news{background-color:#2e353a;padding:24px 12px;text-align:center}.app-body .app-wrapper .app-news h3{font-size:28px;color:#f8f8f8;font-weight:400;margin:0}.app-body .app-wrapper .app-news p{font-size:17px;color:#dadada;margin:16px 0 32px}.app-body .app-wrapper .app-services{background-color:#fff;padding:12px 200px}.app-body .app-wrapper .app-services .services-box{box-shadow:0 2px 16px #00000014;background-color:#fff;border:1px solid rgba(218,218,218,.5);height:100%}.app-body .app-wrapper .app-services .services-box .services-box-header{padding:12px;background-color:#feedbc;text-align:center}.app-body .app-wrapper .app-services .services-box .services-box-header h3{font-size:21px;color:var(--ion-color-dark);margin:0 0 4px}.app-body .app-wrapper .app-services .services-box .services-box-header span{font-weight:700}.app-body .app-wrapper .app-services .services-box .services-box-content{padding:32px;position:relative;min-height:300px}.app-body .app-wrapper .app-services .services-box .services-box-content ul{list-style-type:none;margin:0;padding:0}.app-body .app-wrapper .app-services .services-box .services-box-content ul li{padding-top:8px;padding-bottom:8px;font-size:16px}.app-body .app-wrapper .app-services .services-box .services-box-content ul li i{margin-right:8px;color:#61b5a1}.app-body .app-wrapper .app-services .services-box .services-box-content button{width:100px;position:absolute;bottom:32px;left:50%;margin-left:-50px}.app-body .app-wrapper .app-multimedia{background-color:#2e353a;padding:24px;color:var(--ion-color-primary);text-align:center}.app-body .app-wrapper .app-multimedia h3{font-size:28px;color:#f8f8f8;font-weight:400;margin:0}.app-body .app-wrapper .app-multimedia p{font-size:17px;color:#dadada;margin:16px 0 32px}.app-body .app-wrapper .app-multimedia .video-container iframe{width:560px;height:315px}.app-body .app-wrapper .app-footer{background-color:var(--ion-color-light-grey);padding:15px 70px 25px;font-size:12px}.app-body .app-wrapper .app-footer a{color:var(--ion-color-primary);transition:color .2s}.app-body .app-wrapper .app-footer a:hover{text-decoration:underline;text-underline-offset:3px}.app-body .app-wrapper .app-footer img{height:30px}.app-body .app-wrapper .app-footer h4{margin:0 0 12px;font-size:16px}.app-body .app-wrapper .app-footer ul{list-style-type:none;margin:0;padding:0}.app-body .app-wrapper .app-footer ul li{padding:4px 0}.app-body .app-wrapper .app-footer i{font-size:24px;margin-right:8px}@media screen and (max-width: 64em){.app-body .app-wrapper .app-header{height:auto}.app-body .app-wrapper .app-header .app-topbar{height:60px;padding:15px 24px}.app-body .app-wrapper .app-header .app-topbar #app-menu-button{display:block;float:right}.app-body .app-wrapper .app-header .app-topbar ul{display:none;animation-duration:.2s;position:fixed;margin:0;padding:16px 24px;top:61px;left:0;width:100%;z-index:100;background-color:#3a3e45;box-shadow:0 2px 10px #00000029}.app-body .app-wrapper .app-header .app-topbar ul li{display:block;padding:8px 0;margin:0;font-size:16px}.app-body .app-wrapper .app-header .app-topbar ul.app-menu-active{display:block}.app-body .app-wrapper .app-header .app-header-content{padding:108px 24px;text-align:center}.app-body .app-wrapper .app-features,.app-body .app-wrapper .app-services{padding:70px 24px}.app-body .app-wrapper .app-multimedia .video-container iframe{width:auto;height:auto}.app-body .app-wrapper .app-footer{text-align:center;padding:24px 0}.app-body .app-wrapper .app-footer h4{margin-top:12px}.app-body.app-body-block-scroll{overflow:hidden}}ion-footer{background:var(--ion-color-light-grey)!important;bottom:-10px}ion-toolbar{--background: var(--ion-color-light-grey) !important}ion-title{font-size:10pt;justify-content:center;margin-bottom:20px;display:inline-block}.footer-links{--color: var(--ion-color-primary) !important;font-size:.9rem}@media (max-width: 576px){.footer-grid{display:grid}}@media (max-width: 768px){.footer-grid{display:grid}}\n"] }]
+        args: [{ selector: 'app-footer', template: "<div class=\"app-body\" *ngIf=\"util.getState() == 'ME'\">\r\n  <div class=\"app-wrapper\">\r\n    <div class=\"app-footer\">\r\n      <div class=\"grid\">\r\n        <div class=\"col-12 lg:col-2 md:col-2 lg:col-offset-1 md:col-offset-1\">\r\n          <b>Policies</b>\r\n          <br/>\r\n          <ul>\r\n            <li>Follow us on social media or sign<br/>up for email alerts.</li>\r\n          </ul>\r\n          <ul>\r\n            <li><a href=\"https://www.facebook.com/MaineDOL\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\"><img src=\"https://www.maine.gov/labor/images/facebook.jpg\" alt=\"Follow us on Facebook\" width=\"120\" height=\"39\"></a></li>\r\n            <li><a href=\"https://twitter.com/maine_labor\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\"><img src=\"https://www.maine.gov/labor/images/twitter.jpg\" alt=\"Follow us on Twitter\" width=\"120\" height=\"39\"></a></li>\r\n            <li><a href=\"https://public.govdelivery.com/accounts/MEDOL/subscriber/new\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\"><img src=\"https://www.maine.gov/labor/images/email.jpg\" alt=\"Sign-up for Email Updates\" width=\"120\" height=\"39\"></a></li>\r\n          </ul>\r\n          <ul>\r\n            <li>Copyright &#64; 2017<br/>\r\n              All rights reserved.</li>\r\n            <li>Build No. {{appVersion}}</li>\r\n          </ul>\r\n        </div>\r\n\r\n        <div class=\"col-12 lg:col-2 md:col-2\">\r\n          <b>Find it by Topic</b>\r\n          <br/>\r\n          <ul>\r\n            <li><a href=\"http://www.maine.gov/labor/labor_laws/publications/minorsguide.html\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Child Labor Laws </a>\r\n            </li>\r\n            <li><a href=\"http://www.mainecareercenter.com\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Employment and Training Services</a></li>\r\n            <li><a href=\"http://www.maine.gov/labor/posters/index.html\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Free Labor Posters</a>\r\n            </li>\r\n            <li><a href=\"https://www.safetyworksmaine.com/consultations/index.shtml\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Workplace Safety   Consultations</a>\r\n            </li>\r\n            <li><a href=\"https://www.maine.gov/labor/cwri/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Labor Market Information</a>\r\n            </li>\r\n            <li><a href=\"http://www.maine.gov/labor/labor_laws/index.html\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Labor Laws</a>\r\n            </li>\r\n            <li><a href=\"http://www.maine.gov/rehab/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Rehabilitation/Disability Services</a>\r\n            </li>\r\n            <li><a href=\"https://www.maine.gov/unemployment/appeals/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Unemployment Appeals </a>\r\n            </li>\r\n            <li><a href=\"https://www.maine.gov/unemployment/newtoui/index.shtml\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Unemployment Benefits</a>\r\n            </li>\r\n            <li><a href=\"https://www.maine.gov/labor/cwri/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Unemployment Rate</a>\r\n            </li>\r\n            <li><a href=\"https://www.maine.gov/unemployment/employers/index.shtml\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Unemployment Tax </a>\r\n            </li>\r\n            <li><a href=\"https://www.maine.gov/labor/labor_laws/minorsguide/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Work Permits</a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n\r\n        <div class=\"col-12 lg:col-2 md:col-2\">\r\n          <b>Find it by Audience</b>\r\n          <br/>\r\n          <ul>\r\n            <li><a href=\"https://www.maine.gov/labor/for_workers/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Workers</a></li>\r\n\t\t\t\t\t\t<li><a href=\"https://www.maine.gov/labor/for_job_seekers/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Job Seekers</a></li>\r\n            <li><a href=\"http://www.maine.gov/labor/for_employers/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Employers / Businesses</a></li>\r\n          </ul>\r\n        </div>\r\n\r\n        <div class=\"col-12 lg:col-2 md:col-2\">\r\n          <b>Find it by Agency</b>\r\n          <br/>\r\n          <ul>\r\n            <li><a href=\"http://www.maine.gov/labor/bes/index.shtml\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Bureau of Employment Services</a></li>\r\n            <li><a href=\"http://www.maine.gov/labor/bls/index.shtml\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Bureau of Labor Standards</a></li>\r\n            <li><a href=\"http://www.maine.gov/rehab\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Bureau of Rehabilitation Services</a></li>\r\n            <li><a href=\"https://www.maine.gov/unemployment/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Bureau of Unemployment Compensation</a></li>\r\n            <li><a href=\"https://www.maine.gov/labor/cwri/\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\">Center for Workforce Research and Information</a></li>\r\n          </ul>\r\n\r\n          <br/>\r\n          <ul>\r\n            <li>The Department of Labor is an equal opportunity provider. Auxiliary aids and services are available to individuals with disabilities upon request.</li>\r\n          </ul>\r\n        </div>\r\n\r\n        <div class=\"col-12 lg:col-2 md:col-2\">\r\n          <b>Services</b>\r\n          <br/>\r\n          <ul>\r\n            <li><a href=\"https://assist.reemployme.maine.gov/cp/landing\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\"><img src=\"assets/icon/reme_footer.jpg\" alt=\"File for Unemployment\" width=\"150\" height=\"31\"></a></li>\r\n            <li><a href=\"http://www.mainecareercenter.gov\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\"><img src=\"https://www.maine.gov/labor/images/ccenterlogoamericanjobcenter2017.gif\" alt=\"CareerCenter\"></a></li>\r\n            <li><a href=\"http://www.safetyworksmaine.gov\" class=\"ui-link ui-widget\" rel=\"noreferrer noopener\" target=\"_blank\"><img src=\"https://www.maine.gov/labor/images/safetyworks.gif\" alt=\"SafetyWorks!\" width=\"150\" height=\"80\"></a></li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  \r\n</div>\r\n\r\n<div class=\"app-footer\" *ngIf=\"util.getState() == 'MS'\">\r\n  <div class=\"grid\">\r\n    <ion-footer class=\"footer-copy\">\r\n      <ion-row>\r\n        <ion-col  size=\"12\">\r\n          <div class=\"footer-links ion-text-center footer-grid\" >\r\n            <a button (click)=\"openPopup(footerLink)\" class=\"ion-padding-start ion-padding-end ion-padding-bottom link\" *ngFor=\"let footerLink of footerLinks\">{{footerLink.name | translate}}</a>\r\n            <br/><br/><ion-text>&copy;&nbsp;{{'The Mississippi Department of Employment Security' | translate}}</ion-text><br/>\r\n            <p style=\"font-size: x-small;\">{{'Build No.' | translate}} {{appVersion}}</p>\r\n          </div>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ion-footer>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"app-footer\" *ngIf=\"util.getState() == 'CT'\">\r\n  <div class=\"grid\">\r\n    <ion-footer class=\"footer-copy\">\r\n      <ion-row>\r\n        <ion-col  size=\"12\">\r\n          <div class=\"footer-links ion-text-center footer-grid\" >\r\n              <a button href=\"https://portal.ct.gov/policies/state-privacy-policy/\" target=\"_blank\" class=\"ion-padding-start ion-padding-end ion-padding-bottom link\" >Privacy Policy</a>\r\n              <a button href=\"https://portal.ct.gov/policies/disclaimer/\" target=\"_blank\" class=\"ion-padding-start ion-padding-end ion-padding-bottom link\" >Disclaimer</a>\r\n              <a button href=\"https://www.access.state.ct.us/policies/accesspolicy40.html\" target=\"_blank\" class=\"ion-padding-start ion-padding-end ion-padding-bottom link\" >Accessibility Policy</a>\r\n            <br/><br/><ion-text>&copy;&nbsp;{{'The Connecticut Department of Labor' | translate}}</ion-text><br/>\r\n            <p style=\"font-size: x-small;\">{{'Build No.' | translate}} {{appVersion}}</p>\r\n          </div>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ion-footer>\r\n  </div>\r\n</div>\r\n\r\n<!-- fab placed in the center of the content with a list on each side -->\r\n<ion-fab vertical=\"bottom\" horizontal=\"end\" slot=\"fixed\" color=\"success\" style=\"position: fixed !important;\" *ngIf=\"showHelp && util.isState('ms')\">\r\n  <ion-fab-button color=\"success\" pTooltip=\"Select for options to self-help\" tooltipPosition=\"left\">\r\n    <ion-icon name=\"caret-up-circle-sharp\"></ion-icon>\r\n  </ion-fab-button>\r\n  <ion-fab-list side=\"top\">\r\n    <ion-fab-button pTooltip=\"{{'FAQ' | translate}}\" tooltipPosition=\"left\" color=\"success\" rel=\"noreferrer\" href=\"https://mdes.ms.gov/unemployment-faqs/\" target=\"_blank\" *ngIf=\"util.getState() == 'MS'\">\r\n      <ion-icon name=\"help-sharp\"></ion-icon>\r\n    </ion-fab-button>\r\n    <ion-fab-button pTooltip=\"{{'FAQ' | translate}}\" tooltipPosition=\"left\" color=\"success\" rel=\"noreferrer\" href=\"https://www.maine.gov/labor/faqs.html\" target=\"_blank\" *ngIf=\"util.getState() == 'ME'\">\r\n      <ion-icon name=\"help-sharp\"></ion-icon>\r\n    </ion-fab-button>\r\n    <ion-fab-button pTooltip=\"{{'Screen Guide' | translate}}\" tooltipPosition=\"left\" color=\"success\" (click)=\"tour()\" *ngIf=\"stepCounts!=0\">\r\n      <ion-icon name=\"eye-sharp\"></ion-icon>\r\n    </ion-fab-button>\r\n    <ion-fab-button pTooltip=\"{{'Chat with Sippi' | translate}}\" tooltipPosition=\"left\" (click)=\"initializeChatbot()\" color=\"success\" *ngIf=\"util.getState() == 'MS' && showChatbot\">\r\n      <ion-icon name=\"chatbubbles-sharp\"></ion-icon>\r\n    </ion-fab-button>\r\n  </ion-fab-list>\r\n</ion-fab>\r\n<ion-fab vertical=\"bottom\" horizontal=\"end\" edge slot=\"fixed\" class=\"me-chat-fab\" *ngIf=\"showHelp && util.isState('me')\">\r\n  <ion-fab-button (click)=\"initializeChatbot()\" pTooltip=\"{{'Chat with Blue' | translate}}\" tooltipPosition=\"left\" class=\"me-chat-button\">\r\n    <img src=\"assets/icon/me-chatbot-icon.svg\" style=\"max-width: 95%\"/>\r\n  </ion-fab-button>\r\n</ion-fab>\r\n", styles: ["ion-chip{background:#3e465c}a{cursor:pointer;text-decoration:none}.white{color:#fff}.app-big-icon{font-size:20px}ion-toolbar{border-bottom-left-radius:5px!important;border-bottom-right-radius:5px!important}.app-body{padding:0}.app-body .app-wrapper .app-header{background:var(--ion-color-dark);background-size:cover;height:60px;position:relative}.app-body .app-wrapper .app-header .app-topbar{height:60px;padding:15px 150px;background-color:var(--ion-color-dark);position:fixed;z-index:100;width:100%;box-shadow:0 2px 6px #0000003d}.app-body .app-wrapper .app-header .app-topbar:after{content:\"\";display:table;clear:both}.app-body .app-wrapper .app-header .app-topbar img{height:30px;vertical-align:middle}.app-body .app-wrapper .app-header .app-topbar .app-title{color:#fff;font-size:24px;vertical-align:middle;margin-left:24px}.app-body .app-wrapper .app-header .app-topbar #app-menu-button{display:none;color:#fff;font-size:24px}.app-body .app-wrapper .app-header .app-topbar ul{list-style:none;float:right;margin:6px 0 0}.app-body .app-wrapper .app-header .app-topbar ul li{display:inline-block;margin-left:36px}.app-body .app-wrapper .app-header .app-topbar ul li a{color:#dadada;transition:color .2s}.app-body .app-wrapper .app-header .app-topbar ul li a:hover{color:#ffb900}.app-body .app-wrapper .app-header .app-topbar ul li:first-child{margin-left:0}.app-body .app-wrapper .app-header .app-header-content{padding:85px 0 0 150px}.app-body .app-wrapper .app-header .app-header-content h1{font-size:28px;font-weight:700;color:#fff;margin:0}.app-body .app-wrapper .app-header .app-header-content p{font-size:17px;color:#fff;margin:16px 0 32px;text-align:center}.app-body .app-wrapper .app-features{padding:12px 200px}.app-body .app-wrapper .app-features .feature-box{padding:12px;position:relative;border:1px solid rgba(218,218,218,.5);box-shadow:0 2px 16px #00000014;height:100%}.app-body .app-wrapper .app-features .feature-box:after{content:\"\";display:table;clear:both}.app-body .app-wrapper .app-features .feature-box img{width:32px;top:50%;left:24px;margin-top:-16px;position:absolute}.app-body .app-wrapper .app-features .feature-box>div h3{color:var(--ion-color-dark);margin:0 0 8px;text-align:center}.app-body .app-wrapper .app-features .feature-box>div p{margin:0;text-align:justify}.app-body .app-wrapper .app-news{background-color:#2e353a;padding:24px 12px;text-align:center}.app-body .app-wrapper .app-news h3{font-size:28px;color:#f8f8f8;font-weight:400;margin:0}.app-body .app-wrapper .app-news p{font-size:17px;color:#dadada;margin:16px 0 32px}.app-body .app-wrapper .app-services{background-color:#fff;padding:12px 200px}.app-body .app-wrapper .app-services .services-box{box-shadow:0 2px 16px #00000014;background-color:#fff;border:1px solid rgba(218,218,218,.5);height:100%}.app-body .app-wrapper .app-services .services-box .services-box-header{padding:12px;background-color:#feedbc;text-align:center}.app-body .app-wrapper .app-services .services-box .services-box-header h3{font-size:21px;color:var(--ion-color-dark);margin:0 0 4px}.app-body .app-wrapper .app-services .services-box .services-box-header span{font-weight:700}.app-body .app-wrapper .app-services .services-box .services-box-content{padding:32px;position:relative;min-height:300px}.app-body .app-wrapper .app-services .services-box .services-box-content ul{list-style-type:none;margin:0;padding:0}.app-body .app-wrapper .app-services .services-box .services-box-content ul li{padding-top:8px;padding-bottom:8px;font-size:16px}.app-body .app-wrapper .app-services .services-box .services-box-content ul li i{margin-right:8px;color:#61b5a1}.app-body .app-wrapper .app-services .services-box .services-box-content button{width:100px;position:absolute;bottom:32px;left:50%;margin-left:-50px}.app-body .app-wrapper .app-multimedia{background-color:#2e353a;padding:24px;color:var(--ion-color-primary);text-align:center}.app-body .app-wrapper .app-multimedia h3{font-size:28px;color:#f8f8f8;font-weight:400;margin:0}.app-body .app-wrapper .app-multimedia p{font-size:17px;color:#dadada;margin:16px 0 32px}.app-body .app-wrapper .app-multimedia .video-container iframe{width:560px;height:315px}.app-body .app-wrapper .app-footer{background-color:var(--ion-color-light-grey);padding:15px 70px 25px;font-size:12px}.app-body .app-wrapper .app-footer a{color:var(--ion-color-primary);transition:color .2s}.app-body .app-wrapper .app-footer a:hover{text-decoration:underline;text-underline-offset:3px}.app-body .app-wrapper .app-footer img{height:30px}.app-body .app-wrapper .app-footer h4{margin:0 0 12px;font-size:16px}.app-body .app-wrapper .app-footer ul{list-style-type:none;margin:0;padding:0}.app-body .app-wrapper .app-footer ul li{padding:4px 0}.app-body .app-wrapper .app-footer i{font-size:24px;margin-right:8px}@media screen and (max-width: 64em){.app-body .app-wrapper .app-header{height:auto}.app-body .app-wrapper .app-header .app-topbar{height:60px;padding:15px 24px}.app-body .app-wrapper .app-header .app-topbar #app-menu-button{display:block;float:right}.app-body .app-wrapper .app-header .app-topbar ul{display:none;animation-duration:.2s;position:fixed;margin:0;padding:16px 24px;top:61px;left:0;width:100%;z-index:100;background-color:#3a3e45;box-shadow:0 2px 10px #00000029}.app-body .app-wrapper .app-header .app-topbar ul li{display:block;padding:8px 0;margin:0;font-size:16px}.app-body .app-wrapper .app-header .app-topbar ul.app-menu-active{display:block}.app-body .app-wrapper .app-header .app-header-content{padding:108px 24px;text-align:center}.app-body .app-wrapper .app-features,.app-body .app-wrapper .app-services{padding:70px 24px}.app-body .app-wrapper .app-multimedia .video-container iframe{width:auto;height:auto}.app-body .app-wrapper .app-footer{text-align:center;padding:24px 0}.app-body .app-wrapper .app-footer h4{margin-top:12px}.app-body.app-body-block-scroll{overflow:hidden}}ion-footer{background:var(--ion-color-light-grey)!important;bottom:-10px}ion-toolbar{--background: var(--ion-color-light-grey) !important}ion-title{font-size:10pt;justify-content:center;margin-bottom:20px;display:inline-block}.footer-links{--color: var(--ion-color-primary) !important;font-size:.9rem}@media (max-width: 576px){.footer-grid{display:grid}}@media (max-width: 768px){.footer-grid{display:grid}}\n"] }]
     }], () => [{ type: i4.PopoverController }, { type: i2$1.JoyrideService }, { type: UtilService }, { type: TourService }, { type: LoginService }, { type: ChatbotService }, { type: LoggerService }], { showHelp: [{
             type: Input,
             args: ['showHelp']
@@ -18740,7 +18740,7 @@ function Dropdown_ng_template_10_p_scroller_6_Template(rf, ctx) { if (rf & 1) {
 function Dropdown_ng_template_10_ng_container_7_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
-const _c14$1 = () => ({});
+const _c14$2 = () => ({});
 function Dropdown_ng_template_10_ng_container_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵtemplate(1, Dropdown_ng_template_10_ng_container_7_ng_container_1_Template, 1, 0, "ng-container", 13);
@@ -18750,7 +18750,7 @@ function Dropdown_ng_template_10_ng_container_7_Template(rf, ctx) { if (rf & 1)
     const _r42 = i0.ɵɵreference(9);
     const ctx_r40 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngTemplateOutlet", _r42)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c13$3, ctx_r40.visibleOptions(), i0.ɵɵpureFunction0(2, _c14$1)));
+    i0.ɵɵproperty("ngTemplateOutlet", _r42)("ngTemplateOutletContext", i0.ɵɵpureFunction2(3, _c13$3, ctx_r40.visibleOptions(), i0.ɵɵpureFunction0(2, _c14$2)));
 } }
 function Dropdown_ng_template_10_ng_template_8_ng_template_2_ng_container_0_span_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -32973,6 +32973,12 @@ class ProfileComponent extends BasePage {
         a.download = filename;
         a.click();
         URL.revokeObjectURL(url);
+        if (filename === 'UnemploymentVerificationReport.pdf') {
+            this.downloadStatusForVerification = "completed";
+        }
+        if (filename === 'ExternalAgencyReport.pdf') {
+            this.downloadStatusForHistory = "completed";
+        }
     }
     handleError(error) {
         if (error?.errorCode == '422') {
@@ -33058,7 +33064,7 @@ class ProfileComponent extends BasePage {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fb = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.otpFormDirective = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.securityQuestionFormDirective = _t.first);
-        } }, inputs: { form: "form", question: "question" }, outputs: { onCancel: "onCancel", accepted: "accepted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 13, consts: [["visible", "true", "modal", "true", "appendTo", "body", "position", "top", 3, "breakpoints"], ["pTemplate", "header"], ["style", "margin-left: -8px;", 4, "ngIf"], ["class", "proof-of-unemployment", 4, "ngIf"], ["style", "margin-top: -90px;", 4, "ngIf"], [4, "ngIf"], ["style", "color: var(--ion-color-green)", 4, "ngIf"], ["pTemplate", "footer"], [1, "ion-text-left", "heading", 2, "padding-left", "24px"], [2, "font-size", "16px"], ["styleClass", "ion-padding-start", "optionLabel", "text", "optionValue", "value", 3, "options", "ngModel", "ngModelChange", "onOptionClick", 4, "ngIf"], ["styleClass", "ion-padding-start", "optionLabel", "text", "optionValue", "value", 3, "options", "ngModel", "ngModelChange", "onOptionClick"], [2, "margin-left", "-8px"], [3, "flowKey", "showOnlyQuestion", "hideHeader", "hideFooter", "sizeXs", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "offsetXl", "offsetLg", "onError", "onComplete", 4, "ngIf"], [3, "flowKey", "showOnlyQuestion", "hideHeader", "hideFooter", "sizeXs", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "offsetXl", "offsetLg", "onError", "onComplete"], ["fb", ""], ["class", "error-banner", 4, "ngIf"], [1, "error-banner"], ["name", "alert-circle-outline", 2, "color", "var(--ion-color-danger)", "font-size", "18px", "margin-right", "8px"], [1, "proof-of-unemployment"], ["style", "padding: 0px 1rem", 4, "ngIf", "ngIfElse"], ["nonPhraseTwoView", ""], [2, "padding", "0px 1rem"], [2, "margin-top", "15px"], ["class", "flex align-items-center flex-column", "layout", "row", "style", "margin:3px;", 4, "ngIf"], ["layout", "row", 1, "flex", "align-items-center", "flex-column", 2, "margin", "3px"], [1, "p-4", 2, "height", "100%", "width", "100%"], [2, "box-shadow", "0 0 0 0"], [1, "pi", "pi-check-circle", 2, "color", "var(--ion-color-primary)", "font-size", "30px"], [1, "pl-0", "pr-0", "flex", "align-items-center", "flex-column", 2, "height", "100%", "justify-content", "space-between"], [1, "flex", "flex-column", "align-items-center", 2, "padding-bottom", "30px"], ["shape", "round", 1, "Claimant-summary-ver-btn", 2, "width", "10rem", 3, "click"], ["name", "download-outline", 1, "pr-1", "pb-1"], [1, "pi", "pi-file", 2, "color", "var(--ion-color-primary)", "font-size", "30px"], ["shape", "round", 1, "Claimant-report-btn", 2, "width", "'10rem'", 3, "click"], ["layout", "row", "style", "margin:3px;", 4, "ngIf"], ["layout", "row", 2, "margin", "3px"], ["shape", "round", "fill", "outline", 1, "Claimant-summary-ver-btn", 3, "click"], ["shape", "round", "fill", "outline", 1, "Claimant-report-btn", 3, "click"], ["name", "download-outline"], [2, "margin-top", "-90px"], [3, "formGroup"], ["otpFormDirective", "ngForm"], [1, "p-fluid", "p-formgrid"], ["for", "otp", 3, "innerHTML"], ["formControlName", "otp", "mask", "999999", "size", "6", "maxlength", "6", "minlength", "6", "title", "Enter Authcode", 3, "autoFocus"], [3, "field", "form", "errDef"], ["shape", "round", "type", "submit", 3, "click"], ["securityQuestionFormDirective", "ngForm"], ["for", "securityQuestionAnswer", 3, "innerHTML"], ["pInputText", "", "formControlName", "securityQuestionAnswer", "size", "30", "maxlength", "30", "title", "Security Answer"], [2, "color", "var(--ion-color-green)"], [1, "ion-text-center", "ion-padding-top"], ["name", "checkmark-circle", 2, "font-size", "80px", "color", "var(--ion-color-green)"], ["name", "close-circle-outline", 2, "font-size", "80px", "color", "var(--ion-color-danger)"], ["size", "12", "sizeXl", "4", "sizeLg", "4", "sizeMd", "5", 1, "ion-text-left"], ["shape", "round", "fill", "outline", "type", "button", 3, "click"], ["size", "12", "sizeXl", "8", "sizeLg", "8", "sizeMd", "7", 1, "ion-text-right"], ["shape", "round", "fill", "outline", "type", "reset", 3, "click"], ["shape", "round", "type", "submit", 3, "disabled", "click", 4, "ngIf"], ["shape", "round", "type", "submit", 3, "disabled", "click"]], template: function ProfileComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { form: "form", question: "question" }, outputs: { onCancel: "onCancel", accepted: "accepted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 13, consts: [["visible", "true", "modal", "true", "appendTo", "body", "position", "top", 3, "breakpoints"], ["pTemplate", "header"], ["style", "margin-left: -8px;", 4, "ngIf"], ["class", "proof-of-unemployment", 4, "ngIf"], ["style", "margin-top: -90px;", 4, "ngIf"], [4, "ngIf"], ["style", "color: var(--ion-color-green)", 4, "ngIf"], ["pTemplate", "footer"], [1, "ion-text-left", "heading", 2, "padding-left", "24px"], [2, "font-size", "16px"], ["styleClass", "ion-padding-start", "optionLabel", "text", "optionValue", "value", 3, "options", "ngModel", "ngModelChange", "onOptionClick", 4, "ngIf"], ["styleClass", "ion-padding-start", "optionLabel", "text", "optionValue", "value", 3, "options", "ngModel", "ngModelChange", "onOptionClick"], [2, "margin-left", "-8px"], [3, "flowKey", "showOnlyQuestion", "hideHeader", "hideFooter", "sizeXs", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "offsetXl", "offsetLg", "onError", "onComplete", 4, "ngIf"], [3, "flowKey", "showOnlyQuestion", "hideHeader", "hideFooter", "sizeXs", "sizeSm", "sizeMd", "sizeLg", "sizeXl", "offsetXl", "offsetLg", "onError", "onComplete"], ["fb", ""], ["class", "error-banner", 4, "ngIf"], [1, "error-banner"], ["name", "alert-circle-outline", 2, "color", "var(--ion-color-danger)", "font-size", "18px", "margin-right", "8px"], [1, "proof-of-unemployment"], ["style", "padding: 0px 1rem", 4, "ngIf", "ngIfElse"], ["nonPhraseTwoView", ""], [2, "padding", "0px 1rem"], [2, "margin-top", "15px"], ["class", "flex align-items-center flex-column", "layout", "row", "style", "margin:3px;", 4, "ngIf"], ["layout", "row", 1, "flex", "align-items-center", "flex-column", 2, "margin", "3px"], [1, "p-4", 2, "height", "100%", "width", "100%"], [2, "box-shadow", "0 0 0 0"], [1, "pi", "pi-check-circle", 2, "color", "var(--ion-color-primary)", "font-size", "30px"], [1, "pl-0", "pr-0", "flex", "align-items-center", "flex-column", 2, "height", "100%", "justify-content", "space-between"], [1, "flex", "flex-column", "align-items-center", "mobile-view", 2, "padding-bottom", "30px"], ["shape", "round", 1, "Claimant-summary-ver-btn", 2, "width", "10rem", 3, "click"], ["name", "download-outline", 1, "pr-1", "pb-1"], [1, "pi", "pi-file", 2, "color", "var(--ion-color-primary)", "font-size", "30px"], ["shape", "round", 1, "Claimant-report-btn", 2, "width", "'10rem'", 3, "click"], ["layout", "row", "style", "margin:3px;", 4, "ngIf"], ["layout", "row", 2, "margin", "3px"], ["shape", "round", "fill", "outline", 1, "Claimant-summary-ver-btn", 3, "click"], ["shape", "round", "fill", "outline", 1, "Claimant-report-btn", 3, "click"], ["name", "download-outline"], [2, "margin-top", "-90px"], [3, "formGroup"], ["otpFormDirective", "ngForm"], [1, "p-fluid", "p-formgrid"], ["for", "otp", 3, "innerHTML"], ["formControlName", "otp", "mask", "999999", "size", "6", "maxlength", "6", "minlength", "6", "title", "Enter Authcode", 3, "autoFocus"], [3, "field", "form", "errDef"], ["shape", "round", "type", "submit", 3, "click"], ["securityQuestionFormDirective", "ngForm"], ["for", "securityQuestionAnswer", 3, "innerHTML"], ["pInputText", "", "formControlName", "securityQuestionAnswer", "size", "30", "maxlength", "30", "title", "Security Answer"], [2, "color", "var(--ion-color-green)"], [1, "ion-text-center", "ion-padding-top"], ["name", "checkmark-circle", 2, "font-size", "80px", "color", "var(--ion-color-green)"], ["name", "close-circle-outline", 2, "font-size", "80px", "color", "var(--ion-color-danger)"], ["size", "12", "sizeXl", "4", "sizeLg", "4", "sizeMd", "5", 1, "ion-text-left"], ["shape", "round", "fill", "outline", "type", "button", 3, "click"], ["size", "12", "sizeXl", "8", "sizeLg", "8", "sizeMd", "7", 1, "ion-text-right"], ["shape", "round", "fill", "outline", "type", "reset", 3, "click"], ["shape", "round", "type", "submit", 3, "disabled", "click", 4, "ngIf"], ["shape", "round", "type", "submit", 3, "disabled", "click"]], template: function ProfileComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "p-dialog", 0);
             i0.ɵɵtemplate(1, ProfileComponent_ng_template_1_Template, 11, 6, "ng-template", 1)(2, ProfileComponent_div_2_Template, 5, 4, "div", 2)(3, ProfileComponent_div_3_Template, 4, 2, "div", 3)(4, ProfileComponent_div_4_Template, 16, 15, "div", 4)(5, ProfileComponent_div_5_Template, 16, 14, "div", 4)(6, ProfileComponent_mat_error_6_Template, 2, 1, "mat-error", 5)(7, ProfileComponent_ion_label_7_Template, 3, 1, "ion-label", 6)(8, ProfileComponent_div_8_Template, 6, 3, "div", 5)(9, ProfileComponent_div_9_Template, 5, 2, "div", 5)(10, ProfileComponent_ng_template_10_Template, 11, 7, "ng-template", 7);
             i0.ɵɵelementEnd();
@@ -33081,11 +33087,11 @@ class ProfileComponent extends BasePage {
             i0.ɵɵproperty("ngIf", ctx.showSuccess);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.showError);
-        } }, dependencies: [i4.IonButton, i4.IonCard, i4.IonCardContent, i4.IonCardTitle, i4.IonCol, i4.IonGrid, i4.IonHeader, i4.IonIcon, i4.IonLabel, i4.IonRow, i5$1.NgIf, i6.PrimeTemplate, i7$2.MatError, i1$4.ɵNgNoValidate, i1$4.DefaultValueAccessor, i1$4.NgControlStatus, i1$4.NgControlStatusGroup, i1$4.MinLengthValidator, i1$4.MaxLengthValidator, i1$4.FormGroupDirective, i1$4.FormControlName, i1$4.NgModel, i6$3.Dialog, i17.InputText, i18.InputMask, i21.SelectButton, ErrorComponent, FormBuilderPage, i3$1.TranslatePipe], styles: ["ion-col[_ngcontent-%COMP%]{margin-left:0!important}.Claimant-report-btn[_ngcontent-%COMP%]{margin-inline-end:3%}.proof-unemployment-btn-label[_ngcontent-%COMP%]{margin-bottom:3px}.error-banner[_ngcontent-%COMP%]{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.seperate-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:not(:first-child):not(:last-child){border-left:none;border-right:none}.seperate-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child{border-right:none}.seperate-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:last-child{border-left:none;padding:1rem .55rem;padding-right:20px}.seperate-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{border:1px solid #e4e4e4;font-family:\"Open Sans, Light\";font-size:26px;padding:1rem .55rem}"] }); }
+        } }, dependencies: [i4.IonButton, i4.IonCard, i4.IonCardContent, i4.IonCardTitle, i4.IonCol, i4.IonGrid, i4.IonHeader, i4.IonIcon, i4.IonLabel, i4.IonRow, i5$1.NgIf, i6.PrimeTemplate, i7$2.MatError, i1$4.ɵNgNoValidate, i1$4.DefaultValueAccessor, i1$4.NgControlStatus, i1$4.NgControlStatusGroup, i1$4.MinLengthValidator, i1$4.MaxLengthValidator, i1$4.FormGroupDirective, i1$4.FormControlName, i1$4.NgModel, i6$3.Dialog, i17.InputText, i18.InputMask, i21.SelectButton, ErrorComponent, FormBuilderPage, i3$1.TranslatePipe], styles: ["ion-col[_ngcontent-%COMP%]{margin-left:0!important}.Claimant-report-btn[_ngcontent-%COMP%]{margin-inline-end:3%}.proof-unemployment-btn-label[_ngcontent-%COMP%]{margin-bottom:3px}.error-banner[_ngcontent-%COMP%]{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.seperate-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:not(:first-child):not(:last-child){border-left:none;border-right:none}.seperate-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:first-child{border-right:none}.seperate-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]:last-child{border-left:none;padding:1rem .55rem;padding-right:20px}.seperate-row[_ngcontent-%COMP%]   td[_ngcontent-%COMP%]{border:1px solid #e4e4e4;font-family:\"Open Sans, Light\";font-size:26px;padding:1rem .55rem}@media (min-width: 261px) and (max-width: 350px){.mobile-view[_ngcontent-%COMP%]{padding-bottom:3rem!important}}@media (max-width: 260px){.mobile-view[_ngcontent-%COMP%]{padding-bottom:5rem!important}}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProfileComponent, [{
         type: Component,
-        args: [{ selector: 'app-profile', template: "<p-dialog visible=\"true\" modal=\"true\" appendTo=\"body\"\r\n    [breakpoints]=\"{'1024px': '75vw', '768px': '85vw', '640px': '100vw'}\" [style]=\"{width: '60vw'}\" position=\"top\">\r\n    <ng-template pTemplate=\"header\">\r\n        <ion-grid>\r\n            <ion-row>\r\n                <ion-col class=\"ion-text-left heading\" style=\"padding-left: 24px;\">\r\n                    {{\"Your Account\" | translate}} <span style=\"font-size: 16px;\">(CLAIMANT ID\r\n                        {{ls.getUser().claimantId}})</span>\r\n                </ion-col>\r\n            </ion-row>\r\n            <ion-row>\r\n                <ion-col>\r\n                    <p-selectButton *ngIf=\"!isME()\" styleClass=\"ion-padding-start\" [options]=\"profileOpts\" optionLabel=\"text\"\r\n                        optionValue=\"value\" [(ngModel)]=\"selected\" (onOptionClick)=\"onValueChange($event)\">\r\n                    </p-selectButton>\r\n                    <p-selectButton *ngIf=\"isME()\" styleClass=\"ion-padding-start\" [options]=\"profileOptsIVR\" optionLabel=\"text\"\r\n                        optionValue=\"value\" [(ngModel)]=\"selected\" (onOptionClick)=\"onValueChange($event)\">\r\n                    </p-selectButton>\r\n                </ion-col>\r\n            </ion-row>\r\n        </ion-grid>\r\n    </ng-template>\r\n    <div *ngIf=\"!(showSuccess || showError)\" style=\"margin-left: -8px;\">\r\n        <app-form-builder #fb *ngIf=\"selected == 'personal-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n            [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n            [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n        </app-form-builder>\r\n        <div *ngIf=\"selected == 'contact-details'\">\r\n        <div *ngIf=\"showInlineError && selected === 'contact-details'\" class=\"error-banner\">\r\n        <ion-icon name=\"alert-circle-outline\" style=\"color: var(--ion-color-danger); font-size: 18px; margin-right: 8px;\"></ion-icon>\r\n        <span>{{ errorText }}</span>\r\n        </div>\r\n        <app-form-builder #fb *ngIf=\"selected == 'contact-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n            [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n            [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n        </app-form-builder>\r\n        </div>\r\n        <app-form-builder #fb *ngIf=\"selected == 'payment-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n            [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n            [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n        </app-form-builder>\r\n        <app-form-builder #fb *ngIf=\"selected == 'update-ivr'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n            [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n            [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n        </app-form-builder>\r\n    </div>\r\n    <div class=\"proof-of-unemployment\" *ngIf=\"selected == 'proof-of-unemployment'\">\r\n        <div *ngIf=\"phaseTwoProofOfUIView==='true';else  nonPhraseTwoView\" style=\"padding: 0px 1rem\">\r\n            <!-- <h2 style=\"font-family: 'Open Sans, Light';\">\r\n                {{ \"profile.proof.of.unemployment.label.proof.of.unemployment.pay\"| translate}}\r\n            </h2>\r\n            <div *ngIf=\"!listOfActiveClaim || listOfActiveClaim.length === 0; else activeClaimTable\">\r\n               <h3 style=\"font-family: 'Open Sans, Light';\">\r\n                {{\"profile.proof.of.unemployment.label.no.active.claim\"| translate}}\r\n               </h3>\r\n            </div>\r\n            <ng-template #activeClaimTable>\r\n                <p-table [value]=\"listOfActiveClaim\" dataKey=\"claimId\" [rowExpandMode]=\"'single'\" styleClass=\"seperate-row\" class=\"seperate-row\"\r\n                [tableStyle]=\"{'border-collapse': 'separate','border-spacing': '0 8px'}\"\r\n                >\r\n                    <ng-template pTemplate=\"body\" let-data let-expanded=\"expanded\">\r\n                        <tr>\r\n                            <td>\r\n                                <a href=\"#\" [pRowToggler]=\"data\">\r\n                                    <i [ngClass]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\" style=\"font-size: 1.5rem;\"></i>\r\n                                </a>               \r\n                            <td >\r\n                                {{data.effectiveDate}} - {{data.byeDate}}\r\n                            </td>\r\n                            <td>\r\n                                {{data.entitlementType}}\r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n                    <ng-template pTemplate=\"rowexpansion\" let-data>\r\n                        <tr>\r\n                            <td colspan=\"7\" style=\" border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;\">\r\n                                    <ion-grid>\r\n                                        <ion-row>\r\n                                            <ion-col style=\"display: flex;justify-content: center;\">\r\n                                                <img [src]=\"docFileLink\" height='500px' width='420px'/>\r\n                                            </ion-col>\r\n                                            <ion-col style=\"display: flex;flex-direction: column;justify-content: space-between;\">\r\n                                                <ion-row >\r\n                                                    <span [innerHTML]=\"data.description\" style=\"font-size: 19px;\"></span>\r\n                                                </ion-row>\r\n                                                <ion-row>\r\n                                                    \r\n                                                        <ion-button fill=\"outline\" shape=\"round\" style=\"padding-inline-end: 2rem;\" (click)=\"getVerificationReport()\">\r\n                                                            {{ \"profile.proof.of.unemployment.button.download.report\"| translate}}\r\n                                                        </ion-button>\r\n                                                </ion-row>\r\n                                            </ion-col>\r\n                                        </ion-row>\r\n                                        \r\n                                    </ion-grid>\r\n                                \r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n                </p-table>\r\n            </ng-template> -->\r\n            <ion-grid style=\"margin-top: 15px;\">\r\n                <ion-row>\r\n                    <ion-col *ngIf=\"!isME()\" class=\"flex align-items-center flex-column\" layout=\"row\" style = \"margin:3px;\">\r\n                        <ion-card class=\"p-4\" style=\"height: 100%; width:100%;\">\r\n                            <ion-header style=\"box-shadow: 0 0 0 0\">\r\n                                <ion-card-title><i class=\"pi pi-file\" style=\"color: var(--ion-color-primary);font-size: 30px;\"></i>{{ \"profile.proof.of.unemployment.phase.two.label.download.unemployment.claim.report\"| translate}}</ion-card-title>\r\n                            </ion-header>\r\n                            <ion-card-content class=\"pl-0 pr-0 flex align-items-center flex-column\" style=\"height: 100%; justify-content: space-between;\">\r\n                                <label>\r\n                                    {{'profile.proof.of.unemployment.phase.two.overlay.unemployment.claim.report'| translate}}\r\n                                </label>\r\n                                <div class=\"flex flex-column align-items-center\" style=\"padding-bottom:30px\">\r\n                                    <ion-button shape=\"round\" (click)=\"getExternalClaimantReport()\" style=\"width:'10rem'\"\r\n                                    class=\"Claimant-report-btn\">\r\n                                    <ion-icon name=\"download-outline\" class=\"pr-1 pb-1\"></ion-icon>{{ \"profile.proof.of.unemployment.phase.two.button.download.report\"| translate}}\r\n                                </ion-button>\r\n                                <div *ngIf=\"downloadStatusForHistory=='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n                                <mat-error *ngIf=\"downloadStatusForHistory=='error'\">{{ \"profile.proof.of.unemployment.status.download.error\"| translate}}</mat-error>\r\n                                </div>\r\n                                \r\n                            </ion-card-content>\r\n                        </ion-card>\r\n                        \r\n                    </ion-col>\r\n                    <ion-col layout=\"row\" class=\"flex align-items-center flex-column\" style = \"margin:3px;\">\r\n                        <ion-card class=\"p-4\" style=\"height: 100%; width:100%;\">\r\n                            <ion-header style=\"box-shadow: 0 0 0 0\">\r\n                                <ion-card-title><i class=\"pi pi-check-circle\" style=\"color: var(--ion-color-primary);font-size: 30px;\"></i>  {{ \"profile.proof.of.unemployment.phase.two.label.summary.unemployment.claim\"| translate}}</ion-card-title>\r\n                            </ion-header>\r\n                            <ion-card-content class=\"pl-0 pr-0 flex align-items-center flex-column\" style=\"height: 100%; justify-content: space-between;\">\r\n                                <label>\r\n                                    {{'profile.proof.of.unemployment.phase.two.overlay.summary.unemployment.claim'| translate}}\r\n                                </label>\r\n                                 <div class=\"flex flex-column align-items-center\" style=\"padding-bottom:30px\">\r\n                                    <ion-button shape=\"round\" (click)=\"getVerificationReport()\" style=\"width:10rem\"\r\n                                    class=\"Claimant-summary-ver-btn\">\r\n                                    <ion-icon name=\"download-outline\" class=\"pr-1 pb-1\"></ion-icon> {{ \"profile.proof.of.unemployment.phase.two.button.download.report\"| translate}}\r\n                                    </ion-button>\r\n                                    <div *ngIf=\"downloadStatusForVerification=='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n                                    <mat-error *ngIf=\"downloadStatusForVerification=='error'\">{{ \"profile.proof.of.unemployment.status.download.error\"| translate}}</mat-error>\r\n                                 </div>\r\n                                \r\n                              </ion-card-content>\r\n                              \r\n                        </ion-card>\r\n                    </ion-col>\r\n                </ion-row>\r\n            </ion-grid>\r\n\r\n        </div>\r\n        <ng-template #nonPhraseTwoView>\r\n            <ion-grid style=\"margin-top: 15px;\">\r\n                <ion-row>\r\n                <ion-col *ngIf=\"!isME()\" layout=\"row\" style = \"margin:3px;\">\r\n                    <label>\r\n                        {{ \"profile.proof.of.unemployment.label.download.unemployment.claim.report\"| translate}}\r\n                    </label>\r\n                    <br>\r\n                    <ion-button shape=\"round\" fill=\"outline\" (click)=\"getExternalClaimantReport()\"\r\n                        class=\"Claimant-report-btn\">\r\n                        <ion-icon name=\"download-outline\"></ion-icon>{{ \"profile.proof.of.unemployment.button.external.claimant.report\"| translate}}\r\n                    </ion-button>\r\n                    <br>\r\n                    <div *ngIf=\"downloadStatusForHistory=='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n                    <mat-error *ngIf=\"downloadStatusForHistory=='error'\">{{ \"profile.proof.of.unemployment.status.download.error\"| translate}}</mat-error>\r\n                </ion-col>\r\n                <ion-col layout=\"row\" style = \"margin:3px;\">\r\n                    <label>\r\n                        {{ \"profile.proof.of.unemployment.label.summary.unemployment.claim\"| translate}}\r\n                    </label>\r\n                    <br>\r\n                    <ion-button shape=\"round\" fill=\"outline\" (click)=\"redirectLink('.claimantsummaryverification')\"\r\n                        class=\"Claimant-summary-ver-btn\">{{ \"profile.proof.of.unemployment.button.unemployment.verification\"| translate}}</ion-button>\r\n                </ion-col>\r\n            </ion-row>\r\n        </ion-grid>\r\n        </ng-template>\r\n    </div>\r\n    <div *ngIf=\"isMS() && selected == 'contact-details' && isOtpSent == true\" style=\"margin-top: -90px;\">\r\n        <form [formGroup]=\"otpForm\" #otpFormDirective=\"ngForm\">\r\n            <ion-row>\r\n                <div class=\"p-fluid p-formgrid\">\r\n                    <ion-row>\r\n                            <label for=\"otp\" [innerHTML]=\"'profile.contact.details.label.otp' | translate:{ type: type }\"></label>\r\n                    </ion-row>\r\n                    <ion-row>\r\n                        <ion-col>\r\n                            <p-inputMask formControlName=\"otp\" mask=\"999999\" size=\"6\" maxlength=\"6\" minlength=\"6\"\r\n                                [autoFocus]='true' title='Enter Authcode'></p-inputMask>\r\n                            <app-error [field]='otp' [form]=\"otpFormDirective\" [errDef]=\"{ \r\n                                required: 'Authcode is required.',\r\n                                minlength: 'Authcode should have 6 numbers.'\r\n                              }\"></app-error>\r\n                        </ion-col>\r\n                        <ion-col>\r\n                            <ion-button shape=\"round\" type=\"submit\" (click)=\"verify()\">{{ \"profile.contact.details.button.verify\"| translate}}</ion-button>\r\n                        </ion-col>\r\n                    </ion-row>\r\n                </div>\r\n            </ion-row>\r\n        </form>\r\n    </div>\r\n    <div *ngIf=\"isME() && selected == 'contact-details' && displaySecurityQuestion == true\" style=\"margin-top: -90px;\">\r\n        <form [formGroup]=\"securityQuestionForm\" #securityQuestionFormDirective=\"ngForm\">\r\n            <ion-row>\r\n                <div class=\"p-fluid p-formgrid\">\r\n                    <ion-row>\r\n                        <label for=\"securityQuestionAnswer\" [innerHTML]=\"'profile.contact.details.label.securityQuestion' | translate:{ securityQuestionToAsk: securityQuestionToAsk }\"></label>\r\n                    </ion-row>\r\n                    <ion-row>\r\n                        <ion-col>\r\n                        \t<input pInputText formControlName=\"securityQuestionAnswer\" size=\"30\" maxlength=\"30\" title=\"Security Answer\" />\r\n                            <app-error [field]='securityQuestionAnswer' [form]=\"securityQuestionFormDirective\" [errDef]=\"{ \r\n                                required: 'Security Answer is required.'\r\n                              }\"></app-error>\r\n                        </ion-col>\r\n                        <ion-col>\r\n                            <ion-button shape=\"round\" type=\"submit\" (click)=\"verifySecurityQuestion()\">{{ \"profile.contact.details.button.verify\"| translate}}</ion-button>\r\n                        </ion-col>\r\n                    </ion-row>\r\n                </div>\r\n            </ion-row>\r\n        </form>\r\n    </div>\r\n    <mat-error *ngIf=\"errorDtls\">{{errorDtls}}</mat-error>\r\n    <ion-label *ngIf=\"successDtls\" style=\"color: var(--ion-color-green)\">{{successDtls}}<br /></ion-label>\r\n\r\n    <div *ngIf=\"showSuccess\">\r\n        <div class=\"ion-text-center ion-padding-top\">\r\n            <ion-icon name=\"checkmark-circle\" style=\"font-size: 80px; color: var(--ion-color-green);\"></ion-icon>\r\n            <h1>{{ \"profile.banner.success\"| translate}}</h1>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"showError\">\r\n        <div class=\"ion-text-center ion-padding-top\">\r\n            <ion-icon name=\"close-circle-outline\" style=\"font-size: 80px; color: var(--ion-color-danger);\"></ion-icon>\r\n            <section *ngIf=\"isMS()\">\r\n                <h1>{{ errorText ? errorText : ('profile.banner.request.process.failure' | translate) }}</h1>\r\n            </section>\r\n            <section *ngIf=\"!isMS()\">\r\n                <h1>{{errorText ? errorText : ('profile.banner.request.process.failure' | translate) }}</h1>\r\n            </section>\r\n        </div>\r\n    </div>\r\n    <ng-template pTemplate=\"footer\">\r\n        <ion-grid>\r\n            <ion-row>\r\n                <ion-col class=\"ion-text-left\" size=\"12\" sizeXl=\"4\" sizeLg=\"4\" sizeMd=\"5\">\r\n                    <ion-button shape=\"round\" fill=\"outline\" type=\"button\" (click)=\"logout()\">{{ \"profile.button.logout\"| translate}}</ion-button>\r\n                </ion-col>\r\n                <ion-col class=\"ion-text-right\" size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"7\">\r\n                    <ion-button shape=\"round\" fill=\"outline\" type=\"reset\" (click)=\"cancel()\">{{ \"profile.button.close\"| translate}}</ion-button>\r\n                    <ion-button shape=\"round\" type=\"submit\" (click)=\"save()\" *ngIf=\"!(showSuccess || showError) && selected!='proof-of-unemployment'\"\r\n                        [disabled]=\"isOtpSent== true || displaySecurityQuestion== true\">{{ \"profile.button.save\"| translate}}</ion-button>\r\n                </ion-col>\r\n            </ion-row>\r\n        </ion-grid>\r\n    </ng-template>\r\n</p-dialog>", styles: ["ion-col{margin-left:0!important}.Claimant-report-btn{margin-inline-end:3%}.proof-unemployment-btn-label{margin-bottom:3px}.error-banner{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.seperate-row td:not(:first-child):not(:last-child){border-left:none;border-right:none}.seperate-row td:first-child{border-right:none}.seperate-row td:last-child{border-left:none;padding:1rem .55rem;padding-right:20px}.seperate-row td{border:1px solid #e4e4e4;font-family:\"Open Sans, Light\";font-size:26px;padding:1rem .55rem}\n"] }]
+        args: [{ selector: 'app-profile', template: "<p-dialog visible=\"true\" modal=\"true\" appendTo=\"body\"\r\n    [breakpoints]=\"{'1024px': '75vw', '768px': '85vw', '640px': '100vw'}\" [style]=\"{width: '60vw'}\" position=\"top\">\r\n    <ng-template pTemplate=\"header\">\r\n        <ion-grid>\r\n            <ion-row>\r\n                <ion-col class=\"ion-text-left heading\" style=\"padding-left: 24px;\">\r\n                    {{\"Your Account\" | translate}} <span style=\"font-size: 16px;\">(CLAIMANT ID\r\n                        {{ls.getUser().claimantId}})</span>\r\n                </ion-col>\r\n            </ion-row>\r\n            <ion-row>\r\n                <ion-col>\r\n                    <p-selectButton *ngIf=\"!isME()\" styleClass=\"ion-padding-start\" [options]=\"profileOpts\" optionLabel=\"text\"\r\n                        optionValue=\"value\" [(ngModel)]=\"selected\" (onOptionClick)=\"onValueChange($event)\">\r\n                    </p-selectButton>\r\n                    <p-selectButton *ngIf=\"isME()\" styleClass=\"ion-padding-start\" [options]=\"profileOptsIVR\" optionLabel=\"text\"\r\n                        optionValue=\"value\" [(ngModel)]=\"selected\" (onOptionClick)=\"onValueChange($event)\">\r\n                    </p-selectButton>\r\n                </ion-col>\r\n            </ion-row>\r\n        </ion-grid>\r\n    </ng-template>\r\n    <div *ngIf=\"!(showSuccess || showError)\" style=\"margin-left: -8px;\">\r\n        <app-form-builder #fb *ngIf=\"selected == 'personal-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n            [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n            [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n        </app-form-builder>\r\n        <div *ngIf=\"selected == 'contact-details'\">\r\n        <div *ngIf=\"showInlineError && selected === 'contact-details'\" class=\"error-banner\">\r\n        <ion-icon name=\"alert-circle-outline\" style=\"color: var(--ion-color-danger); font-size: 18px; margin-right: 8px;\"></ion-icon>\r\n        <span>{{ errorText }}</span>\r\n        </div>\r\n        <app-form-builder #fb *ngIf=\"selected == 'contact-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n            [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n            [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n        </app-form-builder>\r\n        </div>\r\n        <app-form-builder #fb *ngIf=\"selected == 'payment-details'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n            [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n            [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n        </app-form-builder>\r\n        <app-form-builder #fb *ngIf=\"selected == 'update-ivr'\" [flowKey]=\"selected\" [showOnlyQuestion]=\"true\"\r\n            [hideHeader]=\"true\" [hideFooter]=\"true\" [sizeXs]=\"12\" [sizeSm]=\"12\" [sizeMd]=\"12\" [sizeLg]=\"12\"\r\n            [sizeXl]=\"12\" [offsetXl]=\"0\" [offsetLg]=\"0\" (onError)=\"handleError($event)\" (onComplete)=\"success($event)\">\r\n        </app-form-builder>\r\n    </div>\r\n    <div class=\"proof-of-unemployment\" *ngIf=\"selected == 'proof-of-unemployment'\">\r\n        <div *ngIf=\"phaseTwoProofOfUIView==='true';else  nonPhraseTwoView\" style=\"padding: 0px 1rem\">\r\n            <!-- <h2 style=\"font-family: 'Open Sans, Light';\">\r\n                {{ \"profile.proof.of.unemployment.label.proof.of.unemployment.pay\"| translate}}\r\n            </h2>\r\n            <div *ngIf=\"!listOfActiveClaim || listOfActiveClaim.length === 0; else activeClaimTable\">\r\n               <h3 style=\"font-family: 'Open Sans, Light';\">\r\n                {{\"profile.proof.of.unemployment.label.no.active.claim\"| translate}}\r\n               </h3>\r\n            </div>\r\n            <ng-template #activeClaimTable>\r\n                <p-table [value]=\"listOfActiveClaim\" dataKey=\"claimId\" [rowExpandMode]=\"'single'\" styleClass=\"seperate-row\" class=\"seperate-row\"\r\n                [tableStyle]=\"{'border-collapse': 'separate','border-spacing': '0 8px'}\"\r\n                >\r\n                    <ng-template pTemplate=\"body\" let-data let-expanded=\"expanded\">\r\n                        <tr>\r\n                            <td>\r\n                                <a href=\"#\" [pRowToggler]=\"data\">\r\n                                    <i [ngClass]=\"expanded ? 'pi pi-chevron-down' : 'pi pi-chevron-right'\" style=\"font-size: 1.5rem;\"></i>\r\n                                </a>               \r\n                            <td >\r\n                                {{data.effectiveDate}} - {{data.byeDate}}\r\n                            </td>\r\n                            <td>\r\n                                {{data.entitlementType}}\r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n                    <ng-template pTemplate=\"rowexpansion\" let-data>\r\n                        <tr>\r\n                            <td colspan=\"7\" style=\" border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;\">\r\n                                    <ion-grid>\r\n                                        <ion-row>\r\n                                            <ion-col style=\"display: flex;justify-content: center;\">\r\n                                                <img [src]=\"docFileLink\" height='500px' width='420px'/>\r\n                                            </ion-col>\r\n                                            <ion-col style=\"display: flex;flex-direction: column;justify-content: space-between;\">\r\n                                                <ion-row >\r\n                                                    <span [innerHTML]=\"data.description\" style=\"font-size: 19px;\"></span>\r\n                                                </ion-row>\r\n                                                <ion-row>\r\n                                                    \r\n                                                        <ion-button fill=\"outline\" shape=\"round\" style=\"padding-inline-end: 2rem;\" (click)=\"getVerificationReport()\">\r\n                                                            {{ \"profile.proof.of.unemployment.button.download.report\"| translate}}\r\n                                                        </ion-button>\r\n                                                </ion-row>\r\n                                            </ion-col>\r\n                                        </ion-row>\r\n                                        \r\n                                    </ion-grid>\r\n                                \r\n                            </td>\r\n                        </tr>\r\n                    </ng-template>\r\n                </p-table>\r\n            </ng-template> -->\r\n            <ion-grid style=\"margin-top: 15px;\">\r\n                <ion-row>\r\n                    <ion-col *ngIf=\"!isME()\" class=\"flex align-items-center flex-column\" layout=\"row\" style = \"margin:3px;\">\r\n                        <ion-card class=\"p-4\" style=\"height: 100%; width:100%;\">\r\n                            <ion-header style=\"box-shadow: 0 0 0 0\">\r\n                                <ion-card-title><i class=\"pi pi-file\" style=\"color: var(--ion-color-primary);font-size: 30px;\"></i>{{ \"profile.proof.of.unemployment.phase.two.label.download.unemployment.claim.report\"| translate}}</ion-card-title>\r\n                            </ion-header>\r\n                            <ion-card-content class=\"pl-0 pr-0 flex align-items-center flex-column\" style=\"height: 100%; justify-content: space-between;\">\r\n                                <label>\r\n                                    {{'profile.proof.of.unemployment.phase.two.overlay.unemployment.claim.report'| translate}}\r\n                                </label>\r\n                                <div class=\"flex flex-column align-items-center mobile-view\" style=\"padding-bottom:30px\">\r\n                                    <ion-button shape=\"round\" (click)=\"getExternalClaimantReport()\" style=\"width:'10rem'\"\r\n                                    class=\"Claimant-report-btn\">\r\n                                    <ion-icon name=\"download-outline\" class=\"pr-1 pb-1\"></ion-icon>{{ \"profile.proof.of.unemployment.phase.two.button.download.report\"| translate}}\r\n                                </ion-button>\r\n                                <div *ngIf=\"downloadStatusForHistory =='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n                                <mat-error *ngIf=\"downloadStatusForHistory=='error'\">{{ \"profile.proof.of.unemployment.status.download.error\"| translate}}</mat-error>\r\n                                </div>\r\n                                \r\n                            </ion-card-content>\r\n                        </ion-card>\r\n                        \r\n                    </ion-col>\r\n                    <ion-col layout=\"row\" class=\"flex align-items-center flex-column\" style = \"margin:3px;\">\r\n                        <ion-card class=\"p-4\" style=\"height: 100%; width:100%;\">\r\n                            <ion-header style=\"box-shadow: 0 0 0 0\">\r\n                                <ion-card-title><i class=\"pi pi-check-circle\" style=\"color: var(--ion-color-primary);font-size: 30px;\"></i>  {{ \"profile.proof.of.unemployment.phase.two.label.summary.unemployment.claim\"| translate}}</ion-card-title>\r\n                            </ion-header>\r\n                            <ion-card-content class=\"pl-0 pr-0 flex align-items-center flex-column\" style=\"height: 100%; justify-content: space-between;\">\r\n                                <label>\r\n                                    {{'profile.proof.of.unemployment.phase.two.overlay.summary.unemployment.claim'| translate}}\r\n                                </label>\r\n                                 <div class=\"flex flex-column align-items-center mobile-view\" style=\"padding-bottom:30px\">\r\n                                    <ion-button shape=\"round\" (click)=\"getVerificationReport()\" style=\"width:10rem\"\r\n                                    class=\"Claimant-summary-ver-btn\">\r\n                                    <ion-icon name=\"download-outline\" class=\"pr-1 pb-1\"></ion-icon> {{ \"profile.proof.of.unemployment.phase.two.button.download.report\"| translate}}\r\n                                    </ion-button>\r\n                                    <div *ngIf=\"downloadStatusForVerification =='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n                                    <mat-error *ngIf=\"downloadStatusForVerification=='error'\">{{ \"profile.proof.of.unemployment.status.download.error\"| translate}}</mat-error>\r\n                                 </div>\r\n                                \r\n                              </ion-card-content>\r\n                              \r\n                        </ion-card>\r\n                    </ion-col>\r\n                </ion-row>\r\n            </ion-grid>\r\n\r\n        </div>\r\n        <ng-template #nonPhraseTwoView>\r\n            <ion-grid style=\"margin-top: 15px;\">\r\n                <ion-row>\r\n                <ion-col *ngIf=\"!isME()\" layout=\"row\" style = \"margin:3px;\">\r\n                    <label>\r\n                        {{ \"profile.proof.of.unemployment.label.download.unemployment.claim.report\"| translate}}\r\n                    </label>\r\n                    <br>\r\n                    <ion-button shape=\"round\" fill=\"outline\" (click)=\"getExternalClaimantReport()\"\r\n                        class=\"Claimant-report-btn\">\r\n                        <ion-icon name=\"download-outline\"></ion-icon>{{ \"profile.proof.of.unemployment.button.external.claimant.report\"| translate}}\r\n                    </ion-button>\r\n                    <br>\r\n                    <div *ngIf=\"downloadStatusForHistory=='started'\">{{ \"profile.proof.of.unemployment.status.download.start\"| translate}}</div>\r\n                    <mat-error *ngIf=\"downloadStatusForHistory=='error'\">{{ \"profile.proof.of.unemployment.status.download.error\"| translate}}</mat-error>\r\n                </ion-col>\r\n                <ion-col layout=\"row\" style = \"margin:3px;\">\r\n                    <label>\r\n                        {{ \"profile.proof.of.unemployment.label.summary.unemployment.claim\"| translate}}\r\n                    </label>\r\n                    <br>\r\n                    <ion-button shape=\"round\" fill=\"outline\" (click)=\"redirectLink('.claimantsummaryverification')\"\r\n                        class=\"Claimant-summary-ver-btn\">{{ \"profile.proof.of.unemployment.button.unemployment.verification\"| translate}}</ion-button>\r\n                </ion-col>\r\n            </ion-row>\r\n        </ion-grid>\r\n        </ng-template>\r\n    </div>\r\n    <div *ngIf=\"isMS() && selected == 'contact-details' && isOtpSent == true\" style=\"margin-top: -90px;\">\r\n        <form [formGroup]=\"otpForm\" #otpFormDirective=\"ngForm\">\r\n            <ion-row>\r\n                <div class=\"p-fluid p-formgrid\">\r\n                    <ion-row>\r\n                            <label for=\"otp\" [innerHTML]=\"'profile.contact.details.label.otp' | translate:{ type: type }\"></label>\r\n                    </ion-row>\r\n                    <ion-row>\r\n                        <ion-col>\r\n                            <p-inputMask formControlName=\"otp\" mask=\"999999\" size=\"6\" maxlength=\"6\" minlength=\"6\"\r\n                                [autoFocus]='true' title='Enter Authcode'></p-inputMask>\r\n                            <app-error [field]='otp' [form]=\"otpFormDirective\" [errDef]=\"{ \r\n                                required: 'Authcode is required.',\r\n                                minlength: 'Authcode should have 6 numbers.'\r\n                              }\"></app-error>\r\n                        </ion-col>\r\n                        <ion-col>\r\n                            <ion-button shape=\"round\" type=\"submit\" (click)=\"verify()\">{{ \"profile.contact.details.button.verify\"| translate}}</ion-button>\r\n                        </ion-col>\r\n                    </ion-row>\r\n                </div>\r\n            </ion-row>\r\n        </form>\r\n    </div>\r\n    <div *ngIf=\"isME() && selected == 'contact-details' && displaySecurityQuestion == true\" style=\"margin-top: -90px;\">\r\n        <form [formGroup]=\"securityQuestionForm\" #securityQuestionFormDirective=\"ngForm\">\r\n            <ion-row>\r\n                <div class=\"p-fluid p-formgrid\">\r\n                    <ion-row>\r\n                        <label for=\"securityQuestionAnswer\" [innerHTML]=\"'profile.contact.details.label.securityQuestion' | translate:{ securityQuestionToAsk: securityQuestionToAsk }\"></label>\r\n                    </ion-row>\r\n                    <ion-row>\r\n                        <ion-col>\r\n                        \t<input pInputText formControlName=\"securityQuestionAnswer\" size=\"30\" maxlength=\"30\" title=\"Security Answer\" />\r\n                            <app-error [field]='securityQuestionAnswer' [form]=\"securityQuestionFormDirective\" [errDef]=\"{ \r\n                                required: 'Security Answer is required.'\r\n                              }\"></app-error>\r\n                        </ion-col>\r\n                        <ion-col>\r\n                            <ion-button shape=\"round\" type=\"submit\" (click)=\"verifySecurityQuestion()\">{{ \"profile.contact.details.button.verify\"| translate}}</ion-button>\r\n                        </ion-col>\r\n                    </ion-row>\r\n                </div>\r\n            </ion-row>\r\n        </form>\r\n    </div>\r\n    <mat-error *ngIf=\"errorDtls\">{{errorDtls}}</mat-error>\r\n    <ion-label *ngIf=\"successDtls\" style=\"color: var(--ion-color-green)\">{{successDtls}}<br /></ion-label>\r\n\r\n    <div *ngIf=\"showSuccess\">\r\n        <div class=\"ion-text-center ion-padding-top\">\r\n            <ion-icon name=\"checkmark-circle\" style=\"font-size: 80px; color: var(--ion-color-green);\"></ion-icon>\r\n            <h1>{{ \"profile.banner.success\"| translate}}</h1>\r\n        </div>\r\n    </div>\r\n\r\n    <div *ngIf=\"showError\">\r\n        <div class=\"ion-text-center ion-padding-top\">\r\n            <ion-icon name=\"close-circle-outline\" style=\"font-size: 80px; color: var(--ion-color-danger);\"></ion-icon>\r\n            <section *ngIf=\"isMS()\">\r\n                <h1>{{ errorText ? errorText : ('profile.banner.request.process.failure' | translate) }}</h1>\r\n            </section>\r\n            <section *ngIf=\"!isMS()\">\r\n                <h1>{{errorText ? errorText : ('profile.banner.request.process.failure' | translate) }}</h1>\r\n            </section>\r\n        </div>\r\n    </div>\r\n    <ng-template pTemplate=\"footer\">\r\n        <ion-grid>\r\n            <ion-row>\r\n                <ion-col class=\"ion-text-left\" size=\"12\" sizeXl=\"4\" sizeLg=\"4\" sizeMd=\"5\">\r\n                    <ion-button shape=\"round\" fill=\"outline\" type=\"button\" (click)=\"logout()\">{{ \"profile.button.logout\"| translate}}</ion-button>\r\n                </ion-col>\r\n                <ion-col class=\"ion-text-right\" size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"7\">\r\n                    <ion-button shape=\"round\" fill=\"outline\" type=\"reset\" (click)=\"cancel()\">{{ \"profile.button.close\"| translate}}</ion-button>\r\n                    <ion-button shape=\"round\" type=\"submit\" (click)=\"save()\" *ngIf=\"!(showSuccess || showError) && selected!='proof-of-unemployment'\"\r\n                        [disabled]=\"isOtpSent== true || displaySecurityQuestion== true\">{{ \"profile.button.save\"| translate}}</ion-button>\r\n                </ion-col>\r\n            </ion-row>\r\n        </ion-grid>\r\n    </ng-template>\r\n</p-dialog>", styles: ["ion-col{margin-left:0!important}.Claimant-report-btn{margin-inline-end:3%}.proof-unemployment-btn-label{margin-bottom:3px}.error-banner{display:flex;align-items:center;background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:8px 12px;margin-bottom:10px;font-size:14px}.seperate-row td:not(:first-child):not(:last-child){border-left:none;border-right:none}.seperate-row td:first-child{border-right:none}.seperate-row td:last-child{border-left:none;padding:1rem .55rem;padding-right:20px}.seperate-row td{border:1px solid #e4e4e4;font-family:\"Open Sans, Light\";font-size:26px;padding:1rem .55rem}@media (min-width: 261px) and (max-width: 350px){.mobile-view{padding-bottom:3rem!important}}@media (max-width: 260px){.mobile-view{padding-bottom:5rem!important}}\n"] }]
     }], () => [{ type: LoggerService }, { type: LoginService }, { type: ClaimantService }, { type: BirtService }, { type: ClaimService }, { type: i4.NavController }, { type: SecurityService }, { type: UtilService }, { type: i1$4.UntypedFormBuilder }, { type: i6$1.Title }, { type: i4.ModalController }], { fb: [{
             type: ViewChild,
             args: ['fb']
@@ -34899,9 +34905,9 @@ function WeeklyCertEmployerComponentQe_ion_row_3_div_47_Template(rf, ctx) { if (
 } }
 const _c4$g = () => ({ required: "required", pattern: "%, <, >, ^, _, {, } are not allowed" });
 const _c5$b = "only letters, numbers, spaces, commas, periods, apostrophes, hyphens, # and / allowed";
-const _c6$5 = () => ({ required: "required", pattern: _c5$b });
+const _c6$5 = () => ({ required: "required", pattern: _c5$b, maxlength: "cannot exceed 40 characters" });
 const _c7$3 = "city name can only contain letters, spaces, and hyphens";
-const _c8$3 = () => ({ required: "required", pattern: _c7$3 });
+const _c8$3 = () => ({ required: "required", pattern: _c7$3, maxlength: "cannot exceed 30 characters" });
 const _c9$3 = "If hours and earnings are both 0, employment status cannot be working-part time.";
 const _c10$3 = () => ({ required: "required", changeEmpStatus: _c9$3 });
 const _c11$2 = "total hours must not be greater than 168 for the week";
@@ -35354,9 +35360,9 @@ class WeeklyCertEmployerComponentQe extends BasePage {
         this.empForm = this.formBuilder.group({
             'lastDayWorked': [empInfo.lastDayWorked != null ? this.getDate(empInfo.lastDayWorked) : '', Validators.compose([Validators.required, AppValidators$1.isBetweenDate(this.sunDate, this.satDate)])],
             'employerName': [empInfo.employerName, [Validators.required, Validators.pattern(/^(?!.*[%<>\^_{}])[A-Za-z0-9\s\.,&'()#!@:$\/\\\-\+?"]+$/)]],
-            'line1': [empInfo.line1, [Validators.required, Validators.pattern(/^[0-9A-Za-z\s,'\-\.#\/]+$/)]],
+            'line1': [empInfo.line1, [Validators.required, Validators.pattern(/^[0-9A-Za-z\s,'\-\.#\/]+$/), Validators.maxLength(40)]],
             'line2': [empInfo.line2],
-            'city': [empInfo.city, Validators.compose([Validators.required, Validators.pattern(/^(?!-)[A-Za-z -]*$/)])],
+            'city': [empInfo.city, Validators.compose([Validators.required, Validators.pattern(/^(?!-)[A-Za-z -]*$/), Validators.maxLength(30)])],
             'state': [empInfo.state != undefined ? empInfo.state : this.util.getState(), Validators.required],
             'country': [empInfo.country],
             'grossEarning': [empInfo.grossEarning, Validators.compose([Validators.required])],
@@ -35673,7 +35679,7 @@ class WeeklyCertEmployerComponentQe extends BasePage {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WeeklyCertEmployerComponentQe, [{
         type: Component,
-        args: [{ selector: 'app-weekly-cert-employer-qe', template: "<form [formGroup]=\"empForm\" #empFormDirective=\"ngForm\">\r\n  <ion-grid>\r\n    <ion-row *ngIf=\"!empToEdit?.isPartTimeEmployer\">\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 formgrid\">\r\n          \r\n          <div class=\"field\">\r\n            <label for=\"wcEmpName\">Employer Name</label>\r\n            <app-search-employer id=\"wcEmployerName\" [formControl]=\"wcEmpName\" (onFound)=\"setEmployer($event)\"\r\n              [empType]=\"'REG'\"></app-search-employer>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpName' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required', pattern: '%, <, >, ^, _, {, } are not allowed'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"isME()\">\r\n              <label for=\"wcEmpState\">Country</label><br>\r\n              <app-dropdown inputId=\"wcEmpCountry\" [options]=\"countryOptions\" optionLabel=\"text\" optionValue=\"value\"\r\n                appendTo=\"body\" [formControl]=\"wcEmpCountry\" [autoDisplayFirst]=\"false\" inputId=\"wcEmpCountry\"></app-dropdown>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpCountry' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                      required: 'required'\r\n                    }\"></app-error>\r\n            </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"wcEmpAddressLine1\">Street Address</label>\r\n            <input id=\"wcEmpAddressLine1\" type=\"input\" pInputText [formControl]=\"wcEmpAddressLine1\" appStripInvisibleChars/>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpAddressLine1' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required', pattern: 'only letters, numbers, spaces, commas, periods, apostrophes, hyphens, # and / allowed'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"wcEmpCity\">City</label>\r\n            <input id=\"wcEmpCity\" type=\"input\" pInputText [formControl]=\"wcEmpCity\" appStripInvisibleChars/>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpCity' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required', pattern: 'city name can only contain letters, spaces, and hyphens'\r\n              }\"></app-error>\r\n          </div>\r\n          \r\n          <div *ngIf=\"isME()\">\r\n            <ion-row>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"wcEmpState\">State</label><br>\r\n                  <app-dropdown inputId=\"wcEmpState\" [options]=\"statesCombo\" optionLabel=\"text\" optionValue=\"value\"\r\n                    appendTo=\"body\" [formControl]=\"wcEmpState\" [autoDisplayFirst]=\"false\" inputId=\"wcEmpState\"></app-dropdown>\r\n                  <app-error [class]=\"'app-grid'\" [field]='wcEmpState' [form]=\"empFormDirective\" [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=\"wsZipCode\">Zip Code</label>\r\n                  <input id=\"wsZipCode\" type=\"input\" pInputText [formControl]=\"wsZipCode\" minlength=\"5\" maxlength=\"9\"\r\n                    appStripInvisibleChars />\r\n                  <app-error [class]=\"'app-grid'\" [field]='wsZipCode' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                                          required: 'required',\r\n                                          invalidLength: 'Zip code should be of 5 or 9 digits.',\r\n                                          invalidNumber: 'Zip code should only have numbers.',\r\n                                          invalidZipCode: 'please enter a valid zip code'\r\n                                        }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n          </div>\r\n\r\n          <div *ngIf=\"!isME()\">\r\n            <div class=\"field\">\r\n              <label for=\"wcEmpState\">State</label><br>\r\n              <app-dropdown inputId=\"wcEmpState\" [options]=\"statesCombo\" optionLabel=\"text\" optionValue=\"value\" appendTo=\"body\"\r\n                [formControl]=\"wcEmpState\" [autoDisplayFirst]=\"false\" inputId=\"wcEmpState\"></app-dropdown>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpState' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                                                    required: 'required'\r\n                                                  }\"></app-error>\r\n            </div>\r\n            <div class=\"field\">\r\n              <label for=\"wsZipCode\">Zip Code</label>\r\n              <input id=\"wsZipCode\" type=\"input\" pInputText [formControl]=\"wsZipCode\" minlength=\"5\" maxlength=\"9\"\r\n                appStripInvisibleChars />\r\n              <app-error [class]=\"'app-grid'\" [field]='wsZipCode' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                                                    required: 'required',\r\n                                                    invalidLength: 'Zip code should be of 5 or 9 digits.',\r\n                                                    invalidNumber: 'Zip code should only have numbers.',\r\n                                                    invalidZipCode: 'please enter a valid zip code'\r\n                                                  }\"></app-error>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"lastDayWorked\">Last day you worked</label>\r\n            <p-calendar [iconAriaLabel]=\"'Last day worked'\" [showIcon]=\"true\" inputId=\"lastDayWorked\" appendTo=\"body\"\r\n              [formControl]=\"lastDayWorked\" [minDate]=\"sunDate\" [maxDate]=\"satDate\"\r\n              [defaultDate]=\"sunDate\" [selectOtherMonths]=\"true\" placeholder=\"mm/dd/yyyy\" dateFormat=\"mm/dd/yy\"\r\n              [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n            <app-error [class]=\"'app-grid'\" [field]='lastDayWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required',\r\n                dateNotBetween: 'Date should be between ' + dynamicParam.sunday_date + ' and ' + dynamicParam.saturday_date + '.'\r\n              }\"></app-error>\r\n          </div>\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 formgrid\">\r\n\r\n          \r\n\r\n          <div class=\"field\">\r\n            <label for=\"wsPhoneNumber\">Phone No.</label>\r\n            <p-inputMask inputId=\"wsPhoneNumber\" [formControl]=\"wsPhoneNumber\" mask=\"(999) 999-9999\"\r\n              unmask=\"true\"></p-inputMask>\r\n            <app-error [class]=\"'app-grid'\" [field]='wsPhoneNumber' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"wcEmpStatus\">What's your employment status with this employer?</label>\r\n            <app-dropdown inputId=\"wcEmpStatus\" [options]=\"employmentStatusOptionsAll\" optionLabel=\"text\"\r\n              optionValue=\"value\" appendTo=\"body\" [formControl]=\"wcEmpStatus\" [autoDisplayFirst]=\"false\"\r\n              inputId=\"wcEmpStatus1\"></app-dropdown><br />\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpStatus' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required', changeEmpStatus: 'If hours and earnings are both 0, employment status cannot be working-part time.' \r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO'\">\r\n            <label for=\"haveReturnToWorkDate\">Do you know when you're returning to full-time work?</label>\r\n            <p-selectButton [options]=\"yesNoOption\" [formControl]=\"haveReturnToWorkDate\" optionLabel=\"text\"\r\n              optionValue=\"value\"></p-selectButton>\r\n            <app-error [class]=\"'app-grid'\" [field]='haveReturnToWorkDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO' && haveReturnToWorkDate.value == 'Y'\">\r\n            <label for=\"wcEmpLowRtwDate\">When?</label>\r\n            <div style=\"display: flex;\">\r\n              <p-calendar [showIcon]=\"true\" inputId=\"wcEmpLowRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpLowRtwDate\"\r\n                placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                [iconAriaLabel]=\"'When?'\" [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"></p-calendar>\r\n              <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.2155' | translate | trustHtml\"\r\n                style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n            </div>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpLowRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'RTWF'\">\r\n            <label for=\"wcEmpRtwDate\">Return to work date</label>\r\n            <p-calendar [showIcon]=\"true\" inputId=\"wcEmpRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpRtwDate\"\r\n              placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\" optionValue=\"value\"\r\n              [iconAriaLabel]=\"'Return to work date'\" [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"></p-calendar>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'DCFI'\">\r\n            <label\r\n              for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label><br>\r\n            <app-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"discharged\" optionLabel=\"text\"\r\n              appendTo=\"body\" [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"discharged1\"></app-dropdown>\r\n            <app-error [class]=\"'app-grid'\" [field]='discharged' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'VOLQ'\">\r\n            <label for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label><br>\r\n            <app-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"voluntaryQuit\" optionLabel=\"text\"\r\n              appendTo=\"body\" [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"voluntaryQuit1\"></app-dropdown>\r\n            <app-error [class]=\"'app-grid'\" [field]='voluntaryQuit' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"isMS() ? false : (wcEmpStatus.value == 'VOLQ' || wcEmpStatus.value =='SUSP' || wcEmpStatus.value =='DCFI')\">\r\n            <label for=\"startDayWorked\">First day you worked</label>\r\n            <p-calendar [iconAriaLabel]=\"'Start day worked'\" [showIcon]=\"true\" inputId=\"startDayWorked\" appendTo=\"body\"\r\n              [formControl]=\"startDayWorked\" [maxDate]=\"maxStartDate\"\r\n              [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]='startDayWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required',\r\n                dateNotBetween: 'Date should be between ' + dynamicParam.sunday_date + ' and ' + dynamicParam.saturday_date + '.'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"isMS() ? false : (wcEmpStatus.value == 'VOLQ' || wcEmpStatus.value =='SUSP' || wcEmpStatus.value =='DCFI' || wcEmpStatus.value =='STLO')\">\r\n            <label for=\"jobTitle\">Job Title</label>\r\n            <input id=\"jobTitle\" type=\"input\" pInputText [formControl]=\"jobTitle\" required appStripInvisibleChars/>\r\n            <app-error [class]=\"'app-grid'\" [field]='jobTitle' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n        </div>\r\n        <input type=\"hidden\" [formControl]=\"hidEmpId\" />\r\n\r\n        <div class=\"field\" *ngIf=\"!isME()\">\r\n        <span (click)=\"setWageFlag($event)\" class=\"underline-blue\" style=\"cursor:pointer;\">\r\n          <b>Earnings Calculator</b>\r\n          </span>\r\n          <div *ngIf=\"wageDialog\">\r\n            <app-wage-calculator [dynamicParam]=\"dynamicParam\" [showCalculatorPopup]=\"true\" \r\n            (grossEarningsChange)=\"updateGrossEarnings($event)\" (totalHoursChange)=\"updateTotalHours($event)\"\r\n            (saveClicked)=\"onDialogSave($event)\" (cancelClicked)=\"onDialogCancel()\" [wageCalculatorSavedData]=\"wageCalculatorData\"></app-wage-calculator>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"field\">\r\n          <label for=\"wcEmpHoursWorked\">Hours worked</label><br/>\r\n          <p-inputNumber inputId=\"wcEmpHoursWorked\" [formControl]=\"wcEmpHoursWorked\" maxlength=\"10\"\r\n          mode=\"decimal\" [minFractionDigits]=\"1\" [maxFractionDigits]=\"2\"></p-inputNumber><br>\r\n          <app-error [class]=\"'app-grid'\" [field]='wcEmpHoursWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n              required: 'required', hoursPerWeekExceeded: 'total hours must not be greater than 168 for the week'\r\n            }\"></app-error>\r\n        </div>\r\n\r\n        <div class=\"field\">\r\n          <label for=\"wsEmpAmtEarned\">Total Gross Earnings</label>\r\n          <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.1000' | translate | trustHtml\"\r\n            style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info><br/>\r\n          <p-inputNumber inputId=\"wsEmpAmtEarned\" mode=\"currency\" currency=\"USD\" locale=\"en-US\"\r\n            [formControl]=\"wsEmpAmtEarned\" maxlength=\"10\" placeholder=\"$0.00\"></p-inputNumber><br>\r\n          <app-error [class]=\"'app-grid'\" [field]='wsEmpAmtEarned' [form]=\"empFormDirective\" [errDef]=\"{ \r\n              required: 'required', earningsNotZero: 'Gross Earnings cannot be zero.'\r\n            }\"></app-error>\r\n        </div>\r\n      </ion-col>\r\n    </ion-row>\r\n    <ion-row *ngIf=\"empToEdit?.isPartTimeEmployer\">\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 formgrid\">\r\n          <div class=\"field\">\r\n            <b>{{wcEmpName.value}}</b>\r\n          </div>\r\n          <section hidden>\r\n            <input type=\"hidden\" [formControl]=\"wcEmpName\" />\r\n            <input type=\"hidden\" [formControl]=\"wcEmpAddressLine1\" />\r\n            <input type=\"hidden\" [formControl]=\"wcEmpCity\" />\r\n            <input type=\"hidden\" [formControl]=\"wcEmpState\" />\r\n            <input type=\"hidden\" [formControl]=\"wsZipCode\" />\r\n            <input type=\"hidden\" [formControl]=\"wsPhoneNumber\" />\r\n            <input type=\"hidden\" [formControl]=\"hidEmpId\" />\r\n            <input type=\"hidden\" [formControl]=\"isPartTimeEmployer\" />\r\n          </section>\r\n          <div class=\"field\">\r\n            <label for=\"wcEmpStatus\">What's your employment status with this employer?</label>\r\n            <app-dropdown inputId=\"wcEmpStatus\" [options]=\"employmentStatusOptionsAll\" optionLabel=\"text\"\r\n              optionValue=\"value\" appendTo=\"body\" [formControl]=\"wcEmpStatus\" [autoDisplayFirst]=\"false\"\r\n              inputId=\"wcEmpStatus2\"></app-dropdown><br />\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpStatus' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required', changeEmpStatus: 'If hours and earnings are both 0, employment status cannot be working-part time.'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO'\">\r\n            <label for=\"haveReturnToWorkDate\">Do you know when you're returning to full-time work?</label>\r\n            <p-selectButton [options]=\"yesNoOption\" [formControl]=\"haveReturnToWorkDate\" optionLabel=\"text\"\r\n              optionValue=\"value\"></p-selectButton>\r\n            <app-error [class]=\"'app-grid'\" [field]='haveReturnToWorkDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required'\r\n                }\"></app-error>\r\n          </div>\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO' && haveReturnToWorkDate.value == 'Y'\">\r\n            <label for=\"wcEmpLowRtwDate\">When?</label>\r\n            <div style=\"display: flex;\">\r\n              <p-calendar [showIcon]=\"true\" inputId=\"wcEmpLowRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpLowRtwDate\"\r\n                placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                [iconAriaLabel]=\"'When?'\" [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"></p-calendar>\r\n              <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.2050' | translate | trustHtml\"\r\n                style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n            </div>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpLowRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'RTWF'\">\r\n            <label for=\"wcEmpRtwDate\">Return to work date</label>\r\n            <p-calendar [showIcon]=\"true\" inputId=\"wcEmpRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpRtwDate\"\r\n              placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\" optionValue=\"value\"\r\n              [iconAriaLabel]=\"'Return to work date'\" [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"></p-calendar>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'DCFI'\">\r\n            <label\r\n              for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label><br>\r\n            <app-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"discharged\" optionLabel=\"text\"\r\n              appendTo=\"body\" [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"discharged2\"></app-dropdown>\r\n            <app-error [class]=\"'app-grid'\" [field]='discharged' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'VOLQ'\">\r\n            <label for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label><br>\r\n            <app-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"voluntaryQuit\" optionLabel=\"text\"\r\n              appendTo=\"body\" [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"voluntaryQuit2\"></app-dropdown>\r\n            <app-error [class]=\"'app-grid'\" [field]='voluntaryQuit' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'VOLQ' || wcEmpStatus.value =='SUSP' || wcEmpStatus.value =='DCFI' || wcEmpStatus.value =='STLO'\">\r\n            <label for=\"jobTitle\">Job Title</label>\r\n            <input id=\"jobTitle\" type=\"input\" pInputText [formControl]=\"jobTitle\" appStripInvisibleChars/>\r\n            <app-error [class]=\"'app-grid'\" [field]='jobTitle' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'VOLQ' || wcEmpStatus.value =='SUSP' || wcEmpStatus.value =='DCFI'\">\r\n            <label for=\"startDayWorked\">First day you worked</label>\r\n            <p-calendar [iconAriaLabel]=\"'Start day worked'\" [showIcon]=\"true\" inputId=\"startDayWorked\" appendTo=\"body\"\r\n              [formControl]=\"startDayWorked\" [maxDate]=\"maxStartDate\"\r\n              [defaultDate]=\"sunDate\" [selectOtherMonths]=\"true\" placeholder=\"mm/dd/yyyy\" [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n            <app-error [class]=\"'app-grid'\" [field]='startDayWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required',\r\n                dateNotBetween: 'Date should be between ' + dynamicParam.sunday_date + ' and ' + dynamicParam.saturday_date + '.'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"lastDayWorked\">Last day you worked</label>\r\n            <p-calendar [iconAriaLabel]=\"'Last day worked'\" [showIcon]=\"true\" inputId=\"lastDayWorked\" appendTo=\"body\"\r\n              [formControl]=\"lastDayWorked\" [minDate]=\"sunDate\" [maxDate]=\"satDate\" dateFormat=\"mm/dd/yy\"\r\n              [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]='lastDayWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required',\r\n                  dateNotBetween: 'Date should be between ' + dynamicParam.sunday_date + ' and ' + dynamicParam.saturday_date + '.'\r\n                }\"></app-error>\r\n          </div>\r\n          \r\n          <div class=\"field\" *ngIf=\"!isME()\">\r\n            <span (click)=\"setWageFlag($event)\" class=\"underline-blue\" style=\"cursor:pointer;\">\r\n              <b>Earnings Calculator</b>\r\n            </span>\r\n            <div *ngIf=\"wageDialog\">\r\n              <app-wage-calculator [dynamicParam]=\"dynamicParam\" [showCalculatorPopup]=\"true\"\r\n                (grossEarningsChange)=\"updateGrossEarnings($event)\" (totalHoursChange)=\"updateTotalHours($event)\"\r\n                (saveClicked)=\"onDialogSave($event)\" (cancelClicked)=\"onDialogCancel()\"\r\n                [wageCalculatorSavedData]=\"wageCalculatorData\"></app-wage-calculator>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"wcEmpHoursWorked\">Hours worked</label>\r\n            <p-inputNumber inputId=\"wcEmpHoursWorked\" [formControl]=\"wcEmpHoursWorked\" maxlength=\"10\"\r\n            mode=\"decimal\" [minFractionDigits]=\"1\" [maxFractionDigits]=\"2\"></p-inputNumber>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpHoursWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required', hoursPerWeekExceeded: 'total hours must not be greater than 168 for the week'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"wsEmpAmtEarned\">Total Gross Earnings</label>\r\n            <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.1000' | translate | trustHtml\"\r\n              style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n            <p-inputNumber inputId=\"wsEmpAmtEarned\" mode=\"currency\" currency=\"USD\" locale=\"en-US\"\r\n              [formControl]=\"wsEmpAmtEarned\" maxlength=\"10\" placeholder=\"$0.00\"></p-inputNumber>\r\n            <app-error [class]=\"'app-grid'\" [field]='wsEmpAmtEarned' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required', earningsNotZero: 'Gross Earnings cannot be zero.'\r\n                }\"></app-error>\r\n          </div>\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\">Clear</ion-button>\r\n        <ion-button shape=\"round\" (click)=\"isEditMode ? save() : add()\" type=\"submit\">\r\n          {{ isEditMode ? 'Save' : 'Add' }}\r\n        </ion-button>\r\n      </ion-col>\r\n    </ion-row>\r\n  </ion-grid>\r\n</form>", styles: [":host ::ng-deep .p-fluid .p-buttonset{display:inline-flex!important}.underline-blue{color:#4478aa;text-decoration:underline}\n"] }]
+        args: [{ selector: 'app-weekly-cert-employer-qe', template: "<form [formGroup]=\"empForm\" #empFormDirective=\"ngForm\">\r\n  <ion-grid>\r\n    <ion-row *ngIf=\"!empToEdit?.isPartTimeEmployer\">\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 formgrid\">\r\n          \r\n          <div class=\"field\">\r\n            <label for=\"wcEmpName\">Employer Name</label>\r\n            <app-search-employer id=\"wcEmployerName\" [formControl]=\"wcEmpName\" (onFound)=\"setEmployer($event)\"\r\n              [empType]=\"'REG'\"></app-search-employer>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpName' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required', pattern: '%, <, >, ^, _, {, } are not allowed',\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"isME()\">\r\n              <label for=\"wcEmpState\">Country</label><br>\r\n              <app-dropdown inputId=\"wcEmpCountry\" [options]=\"countryOptions\" optionLabel=\"text\" optionValue=\"value\"\r\n                appendTo=\"body\" [formControl]=\"wcEmpCountry\" [autoDisplayFirst]=\"false\" inputId=\"wcEmpCountry\"></app-dropdown>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpCountry' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                      required: 'required'\r\n                    }\"></app-error>\r\n            </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"wcEmpAddressLine1\">Street Address</label>\r\n            <input id=\"wcEmpAddressLine1\" type=\"input\" pInputText [formControl]=\"wcEmpAddressLine1\" appStripInvisibleChars/>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpAddressLine1' [form]=\"empFormDirective\" [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=\"wcEmpCity\">City</label>\r\n            <input id=\"wcEmpCity\" type=\"input\" pInputText [formControl]=\"wcEmpCity\" appStripInvisibleChars/>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpCity' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required', 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          <div *ngIf=\"isME()\">\r\n            <ion-row>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"wcEmpState\">State</label><br>\r\n                  <app-dropdown inputId=\"wcEmpState\" [options]=\"statesCombo\" optionLabel=\"text\" optionValue=\"value\"\r\n                    appendTo=\"body\" [formControl]=\"wcEmpState\" [autoDisplayFirst]=\"false\" inputId=\"wcEmpState\"></app-dropdown>\r\n                  <app-error [class]=\"'app-grid'\" [field]='wcEmpState' [form]=\"empFormDirective\" [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=\"wsZipCode\">Zip Code</label>\r\n                  <input id=\"wsZipCode\" type=\"input\" pInputText [formControl]=\"wsZipCode\" minlength=\"5\" maxlength=\"9\"\r\n                    appStripInvisibleChars />\r\n                  <app-error [class]=\"'app-grid'\" [field]='wsZipCode' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                                          required: 'required',\r\n                                          invalidLength: 'Zip code should be of 5 or 9 digits.',\r\n                                          invalidNumber: 'Zip code should only have numbers.',\r\n                                          invalidZipCode: 'please enter a valid zip code'\r\n                                        }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n          </div>\r\n\r\n          <div *ngIf=\"!isME()\">\r\n            <div class=\"field\">\r\n              <label for=\"wcEmpState\">State</label><br>\r\n              <app-dropdown inputId=\"wcEmpState\" [options]=\"statesCombo\" optionLabel=\"text\" optionValue=\"value\" appendTo=\"body\"\r\n                [formControl]=\"wcEmpState\" [autoDisplayFirst]=\"false\" inputId=\"wcEmpState\"></app-dropdown>\r\n              <app-error [class]=\"'app-grid'\" [field]='wcEmpState' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                                                    required: 'required'\r\n                                                  }\"></app-error>\r\n            </div>\r\n            <div class=\"field\">\r\n              <label for=\"wsZipCode\">Zip Code</label>\r\n              <input id=\"wsZipCode\" type=\"input\" pInputText [formControl]=\"wsZipCode\" minlength=\"5\" maxlength=\"9\"\r\n                appStripInvisibleChars />\r\n              <app-error [class]=\"'app-grid'\" [field]='wsZipCode' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                                                    required: 'required',\r\n                                                    invalidLength: 'Zip code should be of 5 or 9 digits.',\r\n                                                    invalidNumber: 'Zip code should only have numbers.',\r\n                                                    invalidZipCode: 'please enter a valid zip code'\r\n                                                  }\"></app-error>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"lastDayWorked\">Last day you worked</label>\r\n            <p-calendar [iconAriaLabel]=\"'Last day worked'\" [showIcon]=\"true\" inputId=\"lastDayWorked\" appendTo=\"body\"\r\n              [formControl]=\"lastDayWorked\" [minDate]=\"sunDate\" [maxDate]=\"satDate\"\r\n              [defaultDate]=\"sunDate\" [selectOtherMonths]=\"true\" placeholder=\"mm/dd/yyyy\" dateFormat=\"mm/dd/yy\"\r\n              [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n            <app-error [class]=\"'app-grid'\" [field]='lastDayWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required',\r\n                dateNotBetween: 'Date should be between ' + dynamicParam.sunday_date + ' and ' + dynamicParam.saturday_date + '.'\r\n              }\"></app-error>\r\n          </div>\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 formgrid\">\r\n\r\n          \r\n\r\n          <div class=\"field\">\r\n            <label for=\"wsPhoneNumber\">Phone No.</label>\r\n            <p-inputMask inputId=\"wsPhoneNumber\" [formControl]=\"wsPhoneNumber\" mask=\"(999) 999-9999\"\r\n              unmask=\"true\"></p-inputMask>\r\n            <app-error [class]=\"'app-grid'\" [field]='wsPhoneNumber' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"wcEmpStatus\">What's your employment status with this employer?</label>\r\n            <app-dropdown inputId=\"wcEmpStatus\" [options]=\"employmentStatusOptionsAll\" optionLabel=\"text\"\r\n              optionValue=\"value\" appendTo=\"body\" [formControl]=\"wcEmpStatus\" [autoDisplayFirst]=\"false\"\r\n              inputId=\"wcEmpStatus1\"></app-dropdown><br />\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpStatus' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required', changeEmpStatus: 'If hours and earnings are both 0, employment status cannot be working-part time.' \r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO'\">\r\n            <label for=\"haveReturnToWorkDate\">Do you know when you're returning to full-time work?</label>\r\n            <p-selectButton [options]=\"yesNoOption\" [formControl]=\"haveReturnToWorkDate\" optionLabel=\"text\"\r\n              optionValue=\"value\"></p-selectButton>\r\n            <app-error [class]=\"'app-grid'\" [field]='haveReturnToWorkDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO' && haveReturnToWorkDate.value == 'Y'\">\r\n            <label for=\"wcEmpLowRtwDate\">When?</label>\r\n            <div style=\"display: flex;\">\r\n              <p-calendar [showIcon]=\"true\" inputId=\"wcEmpLowRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpLowRtwDate\"\r\n                placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                [iconAriaLabel]=\"'When?'\" [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"></p-calendar>\r\n              <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.2155' | translate | trustHtml\"\r\n                style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n            </div>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpLowRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'RTWF'\">\r\n            <label for=\"wcEmpRtwDate\">Return to work date</label>\r\n            <p-calendar [showIcon]=\"true\" inputId=\"wcEmpRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpRtwDate\"\r\n              placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\" optionValue=\"value\"\r\n              [iconAriaLabel]=\"'Return to work date'\" [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"></p-calendar>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'DCFI'\">\r\n            <label\r\n              for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label><br>\r\n            <app-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"discharged\" optionLabel=\"text\"\r\n              appendTo=\"body\" [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"discharged1\"></app-dropdown>\r\n            <app-error [class]=\"'app-grid'\" [field]='discharged' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'VOLQ'\">\r\n            <label for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label><br>\r\n            <app-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"voluntaryQuit\" optionLabel=\"text\"\r\n              appendTo=\"body\" [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"voluntaryQuit1\"></app-dropdown>\r\n            <app-error [class]=\"'app-grid'\" [field]='voluntaryQuit' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"isMS() ? false : (wcEmpStatus.value == 'VOLQ' || wcEmpStatus.value =='SUSP' || wcEmpStatus.value =='DCFI')\">\r\n            <label for=\"startDayWorked\">First day you worked</label>\r\n            <p-calendar [iconAriaLabel]=\"'Start day worked'\" [showIcon]=\"true\" inputId=\"startDayWorked\" appendTo=\"body\"\r\n              [formControl]=\"startDayWorked\" [maxDate]=\"maxStartDate\"\r\n              [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]='startDayWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required',\r\n                dateNotBetween: 'Date should be between ' + dynamicParam.sunday_date + ' and ' + dynamicParam.saturday_date + '.'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"isMS() ? false : (wcEmpStatus.value == 'VOLQ' || wcEmpStatus.value =='SUSP' || wcEmpStatus.value =='DCFI' || wcEmpStatus.value =='STLO')\">\r\n            <label for=\"jobTitle\">Job Title</label>\r\n            <input id=\"jobTitle\" type=\"input\" pInputText [formControl]=\"jobTitle\" required appStripInvisibleChars/>\r\n            <app-error [class]=\"'app-grid'\" [field]='jobTitle' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required'\r\n              }\"></app-error>\r\n          </div>\r\n        </div>\r\n        <input type=\"hidden\" [formControl]=\"hidEmpId\" />\r\n\r\n        <div class=\"field\" *ngIf=\"!isME()\">\r\n        <span (click)=\"setWageFlag($event)\" class=\"underline-blue\" style=\"cursor:pointer;\">\r\n          <b>Earnings Calculator</b>\r\n          </span>\r\n          <div *ngIf=\"wageDialog\">\r\n            <app-wage-calculator [dynamicParam]=\"dynamicParam\" [showCalculatorPopup]=\"true\" \r\n            (grossEarningsChange)=\"updateGrossEarnings($event)\" (totalHoursChange)=\"updateTotalHours($event)\"\r\n            (saveClicked)=\"onDialogSave($event)\" (cancelClicked)=\"onDialogCancel()\" [wageCalculatorSavedData]=\"wageCalculatorData\"></app-wage-calculator>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"field\">\r\n          <label for=\"wcEmpHoursWorked\">Hours worked</label><br/>\r\n          <p-inputNumber inputId=\"wcEmpHoursWorked\" [formControl]=\"wcEmpHoursWorked\" maxlength=\"10\"\r\n          mode=\"decimal\" [minFractionDigits]=\"1\" [maxFractionDigits]=\"2\"></p-inputNumber><br>\r\n          <app-error [class]=\"'app-grid'\" [field]='wcEmpHoursWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n              required: 'required', hoursPerWeekExceeded: 'total hours must not be greater than 168 for the week'\r\n            }\"></app-error>\r\n        </div>\r\n\r\n        <div class=\"field\">\r\n          <label for=\"wsEmpAmtEarned\">Total Gross Earnings</label>\r\n          <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.1000' | translate | trustHtml\"\r\n            style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info><br/>\r\n          <p-inputNumber inputId=\"wsEmpAmtEarned\" mode=\"currency\" currency=\"USD\" locale=\"en-US\"\r\n            [formControl]=\"wsEmpAmtEarned\" maxlength=\"10\" placeholder=\"$0.00\"></p-inputNumber><br>\r\n          <app-error [class]=\"'app-grid'\" [field]='wsEmpAmtEarned' [form]=\"empFormDirective\" [errDef]=\"{ \r\n              required: 'required', earningsNotZero: 'Gross Earnings cannot be zero.'\r\n            }\"></app-error>\r\n        </div>\r\n      </ion-col>\r\n    </ion-row>\r\n    <ion-row *ngIf=\"empToEdit?.isPartTimeEmployer\">\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 formgrid\">\r\n          <div class=\"field\">\r\n            <b>{{wcEmpName.value}}</b>\r\n          </div>\r\n          <section hidden>\r\n            <input type=\"hidden\" [formControl]=\"wcEmpName\" />\r\n            <input type=\"hidden\" [formControl]=\"wcEmpAddressLine1\" />\r\n            <input type=\"hidden\" [formControl]=\"wcEmpCity\" />\r\n            <input type=\"hidden\" [formControl]=\"wcEmpState\" />\r\n            <input type=\"hidden\" [formControl]=\"wsZipCode\" />\r\n            <input type=\"hidden\" [formControl]=\"wsPhoneNumber\" />\r\n            <input type=\"hidden\" [formControl]=\"hidEmpId\" />\r\n            <input type=\"hidden\" [formControl]=\"isPartTimeEmployer\" />\r\n          </section>\r\n          <div class=\"field\">\r\n            <label for=\"wcEmpStatus\">What's your employment status with this employer?</label>\r\n            <app-dropdown inputId=\"wcEmpStatus\" [options]=\"employmentStatusOptionsAll\" optionLabel=\"text\"\r\n              optionValue=\"value\" appendTo=\"body\" [formControl]=\"wcEmpStatus\" [autoDisplayFirst]=\"false\"\r\n              inputId=\"wcEmpStatus2\"></app-dropdown><br />\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpStatus' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required', changeEmpStatus: 'If hours and earnings are both 0, employment status cannot be working-part time.'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO'\">\r\n            <label for=\"haveReturnToWorkDate\">Do you know when you're returning to full-time work?</label>\r\n            <p-selectButton [options]=\"yesNoOption\" [formControl]=\"haveReturnToWorkDate\" optionLabel=\"text\"\r\n              optionValue=\"value\"></p-selectButton>\r\n            <app-error [class]=\"'app-grid'\" [field]='haveReturnToWorkDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required'\r\n                }\"></app-error>\r\n          </div>\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'LWLO' && haveReturnToWorkDate.value == 'Y'\">\r\n            <label for=\"wcEmpLowRtwDate\">When?</label>\r\n            <div style=\"display: flex;\">\r\n              <p-calendar [showIcon]=\"true\" inputId=\"wcEmpLowRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpLowRtwDate\"\r\n                placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                [iconAriaLabel]=\"'When?'\" [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"></p-calendar>\r\n              <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.2050' | translate | trustHtml\"\r\n                style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n            </div>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpLowRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'RTWF'\">\r\n            <label for=\"wcEmpRtwDate\">Return to work date</label>\r\n            <p-calendar [showIcon]=\"true\" inputId=\"wcEmpRtwDate\" appendTo=\"body\" [formControl]=\"wcEmpRtwDate\"\r\n              placeholder=\"mm/dd/yyyy\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\" optionValue=\"value\"\r\n              [iconAriaLabel]=\"'Return to work date'\" [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"></p-calendar>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpRtwDate' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'DCFI'\">\r\n            <label\r\n              for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label><br>\r\n            <app-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"discharged\" optionLabel=\"text\"\r\n              appendTo=\"body\" [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"discharged2\"></app-dropdown>\r\n            <app-error [class]=\"'app-grid'\" [field]='discharged' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'VOLQ'\">\r\n            <label for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label><br>\r\n            <app-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"voluntaryQuit\" optionLabel=\"text\"\r\n              appendTo=\"body\" [autoDisplayFirst]=\"false\" optionValue=\"value\" inputId=\"voluntaryQuit2\"></app-dropdown>\r\n            <app-error [class]=\"'app-grid'\" [field]='voluntaryQuit' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'VOLQ' || wcEmpStatus.value =='SUSP' || wcEmpStatus.value =='DCFI' || wcEmpStatus.value =='STLO'\">\r\n            <label for=\"jobTitle\">Job Title</label>\r\n            <input id=\"jobTitle\" type=\"input\" pInputText [formControl]=\"jobTitle\" appStripInvisibleChars/>\r\n            <app-error [class]=\"'app-grid'\" [field]='jobTitle' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\" *ngIf=\"wcEmpStatus.value == 'VOLQ' || wcEmpStatus.value =='SUSP' || wcEmpStatus.value =='DCFI'\">\r\n            <label for=\"startDayWorked\">First day you worked</label>\r\n            <p-calendar [iconAriaLabel]=\"'Start day worked'\" [showIcon]=\"true\" inputId=\"startDayWorked\" appendTo=\"body\"\r\n              [formControl]=\"startDayWorked\" [maxDate]=\"maxStartDate\"\r\n              [defaultDate]=\"sunDate\" [selectOtherMonths]=\"true\" placeholder=\"mm/dd/yyyy\" [monthNavigator]=\"true\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n            <app-error [class]=\"'app-grid'\" [field]='startDayWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                required: 'required',\r\n                dateNotBetween: 'Date should be between ' + dynamicParam.sunday_date + ' and ' + dynamicParam.saturday_date + '.'\r\n              }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"lastDayWorked\">Last day you worked</label>\r\n            <p-calendar [iconAriaLabel]=\"'Last day worked'\" [showIcon]=\"true\" inputId=\"lastDayWorked\" appendTo=\"body\"\r\n              [formControl]=\"lastDayWorked\" [minDate]=\"sunDate\" [maxDate]=\"satDate\" dateFormat=\"mm/dd/yy\"\r\n              [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]='lastDayWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required',\r\n                  dateNotBetween: 'Date should be between ' + dynamicParam.sunday_date + ' and ' + dynamicParam.saturday_date + '.'\r\n                }\"></app-error>\r\n          </div>\r\n          \r\n          <div class=\"field\" *ngIf=\"!isME()\">\r\n            <span (click)=\"setWageFlag($event)\" class=\"underline-blue\" style=\"cursor:pointer;\">\r\n              <b>Earnings Calculator</b>\r\n            </span>\r\n            <div *ngIf=\"wageDialog\">\r\n              <app-wage-calculator [dynamicParam]=\"dynamicParam\" [showCalculatorPopup]=\"true\"\r\n                (grossEarningsChange)=\"updateGrossEarnings($event)\" (totalHoursChange)=\"updateTotalHours($event)\"\r\n                (saveClicked)=\"onDialogSave($event)\" (cancelClicked)=\"onDialogCancel()\"\r\n                [wageCalculatorSavedData]=\"wageCalculatorData\"></app-wage-calculator>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"wcEmpHoursWorked\">Hours worked</label>\r\n            <p-inputNumber inputId=\"wcEmpHoursWorked\" [formControl]=\"wcEmpHoursWorked\" maxlength=\"10\"\r\n            mode=\"decimal\" [minFractionDigits]=\"1\" [maxFractionDigits]=\"2\"></p-inputNumber>\r\n            <app-error [class]=\"'app-grid'\" [field]='wcEmpHoursWorked' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required', hoursPerWeekExceeded: 'total hours must not be greater than 168 for the week'\r\n                }\"></app-error>\r\n          </div>\r\n\r\n          <div class=\"field\">\r\n            <label for=\"wsEmpAmtEarned\">Total Gross Earnings</label>\r\n            <app-overlay-info [overlayText]=\"'weeklies.v2.employment.rtw.info.popup.1000' | translate | trustHtml\"\r\n              style=\"padding-left: 8px; padding-top:3px\"></app-overlay-info>\r\n            <p-inputNumber inputId=\"wsEmpAmtEarned\" mode=\"currency\" currency=\"USD\" locale=\"en-US\"\r\n              [formControl]=\"wsEmpAmtEarned\" maxlength=\"10\" placeholder=\"$0.00\"></p-inputNumber>\r\n            <app-error [class]=\"'app-grid'\" [field]='wsEmpAmtEarned' [form]=\"empFormDirective\" [errDef]=\"{ \r\n                  required: 'required', earningsNotZero: 'Gross Earnings cannot be zero.'\r\n                }\"></app-error>\r\n          </div>\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\">Clear</ion-button>\r\n        <ion-button shape=\"round\" (click)=\"isEditMode ? save() : add()\" type=\"submit\">\r\n          {{ isEditMode ? 'Save' : 'Add' }}\r\n        </ion-button>\r\n      </ion-col>\r\n    </ion-row>\r\n  </ion-grid>\r\n</form>", styles: [":host ::ng-deep .p-fluid .p-buttonset{display:inline-flex!important}.underline-blue{color:#4478aa;text-decoration:underline}\n"] }]
     }], () => [{ type: UtilService }, { type: i1$4.UntypedFormBuilder }, { type: ClaimService }], { empFormDirective: [{
             type: ViewChild,
             args: ['empFormDirective', { static: false }]
@@ -35926,19 +35932,28 @@ class WeeklyCertEmployerGridComponent {
     }
     writeValue(value) {
         if (value) {
-            this.employers = value;
-            this.publishEmployer();
+            if (value.some(emp => emp.isPartTimeEmployer === true && emp.grossEarning === 0)) {
+                this.setupEmployer(value);
+            }
+            else {
+                this.employers = [...value];
+                this.publishEmployer();
+            }
         }
         else {
-            this.setupEmployer();
+            this.setupEmployer(value);
         }
     }
-    async setupEmployer() {
+    async setupEmployer(value) {
         this.wcService.fetchWeeklyEmployerDetails(this.dynamicParam['claimantId'], this.dynamicParam['claimWeekEndDate']).subscribe(res => {
             if (res && res.length > 0) {
                 this.employers = [...res];
                 this.publishEmployer();
             }
+            else {
+                this.employers = [...value];
+                this.publishEmployer();
+            }
         });
     }
     registerOnChange(fn) {
@@ -46381,7 +46396,7 @@ function WorkSearchEmployerComponentME_section_27_Template(rf, ctx) { if (rf & 1
 } }
 const _c12$1 = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
 const _c13$1 = "You can only add one entry for this activity type this week.";
-const _c14 = () => ({ required: "Required.", typeAlreadyUsed: _c13$1 });
+const _c14$1 = () => ({ required: "Required.", typeAlreadyUsed: _c13$1 });
 class WorkSearchEmployerComponentME {
     constructor(wcService, formBuilder, util) {
         this.wcService = wcService;
@@ -47043,7 +47058,7 @@ class WorkSearchEmployerComponentME {
             i0.ɵɵproperty("options", ctx.activityTypeCombo)("formControl", ctx.activityType);
             i0.ɵɵadvance(1);
             i0.ɵɵclassMap("app-grid");
-            i0.ɵɵproperty("field", ctx.activityType)("form", _r0)("errDef", i0.ɵɵpureFunction0(36, _c14));
+            i0.ɵɵproperty("field", ctx.activityType)("form", _r0)("errDef", i0.ɵɵpureFunction0(36, _c14$1));
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.displayWorkingForAnEmployerQuestions);
             i0.ɵɵadvance(1);
@@ -47096,9 +47111,9 @@ class WorkSearchEmployerComponentME {
 const _c0$8 = ["wsrFormDirective"];
 const _c1$8 = () => ({ required: "Required.", pattern: "%, <, >, ^, _, {, } are not allowed" });
 const _c2$5 = "Only letters, numbers, spaces, commas, periods, apostrophes, hyphens, # and / allowed";
-const _c3$4 = () => ({ required: "Required.", pattern: _c2$5 });
+const _c3$4 = () => ({ required: "Required.", pattern: _c2$5, maxlength: "cannot exceed 40 characters" });
 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 });
+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) {
@@ -47253,7 +47268,7 @@ function WorkSearchEmployerComponentMS_section_20_div_9_Template(rf, ctx) { if (
     i0.ɵɵclassMap("app-grid");
     i0.ɵɵproperty("field", ctx_r10.employerPhone)("form", _r0)("errDef", i0.ɵɵpureFunction0(9, _c6$2));
 } }
-const _c9$1 = () => ({ required: "Required.", employerEmail: "Invalid email address." });
+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);
     i0.ɵɵtext(2);
@@ -47272,7 +47287,7 @@ function WorkSearchEmployerComponentMS_section_20_div_10_Template(rf, ctx) { if
     i0.ɵɵclassMap("app-grid");
     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" });
+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);
     i0.ɵɵtext(2);
@@ -47291,6 +47306,7 @@ function WorkSearchEmployerComponentMS_section_20_div_11_Template(rf, ctx) { if
     i0.ɵɵclassMap("app-grid");
     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);
     i0.ɵɵtext(2);
@@ -47307,7 +47323,7 @@ function WorkSearchEmployerComponentMS_section_20_div_12_Template(rf, ctx) { if
     i0.ɵɵproperty("formControl", ctx_r13.empContactPersonName);
     i0.ɵɵadvance(1);
     i0.ɵɵclassMap("app-grid");
-    i0.ɵɵproperty("field", ctx_r13.empContactPersonName)("form", _r0)("errDef", i0.ɵɵpureFunction0(9, _c6$2));
+    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);
@@ -47325,7 +47341,7 @@ function WorkSearchEmployerComponentMS_section_20_div_13_Template(rf, ctx) { if
     i0.ɵɵproperty("formControl", ctx_r14.empContactPersonTitle);
     i0.ɵɵadvance(1);
     i0.ɵɵclassMap("app-grid");
-    i0.ɵɵproperty("field", ctx_r14.empContactPersonTitle)("form", _r0)("errDef", i0.ɵɵpureFunction0(9, _c6$2));
+    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) {
     i0.ɵɵelementStart(0, "div");
@@ -47353,8 +47369,8 @@ function WorkSearchEmployerComponentMS_section_20_div_19_Template(rf, ctx) { if
     i0.ɵɵclassMap("app-grid");
     i0.ɵɵproperty("field", ctx_r16.searchResult)("form", _r0)("errDef", i0.ɵɵpureFunction0(7, _c6$2));
 } }
-const _c11 = "Job Title can only contain letters, spaces, and hyphens";
-const _c12 = () => ({ required: "Required.", pattern: _c11 });
+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);
     i0.ɵɵtext(3);
@@ -47378,7 +47394,7 @@ function WorkSearchEmployerComponentMS_section_20_Template(rf, ctx) { if (rf & 1
     i0.ɵɵproperty("formControl", ctx_r3.positionAppliedFor);
     i0.ɵɵadvance(1);
     i0.ɵɵclassMap("app-grid");
-    i0.ɵɵproperty("field", ctx_r3.positionAppliedFor)("form", _r0)("errDef", i0.ɵɵpureFunction0(21, _c12));
+    i0.ɵɵproperty("field", ctx_r3.positionAppliedFor)("form", _r0)("errDef", i0.ɵɵpureFunction0(21, _c13));
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r3.displayJobApplicationQuestions);
     i0.ɵɵadvance(1);
@@ -47400,7 +47416,7 @@ function WorkSearchEmployerComponentMS_section_20_Template(rf, ctx) { if (rf & 1
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r3.activityType.value == "JOSE");
 } }
-const _c13 = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
+const _c14 = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
 class WorkSearchEmployerComponentMS extends BasePage {
     constructor(wcService, formBuilder, util) {
         super();
@@ -47524,13 +47540,13 @@ class WorkSearchEmployerComponentMS extends BasePage {
             this.displayJobSearchQuestions = false;
             this.employerName.addValidators([Validators.required, Validators.pattern(/^(?!.*[%<>\^_{}])[A-Za-z0-9\s\.,&'()#!@:$\/\\\-\+?"]+$/)]);
             this.employerName.updateValueAndValidity();
-            this.line1.addValidators([Validators.required, Validators.pattern(/^[0-9A-Za-z\s,'\-\.#\/]+$/)]);
+            this.line1.addValidators([Validators.required, Validators.pattern(/^[0-9A-Za-z\s,'\-\.#\/]+$/), Validators.maxLength(50)]);
             this.line1.updateValueAndValidity();
-            this.city.addValidators([Validators.required, Validators.pattern(/^(?!-)[A-Za-z -]*$/)]);
+            this.city.addValidators([Validators.required, Validators.pattern(/^(?!-)[A-Za-z -]*$/), Validators.maxLength(30)]);
             this.city.updateValueAndValidity();
             this.util.setRequiredValidator(this.state);
             this.util.setRequiredValidator(this.zip);
-            this.positionAppliedFor.addValidators([Validators.required, Validators.pattern(/^(?!-)[A-Za-z0-9 -]*$/)]);
+            this.positionAppliedFor.addValidators([Validators.required, Validators.pattern(/^(?!-)[A-Za-z0-9 -]*$/), Validators.maxLength(50)]);
             this.positionAppliedFor.updateValueAndValidity();
             this.util.setRequiredValidator(this.contactMethod);
             this.util.setRequiredValidator(this.searchResult);
@@ -47540,13 +47556,13 @@ class WorkSearchEmployerComponentMS extends BasePage {
             this.displayJobApplicationQuestions = false;
             this.employerName.addValidators([Validators.required, Validators.pattern(/^(?!.*[%<>\^_{}])[A-Za-z0-9\s\.,&'()#!@:$\/\\\-\+?"]+$/)]);
             this.employerName.updateValueAndValidity();
-            this.line1.addValidators([Validators.required, Validators.pattern(/^[0-9A-Za-z\s,'\-\.#\/]+$/)]);
+            this.line1.addValidators([Validators.required, Validators.pattern(/^[0-9A-Za-z\s,'\-\.#\/]+$/), Validators.maxLength(50)]);
             this.line1.updateValueAndValidity();
-            this.city.addValidators([Validators.required, Validators.pattern(/^(?!-)[A-Za-z -]*$/)]);
+            this.city.addValidators([Validators.required, Validators.pattern(/^(?!-)[A-Za-z -]*$/), Validators.maxLength(30)]);
             this.city.updateValueAndValidity();
             this.util.setRequiredValidator(this.state);
             this.util.setRequiredValidator(this.zip);
-            this.positionAppliedFor.addValidators([Validators.required, Validators.pattern(/^(?!-)[A-Za-z0-9 -]*$/)]);
+            this.positionAppliedFor.addValidators([Validators.required, Validators.pattern(/^(?!-)[A-Za-z0-9 -]*$/), Validators.maxLength(50)]);
             this.positionAppliedFor.updateValueAndValidity();
             this.util.setRequiredValidator(this.contactMethod);
             this.util.setRequiredValidator(this.searchResult);
@@ -47562,7 +47578,7 @@ class WorkSearchEmployerComponentMS extends BasePage {
                 this.util.clearValidation(this.employerWebsite);
             }
             if (val == 'EMAL') {
-                this.util.setValidation(this.employerEmail, [Validators.required, Validators.email]);
+                this.util.setValidation(this.employerEmail, [Validators.required, Validators.email, Validators.maxLength(40)]);
                 this.util.clearValidation(this.employerPhone);
                 this.util.clearValidation(this.empContactPersonName);
                 this.util.clearValidation(this.empContactPersonTitle);
@@ -47570,15 +47586,15 @@ class WorkSearchEmployerComponentMS extends BasePage {
             }
             if (val == 'ONLI') {
                 this.util.setRequiredValidator(this.employerWebsite);
-                this.util.setValidation(this.employerWebsite, [Validators.required, AppValidators$1.isValidWebsite]);
+                this.util.setValidation(this.employerWebsite, [Validators.required, AppValidators$1.isValidWebsite, Validators.maxLength(40)]);
                 this.util.clearValidation(this.employerEmail);
                 this.util.clearValidation(this.employerPhone);
                 this.util.clearValidation(this.empContactPersonName);
                 this.util.clearValidation(this.empContactPersonTitle);
             }
             if (val == 'PRSN') {
-                this.util.setRequiredValidator(this.empContactPersonName);
-                this.util.setRequiredValidator(this.empContactPersonTitle);
+                this.util.setValidation(this.empContactPersonName, [Validators.required, Validators.maxLength(50)]);
+                this.util.setValidation(this.empContactPersonTitle, [Validators.required, Validators.maxLength(50)]);
                 this.util.clearValidation(this.employerWebsite);
                 this.util.clearValidation(this.employerEmail);
                 this.util.clearValidation(this.employerPhone);
@@ -47675,7 +47691,7 @@ 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", "", "maxlength", "40", "appStripInvisibleChars", "", 3, "formControl"], ["for", "city"], ["id", "city", "type", "input", "pInputText", "", "maxlength", "30", "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", "", "maxlength", "50", "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: 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) {
             i0.ɵɵelementStart(0, "p-dialog", 0)(1, "h4", 1);
             i0.ɵɵtext(2);
             i0.ɵɵpipe(3, "translate");
@@ -47703,7 +47719,7 @@ class WorkSearchEmployerComponentMS extends BasePage {
             i0.ɵɵelementEnd()()()()()();
         } if (rf & 2) {
             const _r0 = i0.ɵɵreference(5);
-            i0.ɵɵproperty("showHeader", false)("breakpoints", i0.ɵɵpureFunction0(26, _c13));
+            i0.ɵɵproperty("showHeader", false)("breakpoints", i0.ɵɵpureFunction0(26, _c14));
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 17, "work.search.journal.activity.heading", ctx.dynamicParam));
             i0.ɵɵadvance(2);
@@ -47729,7 +47745,7 @@ class WorkSearchEmployerComponentMS extends BasePage {
 }
 (() => { (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\" maxlength=\"40\" 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                }\"></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\" maxlength=\"30\" 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                }\"></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\"  maxlength=\"50\" 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                }\"></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                }\"></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                }\"></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                }\"></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                }\"></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  <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 }]