@uiapplib/ngx-ui-web-lib 0.0.38 → 0.0.39

package/fesm2022/uiapplib-ngx-ui-web-lib.mjs

@@ -44418,25 +44418,25 @@ class EventService extends BaseService {
     }], () => [{ type: i1$2.HttpClient }], null); })();
 
 function HistoryPageComponent_app_multi_questionnaire_0_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-multi-questionnaire", 12);
-    i0.ɵɵlistener("modelCancel", function HistoryPageComponent_app_multi_questionnaire_0_Template_app_multi_questionnaire_modelCancel_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.closeQe()); })("onComplete", function HistoryPageComponent_app_multi_questionnaire_0_Template_app_multi_questionnaire_onComplete_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.quSuccess()); });
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-multi-questionnaire", 16);
+    i0.ɵɵlistener("modelCancel", function HistoryPageComponent_app_multi_questionnaire_0_Template_app_multi_questionnaire_modelCancel_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.closeQe()); })("onComplete", function HistoryPageComponent_app_multi_questionnaire_0_Template_app_multi_questionnaire_onComplete_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.quSuccess()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("qeQueryModels", ctx_r0.qeQueryModels);
 } }
 function HistoryPageComponent_app_proof_of_anything_1_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "app-proof-of-anything", 13);
-    i0.ɵɵlistener("cancel", function HistoryPageComponent_app_proof_of_anything_1_Template_app_proof_of_anything_cancel_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.closeUploadPopup()); })("success", function HistoryPageComponent_app_proof_of_anything_1_Template_app_proof_of_anything_success_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.uploadPopupDone()); });
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "app-proof-of-anything", 17);
+    i0.ɵɵlistener("cancel", function HistoryPageComponent_app_proof_of_anything_1_Template_app_proof_of_anything_cancel_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.closeUploadPopup()); })("success", function HistoryPageComponent_app_proof_of_anything_1_Template_app_proof_of_anything_success_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.uploadPopupDone()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("uploadTypeId", ctx_r1.uploadTypeId)("employerDataModel", ctx_r1.employerDataModel)("data", ctx_r1.dataModel);
 } }
 function HistoryPageComponent_app_dashboard_help_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "app-dashboard-help", 14);
+    i0.ɵɵelement(0, "app-dashboard-help", 18);
 } if (rf & 2) {
     i0.ɵɵproperty("activeIndex", 0);
 } }
@@ -44445,39 +44445,39 @@ function HistoryPageComponent_div_12_ng_template_5_span_1_Template(rf, ctx) { if
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r16 = i0.ɵɵnextContext().$implicit;
+    const item_r15 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(item_r16.desc);
+    i0.ɵɵtextInterpolate(item_r15.desc);
 } }
 const _c0$b = a1 => ["far", a1];
 function HistoryPageComponent_div_12_ng_template_5_fa_icon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "fa-icon", 22);
+    i0.ɵɵelement(0, "fa-icon", 26);
 } if (rf & 2) {
-    const item_r16 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(1, _c0$b, item_r16.icon));
+    const item_r15 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(1, _c0$b, item_r15.icon));
 } }
 function HistoryPageComponent_div_12_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵtemplate(1, HistoryPageComponent_div_12_ng_template_5_span_1_Template, 2, 1, "span", 20)(2, HistoryPageComponent_div_12_ng_template_5_fa_icon_2_Template, 1, 3, "fa-icon", 21);
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵtemplate(1, HistoryPageComponent_div_12_ng_template_5_span_1_Template, 2, 1, "span", 24)(2, HistoryPageComponent_div_12_ng_template_5_fa_icon_2_Template, 1, 3, "fa-icon", 25);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r16 = ctx.$implicit;
-    i0.ɵɵproperty("pTooltip", item_r16.desc);
-    i0.ɵɵattribute("aria-label", item_r16.desc);
+    const item_r15 = ctx.$implicit;
+    i0.ɵɵproperty("pTooltip", item_r15.desc);
+    i0.ɵɵattribute("aria-label", item_r15.desc);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !item_r16.icon);
+    i0.ɵɵproperty("ngIf", !item_r15.icon);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r16.icon);
+    i0.ɵɵproperty("ngIf", item_r15.icon);
 } }
 function HistoryPageComponent_div_12_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 15)(1, "label", 16);
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 19)(1, "label", 20);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(3, "br");
-    i0.ɵɵelementStart(4, "p-selectButton", 17);
-    i0.ɵɵlistener("ngModelChange", function HistoryPageComponent_div_12_Template_p_selectButton_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r21 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r21.time = $event); })("onChange", function HistoryPageComponent_div_12_Template_p_selectButton_onChange_4_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r23 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r23.handleChange($event)); });
-    i0.ɵɵtemplate(5, HistoryPageComponent_div_12_ng_template_5_Template, 3, 4, "ng-template", 18);
+    i0.ɵɵelementStart(4, "p-selectButton", 21);
+    i0.ɵɵlistener("ngModelChange", function HistoryPageComponent_div_12_Template_p_selectButton_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r20 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r20.time = $event); })("onChange", function HistoryPageComponent_div_12_Template_p_selectButton_onChange_4_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r22 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r22.handleChange($event)); });
+    i0.ɵɵtemplate(5, HistoryPageComponent_div_12_ng_template_5_Template, 3, 4, "ng-template", 22);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
@@ -44491,38 +44491,38 @@ function HistoryPageComponent_div_14_ng_template_5_span_1_Template(rf, ctx) { if
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r25 = i0.ɵɵnextContext().$implicit;
+    const item_r24 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(item_r25.altDesc);
+    i0.ɵɵtextInterpolate(item_r24.altDesc);
 } }
 function HistoryPageComponent_div_14_ng_template_5_fa_icon_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "fa-icon", 22);
+    i0.ɵɵelement(0, "fa-icon", 26);
 } if (rf & 2) {
-    const item_r25 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(1, _c0$b, item_r25.icon));
+    const item_r24 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(1, _c0$b, item_r24.icon));
 } }
 function HistoryPageComponent_div_14_ng_template_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19);
-    i0.ɵɵtemplate(1, HistoryPageComponent_div_14_ng_template_5_span_1_Template, 2, 1, "span", 20)(2, HistoryPageComponent_div_14_ng_template_5_fa_icon_2_Template, 1, 3, "fa-icon", 21);
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵtemplate(1, HistoryPageComponent_div_14_ng_template_5_span_1_Template, 2, 1, "span", 24)(2, HistoryPageComponent_div_14_ng_template_5_fa_icon_2_Template, 1, 3, "fa-icon", 25);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r25 = ctx.$implicit;
-    i0.ɵɵproperty("pTooltip", item_r25.desc);
-    i0.ɵɵattribute("aria-label", item_r25.desc);
+    const item_r24 = ctx.$implicit;
+    i0.ɵɵproperty("pTooltip", item_r24.desc);
+    i0.ɵɵattribute("aria-label", item_r24.desc);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !item_r25.icon);
+    i0.ɵɵproperty("ngIf", !item_r24.icon);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r25.icon);
+    i0.ɵɵproperty("ngIf", item_r24.icon);
 } }
 function HistoryPageComponent_div_14_Template(rf, ctx) { if (rf & 1) {
-    const _r31 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 23)(1, "label");
+    const _r30 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 27)(1, "label");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(3, "br");
-    i0.ɵɵelementStart(4, "p-selectButton", 24);
-    i0.ɵɵlistener("ngModelChange", function HistoryPageComponent_div_14_Template_p_selectButton_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r30 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r30.filter = $event); })("onChange", function HistoryPageComponent_div_14_Template_p_selectButton_onChange_4_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r32 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r32.handleChange($event)); });
-    i0.ɵɵtemplate(5, HistoryPageComponent_div_14_ng_template_5_Template, 3, 4, "ng-template", 18);
+    i0.ɵɵelementStart(4, "p-selectButton", 28);
+    i0.ɵɵlistener("ngModelChange", function HistoryPageComponent_div_14_Template_p_selectButton_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r29 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r29.filter = $event); })("onChange", function HistoryPageComponent_div_14_Template_p_selectButton_onChange_4_listener($event) { i0.ɵɵrestoreView(_r30); const ctx_r31 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r31.handleChange($event)); });
+    i0.ɵɵtemplate(5, HistoryPageComponent_div_14_ng_template_5_Template, 3, 4, "ng-template", 22);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext();
@@ -44533,115 +44533,115 @@ function HistoryPageComponent_div_14_Template(rf, ctx) { if (rf & 1) {
 } }
 function HistoryPageComponent_p_timeline_16_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
-    i0.ɵɵelement(1, "fa-icon", 28);
+    i0.ɵɵelement(1, "fa-icon", 32);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const hist_r35 = ctx.$implicit;
-    i0.ɵɵstyleProp("color", hist_r35.color);
+    const hist_r34 = ctx.$implicit;
+    i0.ɵɵstyleProp("color", hist_r34.color);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$b, hist_r35.icon));
+    i0.ɵɵproperty("icon", i0.ɵɵpureFunction1(3, _c0$b, hist_r34.icon));
 } }
 function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_1_span_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
-    i0.ɵɵelement(1, "fa-icon", 28);
+    i0.ɵɵelement(1, "fa-icon", 32);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const history_r38 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r42 = i0.ɵɵnextContext(3);
-    i0.ɵɵstyleProp("color", history_r38.color);
+    const history_r37 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r41 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("color", history_r37.color);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("icon", ctx_r42.getIcon(history_r38));
+    i0.ɵɵproperty("icon", ctx_r41.getIcon(history_r37));
 } }
 function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ion-row", 34)(1, "ion-col", 35)(2, "span", 36);
+    i0.ɵɵelementStart(0, "ion-row", 38)(1, "ion-col", 39)(2, "span", 40);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "ion-col", 37)(5, "span", 36);
+    i0.ɵɵelementStart(4, "ion-col", 41)(5, "span", 40);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "ion-col", 38);
-    i0.ɵɵtemplate(8, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_1_span_8_Template, 2, 3, "span", 39);
+    i0.ɵɵelementStart(7, "ion-col", 42);
+    i0.ɵɵtemplate(8, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_1_span_8_Template, 2, 3, "span", 43);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const history_r38 = i0.ɵɵnextContext().$implicit;
-    const ctx_r40 = i0.ɵɵnextContext(3);
+    const history_r37 = i0.ɵɵnextContext().$implicit;
+    const ctx_r39 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("color", history_r38.color);
+    i0.ɵɵstyleProp("color", history_r37.color);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(history_r38.eventDate);
+    i0.ɵɵtextInterpolate(history_r37.eventDate);
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("color", history_r38.color);
+    i0.ɵɵstyleProp("color", history_r37.color);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", history_r38.title, " ");
+    i0.ɵɵtextInterpolate1(" ", history_r37.title, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r40.getIcon(history_r38));
+    i0.ɵɵproperty("ngIf", ctx_r39.getIcon(history_r37));
 } }
 function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r48 = i0.ɵɵgetCurrentView();
+    const _r47 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵelement(1, "br")(2, "br");
-    i0.ɵɵelementStart(3, "div", 41)(4, "ion-button", 42);
-    i0.ɵɵlistener("click", function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_div_1_Template_ion_button_click_4_listener() { i0.ɵɵrestoreView(_r48); const history_r38 = i0.ɵɵnextContext(2).$implicit; const ctx_r46 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r46.open(history_r38)); });
+    i0.ɵɵelementStart(3, "div", 45)(4, "ion-button", 46);
+    i0.ɵɵlistener("click", function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_div_1_Template_ion_button_click_4_listener() { i0.ɵɵrestoreView(_r47); const history_r37 = i0.ɵɵnextContext(2).$implicit; const ctx_r45 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r45.open(history_r37)); });
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const history_r38 = i0.ɵɵnextContext(2).$implicit;
+    const history_r37 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵstyleMapInterpolate2("--color: ", history_r38.button.color, "; --border-color: ", history_r38.button.color, "; --border-width: 2px");
-    i0.ɵɵattribute("aria-label", "go to" + history_r38.button.buttonText);
+    i0.ɵɵstyleMapInterpolate2("--color: ", history_r37.button.color, "; --border-color: ", history_r37.button.color, "; --border-width: 2px");
+    i0.ɵɵattribute("aria-label", "go to" + history_r37.button.buttonText);
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1("", history_r38.button.buttonText, " ");
+    i0.ɵɵtextInterpolate1("", history_r37.button.buttonText, " ");
 } }
 function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 40);
-    i0.ɵɵtemplate(1, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_div_1_Template, 6, 6, "div", 20);
+    i0.ɵɵelement(0, "span", 44);
+    i0.ɵɵtemplate(1, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_div_1_Template, 6, 6, "div", 24);
 } if (rf & 2) {
-    const history_r38 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("innerHtml", history_r38.desc, i0.ɵɵsanitizeHtml);
+    const history_r37 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("innerHtml", history_r37.desc, i0.ɵɵsanitizeHtml);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", history_r38.button != null);
+    i0.ɵɵproperty("ngIf", history_r37.button != null);
 } }
 function HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p-accordionTab", 32);
-    i0.ɵɵtemplate(1, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_1_Template, 9, 7, "ng-template", 33)(2, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_Template, 2, 2, "ng-template", 27);
+    i0.ɵɵelementStart(0, "p-accordionTab", 36);
+    i0.ɵɵtemplate(1, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_1_Template, 9, 7, "ng-template", 37)(2, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_ng_template_2_Template, 2, 2, "ng-template", 31);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const history_r38 = ctx.$implicit;
-    const i_r39 = ctx.index;
-    const ctx_r37 = i0.ɵɵnextContext(3);
-    i0.ɵɵproperty("selected", ctx_r37.isValueSelected(history_r38, i_r39));
+    const history_r37 = ctx.$implicit;
+    const i_r38 = ctx.index;
+    const ctx_r36 = i0.ɵɵnextContext(3);
+    i0.ɵɵproperty("selected", ctx_r36.isValueSelected(history_r37, i_r38));
 } }
 function HistoryPageComponent_p_timeline_16_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h1", 29);
+    i0.ɵɵelementStart(0, "h1", 33);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "p-accordion", 30);
-    i0.ɵɵtemplate(3, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_Template, 3, 1, "p-accordionTab", 31);
+    i0.ɵɵelementStart(2, "p-accordion", 34);
+    i0.ɵɵtemplate(3, HistoryPageComponent_p_timeline_16_ng_template_2_p_accordionTab_3_Template, 3, 1, "p-accordionTab", 35);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(4, "br");
 } if (rf & 2) {
-    const hist_r36 = ctx.$implicit;
+    const hist_r35 = ctx.$implicit;
     i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(hist_r36.year);
+    i0.ɵɵtextInterpolate(hist_r35.year);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", hist_r36.history);
+    i0.ɵɵproperty("ngForOf", hist_r35.history);
 } }
 function HistoryPageComponent_p_timeline_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p-timeline", 25);
-    i0.ɵɵtemplate(1, HistoryPageComponent_p_timeline_16_ng_template_1_Template, 2, 5, "ng-template", 26)(2, HistoryPageComponent_p_timeline_16_ng_template_2_Template, 5, 2, "ng-template", 27);
+    i0.ɵɵelementStart(0, "p-timeline", 29);
+    i0.ɵɵtemplate(1, HistoryPageComponent_p_timeline_16_ng_template_1_Template, 2, 5, "ng-template", 30)(2, HistoryPageComponent_p_timeline_16_ng_template_2_Template, 5, 2, "ng-template", 31);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r5 = i0.ɵɵnextContext();
     i0.ɵɵproperty("value", ctx_r5.filteredHistories);
 } }
 function HistoryPageComponent_div_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 43);
-    i0.ɵɵelement(1, "ion-spinner", 44);
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵelement(1, "ion-spinner", 48);
     i0.ɵɵelementEnd();
 } }
 function HistoryPageComponent_div_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 45);
-    i0.ɵɵelement(1, "fa-icon", 46);
+    i0.ɵɵelementStart(0, "div", 49);
+    i0.ɵɵelement(1, "fa-icon", 50);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3);
     i0.ɵɵpipe(4, "translate");
@@ -44654,22 +44654,6 @@ function HistoryPageComponent_div_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 2, "No history present."));
 } }
 const _c1$b = () => ["fas", "external-link-alt"];
-function HistoryPageComponent_div_19_Template(rf, ctx) { if (rf & 1) {
-    const _r52 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 47)(1, "div", 48)(2, "span", 49)(3, "strong");
-    i0.ɵɵtext(4);
-    i0.ɵɵpipe(5, "translate");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "ion-button", 50);
-    i0.ɵɵlistener("click", function HistoryPageComponent_div_19_Template_ion_button_click_6_listener() { i0.ɵɵrestoreView(_r52); const ctx_r51 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r51.openOldRecords()); });
-    i0.ɵɵelement(7, "fa-icon", 51);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 2, "To view prior unemployment history click here"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(4, _c1$b));
-} }
 class HistoryPageComponent {
     constructor(es, hs, util, nav, ls, translate, logger, activatedRoute) {
         this.es = es;
@@ -44961,7 +44945,7 @@ class HistoryPageComponent {
         }
     }
     static { this.ɵfac = function HistoryPageComponent_Factory(t) { return new (t || HistoryPageComponent)(i0.ɵɵdirectiveInject(EventService), i0.ɵɵdirectiveInject(HelpService), i0.ɵɵdirectiveInject(UtilService), i0.ɵɵdirectiveInject(i4.NavController), i0.ɵɵdirectiveInject(LoginService), i0.ɵɵdirectiveInject(i3$1.TranslateService), i0.ɵɵdirectiveInject(LoggerService), i0.ɵɵdirectiveInject(i3.ActivatedRoute)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HistoryPageComponent, selectors: [["app-history-page"]], decls: 21, vars: 9, consts: [[3, "qeQueryModels", "modelCancel", "onComplete", 4, "ngIf"], [3, "uploadTypeId", "employerDataModel", "data", "cancel", "success", 4, "ngIf"], [3, "activeIndex", 4, "ngIf"], ["size", "12", "sizeXl", "8", "sizeLg", "8", "sizeMd", "10", "offsetXl", "2", "offsetLg", "2", "offsetMd", "1"], ["size", "3"], ["class", "ion-text-left field", 4, "ngIf"], ["size", "9"], ["class", "ion-text-right field", 4, "ngIf"], [3, "value", 4, "ngIf"], ["class", "ion-text-center", 4, "ngIf"], ["class", "ion-padding-top ion-text-center app-accordian-body", 4, "ngIf"], ["style", "padding-left: 5%;", 4, "ngIf"], [3, "qeQueryModels", "modelCancel", "onComplete"], [3, "uploadTypeId", "employerDataModel", "data", "cancel", "success"], [3, "activeIndex"], [1, "ion-text-left", "field"], ["for", "timeline", "id", "lblTimeline"], ["optionLabel", "desc", 3, "options", "ngModel", "ariaLabelledBy", "ngModelChange", "onChange"], ["pTemplate", ""], ["tooltipPosition", "bottom", "tabindex", "0", "role", "note", 3, "pTooltip"], [4, "ngIf"], [3, "icon", 4, "ngIf"], [3, "icon"], [1, "ion-text-right", "field"], ["optionLabel", "icon", 3, "options", "ngModel", "ngModelChange", "onChange"], [3, "value"], ["pTemplate", "marker"], ["pTemplate", "content"], [1, "custom-marker", 3, "icon"], [1, "app-accordian-heading", 2, "margin-top", "0px", "font-weight", "bold"], ["expandIcon", "pi pi-fw pi-chevron-up", "collapseIcon", "pi pi-fw pi-chevron-up"], [3, "selected", 4, "ngFor", "ngForOf"], [3, "selected"], ["pTemplate", "header"], [2, "width", "-webkit-fill-available"], ["size", "12", "sizeXl", "3", "sizeLg", "3", "sizeMd", "3", 1, "ion-text-left"], [1, "app-accordian-heading"], ["size", "11", "sizeXl", "8", "sizeLg", "8", "sizeMd", "8", 1, "app-text-align"], ["size", "1", 1, "ion-text-center"], [3, "color", 4, "ngIf"], [1, "app-accordian-body", 3, "innerHtml"], [1, "ion-text-right"], ["fill", "outline", "shape", "round", 1, "small-button", 3, "click"], [1, "ion-text-center"], ["name", "dots"], [1, "ion-padding-top", "ion-text-center", "app-accordian-body"], [1, "large-icon", 3, "icon"], [2, "padding-left", "5%"], [1, "horizontal-align"], [1, "app-accordian-body"], ["aria-label", "view old records", "fill", "outline", "size", "small", 1, "action-button", 3, "click"], [1, "external-link-icon", 3, "icon"]], template: function HistoryPageComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HistoryPageComponent, selectors: [["app-history-page"]], decls: 28, vars: 13, consts: [[3, "qeQueryModels", "modelCancel", "onComplete", 4, "ngIf"], [3, "uploadTypeId", "employerDataModel", "data", "cancel", "success", 4, "ngIf"], [3, "activeIndex", 4, "ngIf"], ["size", "12", "sizeXl", "8", "sizeLg", "8", "sizeMd", "10", "offsetXl", "2", "offsetLg", "2", "offsetMd", "1"], ["size", "3"], ["class", "ion-text-left field", 4, "ngIf"], ["size", "9"], ["class", "ion-text-right field", 4, "ngIf"], [3, "value", 4, "ngIf"], ["class", "ion-text-center", 4, "ngIf"], ["class", "ion-padding-top ion-text-center app-accordian-body", 4, "ngIf"], [2, "padding-left", "5%"], [1, "horizontal-align"], [1, "app-accordian-body"], ["aria-label", "view old records", "fill", "outline", "size", "small", 1, "action-button", 3, "click"], [1, "external-link-icon", 3, "icon"], [3, "qeQueryModels", "modelCancel", "onComplete"], [3, "uploadTypeId", "employerDataModel", "data", "cancel", "success"], [3, "activeIndex"], [1, "ion-text-left", "field"], ["for", "timeline", "id", "lblTimeline"], ["optionLabel", "desc", 3, "options", "ngModel", "ariaLabelledBy", "ngModelChange", "onChange"], ["pTemplate", ""], ["tooltipPosition", "bottom", "tabindex", "0", "role", "note", 3, "pTooltip"], [4, "ngIf"], [3, "icon", 4, "ngIf"], [3, "icon"], [1, "ion-text-right", "field"], ["optionLabel", "icon", 3, "options", "ngModel", "ngModelChange", "onChange"], [3, "value"], ["pTemplate", "marker"], ["pTemplate", "content"], [1, "custom-marker", 3, "icon"], [1, "app-accordian-heading", 2, "margin-top", "0px", "font-weight", "bold"], ["expandIcon", "pi pi-fw pi-chevron-up", "collapseIcon", "pi pi-fw pi-chevron-up"], [3, "selected", 4, "ngFor", "ngForOf"], [3, "selected"], ["pTemplate", "header"], [2, "width", "-webkit-fill-available"], ["size", "12", "sizeXl", "3", "sizeLg", "3", "sizeMd", "3", 1, "ion-text-left"], [1, "app-accordian-heading"], ["size", "11", "sizeXl", "8", "sizeLg", "8", "sizeMd", "8", 1, "app-text-align"], ["size", "1", 1, "ion-text-center"], [3, "color", 4, "ngIf"], [1, "app-accordian-body", 3, "innerHtml"], [1, "ion-text-right"], ["fill", "outline", "shape", "round", 1, "small-button", 3, "click"], [1, "ion-text-center"], ["name", "dots"], [1, "ion-padding-top", "ion-text-center", "app-accordian-body"], [1, "large-icon", 3, "icon"]], template: function HistoryPageComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, HistoryPageComponent_app_multi_questionnaire_0_Template, 1, 1, "app-multi-questionnaire", 0)(1, HistoryPageComponent_app_proof_of_anything_1_Template, 1, 3, "app-proof-of-anything", 1)(2, HistoryPageComponent_app_dashboard_help_2_Template, 1, 1, "app-dashboard-help", 2);
             i0.ɵɵelementStart(3, "ion-grid")(4, "ion-row")(5, "ion-col", 3)(6, "h1");
             i0.ɵɵtext(7, "Your unemployment history");
@@ -44973,8 +44957,16 @@ class HistoryPageComponent {
             i0.ɵɵtemplate(14, HistoryPageComponent_div_14_Template, 6, 3, "div", 7);
             i0.ɵɵelementEnd()();
             i0.ɵɵelement(15, "br");
-            i0.ɵɵtemplate(16, HistoryPageComponent_p_timeline_16_Template, 3, 1, "p-timeline", 8)(17, HistoryPageComponent_div_17_Template, 2, 0, "div", 9)(18, HistoryPageComponent_div_18_Template, 5, 6, "div", 10)(19, HistoryPageComponent_div_19_Template, 8, 5, "div", 11);
-            i0.ɵɵelement(20, "br");
+            i0.ɵɵtemplate(16, HistoryPageComponent_p_timeline_16_Template, 3, 1, "p-timeline", 8)(17, HistoryPageComponent_div_17_Template, 2, 0, "div", 9)(18, HistoryPageComponent_div_18_Template, 5, 6, "div", 10);
+            i0.ɵɵelementStart(19, "div", 11)(20, "div", 12)(21, "span", 13)(22, "strong");
+            i0.ɵɵtext(23);
+            i0.ɵɵpipe(24, "translate");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(25, "ion-button", 14);
+            i0.ɵɵlistener("click", function HistoryPageComponent_Template_ion_button_click_25_listener() { return ctx.openOldRecords(); });
+            i0.ɵɵelement(26, "fa-icon", 15);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelement(27, "br");
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isOpenQe);
@@ -44992,13 +44984,15 @@ class HistoryPageComponent {
             i0.ɵɵproperty("ngIf", ctx.isLoading);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", (!ctx.filteredHistories || ctx.filteredHistories.length < 1) && !ctx.isLoading);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", !ctx.isLoading && ctx.showOlderRecordsLink);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(24, 10, "To view your claim summary and weekly pay status click here"));
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("icon", i0.ɵɵpureFunction0(12, _c1$b));
         } }, dependencies: [i4.IonButton, i4.IonCol, i4.IonGrid, i4.IonRow, i4.IonSpinner, i5$1.NgForOf, i5$1.NgIf, i6.PrimeTemplate, i7.Tooltip, i1$4.NgControlStatus, i1$4.NgModel, i13.Accordion, i13.AccordionTab, i21.SelectButton, i8$2.FaIconComponent, i16.Timeline, MultiQuestionnaireComponent, ProofOfAnythingComponent, i3$1.TranslatePipe], styles: [".app-accordian-heading[_ngcontent-%COMP%]{font-size:26px;color:var(--ion-color-medium-gray);font-family:var(--app-font-light)}.app-accordian-body[_ngcontent-%COMP%]{font-size:20px;color:#707070;font:normal normal normal 20px/27px var(--app-font-regular)}.horizontal-align[_ngcontent-%COMP%]{display:flex;align-items:center;gap:5px}.app-text-align[_ngcontent-%COMP%]{text-align:right}.large-icon[_ngcontent-%COMP%]{font-size:xx-large}.custom-marker[_ngcontent-%COMP%]{font-size:x-large}@media screen and (max-width: 576px){.app-text-align[_ngcontent-%COMP%]{text-align:left}}@media screen and (max-width: 50rem){.app-text-align[_ngcontent-%COMP%]{text-align:left}}@media screen and (max-width: 50rem){[_ngcontent-%COMP%]:is()   .p-button[_ngcontent-%COMP%]{display:inline-block;font-size:20px;min-width:3rem}}@media only screen and (max-width: 576px){[_ngcontent-%COMP%]:is()   .p-timeline[_ngcontent-%COMP%]   .p-timeline-event[_ngcontent-%COMP%]{display:flex!important;flex-direction:column!important;align-items:flex-start!important}[_ngcontent-%COMP%]:is()   .p-timeline[_ngcontent-%COMP%]   .p-timeline-event-separator[_ngcontent-%COMP%]{margin:.5rem 0!important;width:100%!important}[_ngcontent-%COMP%]:is()   .p-timeline[_ngcontent-%COMP%]   .p-timeline-event-content[_ngcontent-%COMP%]{width:100%!important;padding-left:0!important;padding-right:0!important}}[_nghost-%COMP%]     .app-accordian-body table td[style*=\"display:flex\"]{flex-wrap:wrap!important;white-space:normal!important}[_nghost-%COMP%]     .app-accordian-body table td[style*=\"display:flex\"]>span{min-width:0!important;margin:.25em 0!important}[_nghost-%COMP%]     .app-accordian-body table td span{overflow-wrap:break-word!important}"], data: { animation: [rowExpansionTrigger] } }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HistoryPageComponent, [{
         type: Component,
-        args: [{ selector: 'app-history-page', animations: [rowExpansionTrigger], template: "<app-multi-questionnaire [qeQueryModels]=\"qeQueryModels\" *ngIf=\"isOpenQe\" (modelCancel)=\"closeQe()\"\r\n  (onComplete)=\"quSuccess()\"></app-multi-questionnaire>\r\n<app-proof-of-anything *ngIf=\"showUploadPopup\" [uploadTypeId]=\"uploadTypeId\" [employerDataModel]=\"employerDataModel\"\r\n  [data]=\"dataModel\" (cancel)=\"closeUploadPopup()\" (success)=\"uploadPopupDone()\"></app-proof-of-anything>\r\n<app-dashboard-help *ngIf=\"hs.isShowing()\" [activeIndex]=\"0\"></app-dashboard-help>\r\n<ion-grid>\r\n  <ion-row>\r\n    <ion-col size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"10\" offsetXl=\"2\" offsetLg=\"2\" offsetMd=\"1\">\r\n      <h1>Your unemployment history</h1>\r\n    </ion-col>\r\n  </ion-row>\r\n  <ion-row>\r\n    <ion-col size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"10\" offsetXl=\"2\" offsetLg=\"2\" offsetMd=\"1\">\r\n\r\n      <ion-row>\r\n        <ion-col size=\"3\">\r\n          <div class=\"ion-text-left field\" *ngIf=\"histories\">\r\n            <label for=\"timeline\" id=\"lblTimeline\">{{time?.desc}}</label><br />\r\n            <p-selectButton [options]=\"timeOption\" [(ngModel)]=\"time\" optionLabel=\"desc\"\r\n              (onChange)=\"handleChange($event)\" [ariaLabelledBy]=\"'lblTimeline'\">\r\n              <ng-template let-item pTemplate>\r\n                <div [pTooltip]=\"item.desc\" tooltipPosition=\"bottom\" tabindex=\"0\" [attr.aria-label]=\"item.desc\"\r\n                  role=\"note\">\r\n                  <span *ngIf=\"!item.icon\">{{item.desc}}</span>\r\n                  <fa-icon [icon]=\"['far', item.icon]\" *ngIf=\"item.icon\"></fa-icon>\r\n                </div>\r\n              </ng-template>\r\n            </p-selectButton>\r\n          </div>\r\n        </ion-col>\r\n        <ion-col size=\"9\">\r\n          <div class=\"ion-text-right field\" *ngIf=\"histories\">\r\n            <label>{{filter?.desc}}</label><br />\r\n            <p-selectButton [options]=\"filterOptions\" [(ngModel)]=\"filter\" optionLabel=\"icon\"\r\n              (onChange)=\"handleChange($event)\">\r\n              <ng-template let-item pTemplate>\r\n                <div [pTooltip]=\"item.desc\" tooltipPosition=\"bottom\" tabindex=\"0\" [attr.aria-label]=\"item.desc\"\r\n                  role=\"note\">\r\n                  <span *ngIf=\"!item.icon\">{{item.altDesc}}</span>\r\n                  <fa-icon [icon]=\"['far', item.icon]\" *ngIf=\"item.icon\"></fa-icon>\r\n                </div>\r\n              </ng-template>\r\n            </p-selectButton>\r\n          </div>\r\n        </ion-col>\r\n      </ion-row>\r\n\r\n      <br />\r\n      <p-timeline [value]=\"filteredHistories\" *ngIf=\"(filteredHistories && filteredHistories.length > 0)\">\r\n        <ng-template pTemplate=\"marker\" let-hist>\r\n          <span [style.color]=\"hist.color\">\r\n            <fa-icon [icon]=\"['far', hist.icon]\" class=\"custom-marker\"></fa-icon>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"content\" let-hist>\r\n          <h1 class=\"app-accordian-heading\" style=\"margin-top: 0px; font-weight: bold;\">{{hist.year}}</h1>\r\n          <p-accordion expandIcon=\"pi pi-fw pi-chevron-up\" collapseIcon=\"pi pi-fw pi-chevron-up\">\r\n            <p-accordionTab *ngFor=\"let history of hist.history; let i = index\" [selected]=\"isValueSelected(history,i)\">\r\n              <ng-template pTemplate=\"header\">\r\n                <ion-row style=\"width: -webkit-fill-available;\">\r\n                  <ion-col class=\"ion-text-left\" size=\"12\" sizeXl=\"3\" sizeLg=\"3\" sizeMd=\"3\">\r\n                    <span class=\"app-accordian-heading\" [style.color]=\"history.color\">{{history.eventDate}}</span>\r\n                  </ion-col>\r\n                  <ion-col class=\"app-text-align\" size=\"11\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"8\">\r\n                    <span class=\"app-accordian-heading\" [style.color]=\"history.color\">\r\n                      {{history.title}}\r\n                    </span>\r\n                  </ion-col>\r\n                  <ion-col size=\"1\" class=\"ion-text-center\">\r\n                    <span [style.color]=\"history.color\" *ngIf=\"getIcon(history)\">\r\n                      <fa-icon [icon]=\"getIcon(history)\" class=\"custom-marker\"></fa-icon>\r\n                    </span>\r\n                  </ion-col>\r\n                </ion-row>\r\n              </ng-template>\r\n              <ng-template pTemplate=\"content\">\r\n                <span class=\"app-accordian-body\" [innerHtml]=\"history.desc\"></span>\r\n                <div *ngIf=\"history.button != null\">\r\n                  <br /><br />\r\n                  <div class=\"ion-text-right\">\r\n                    <ion-button [attr.aria-label]=\"'go to' + history.button.buttonText\" fill=\"outline\"\r\n                      style=\"--color: {{history.button.color}}; --border-color: {{history.button.color}}; --border-width: 2px\"\r\n                      shape=\"round\" class=\"small-button\" (click)=\"open(history)\">{{history.button.buttonText}}\r\n                    </ion-button>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </p-accordionTab>\r\n          </p-accordion>\r\n          <br />\r\n        </ng-template>\r\n      </p-timeline>\r\n\r\n      <div class=\"ion-text-center\" *ngIf=\"isLoading\">\r\n        <ion-spinner name=\"dots\"></ion-spinner>\r\n      </div>\r\n\r\n      <div class=\"ion-padding-top ion-text-center app-accordian-body\"\r\n        *ngIf=\"(!filteredHistories || filteredHistories.length < 1) && !isLoading\">\r\n        <fa-icon [icon]=\"['far', filterIcon]\" class=\"large-icon\"></fa-icon>\r\n        <p>{{'No history present.' | translate}}</p>\r\n      </div>\r\n\r\n      <div style=\"padding-left: 5%;\" *ngIf=\"!isLoading && showOlderRecordsLink\">\r\n        <div class=\"horizontal-align\">\r\n          <span class=\"app-accordian-body\">\r\n            <strong>{{ 'To view prior unemployment history click here' | translate }}</strong>\r\n          </span>\r\n          <ion-button aria-label=\"view old records\" (click)=\"openOldRecords()\" fill=\"outline\" size=\"small\"\r\n            class=\"action-button\">\r\n            <fa-icon [icon]=\"['fas', 'external-link-alt']\" class=\"external-link-icon\"></fa-icon>\r\n          </ion-button>\r\n        </div>\r\n      </div>\r\n      <br />\r\n\r\n    </ion-col>\r\n  </ion-row>\r\n</ion-grid>", styles: [".app-accordian-heading{font-size:26px;color:var(--ion-color-medium-gray);font-family:var(--app-font-light)}.app-accordian-body{font-size:20px;color:#707070;font:normal normal normal 20px/27px var(--app-font-regular)}.horizontal-align{display:flex;align-items:center;gap:5px}.app-text-align{text-align:right}.large-icon{font-size:xx-large}.custom-marker{font-size:x-large}@media screen and (max-width: 576px){.app-text-align{text-align:left}}@media screen and (max-width: 50rem){.app-text-align{text-align:left}}@media screen and (max-width: 50rem){:is() .p-button{display:inline-block;font-size:20px;min-width:3rem}}@media only screen and (max-width: 576px){:is() .p-timeline .p-timeline-event{display:flex!important;flex-direction:column!important;align-items:flex-start!important}:is() .p-timeline .p-timeline-event-separator{margin:.5rem 0!important;width:100%!important}:is() .p-timeline .p-timeline-event-content{width:100%!important;padding-left:0!important;padding-right:0!important}}:host ::ng-deep .app-accordian-body table td[style*=\"display:flex\"]{flex-wrap:wrap!important;white-space:normal!important}:host ::ng-deep .app-accordian-body table td[style*=\"display:flex\"]>span{min-width:0!important;margin:.25em 0!important}:host ::ng-deep .app-accordian-body table td span{overflow-wrap:break-word!important}\n"] }]
+        args: [{ selector: 'app-history-page', animations: [rowExpansionTrigger], template: "<app-multi-questionnaire [qeQueryModels]=\"qeQueryModels\" *ngIf=\"isOpenQe\" (modelCancel)=\"closeQe()\"\r\n  (onComplete)=\"quSuccess()\"></app-multi-questionnaire>\r\n<app-proof-of-anything *ngIf=\"showUploadPopup\" [uploadTypeId]=\"uploadTypeId\" [employerDataModel]=\"employerDataModel\"\r\n  [data]=\"dataModel\" (cancel)=\"closeUploadPopup()\" (success)=\"uploadPopupDone()\"></app-proof-of-anything>\r\n<app-dashboard-help *ngIf=\"hs.isShowing()\" [activeIndex]=\"0\"></app-dashboard-help>\r\n<ion-grid>\r\n  <ion-row>\r\n    <ion-col size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"10\" offsetXl=\"2\" offsetLg=\"2\" offsetMd=\"1\">\r\n      <h1>Your unemployment history</h1>\r\n    </ion-col>\r\n  </ion-row>\r\n  <ion-row>\r\n    <ion-col size=\"12\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"10\" offsetXl=\"2\" offsetLg=\"2\" offsetMd=\"1\">\r\n\r\n      <ion-row>\r\n        <ion-col size=\"3\">\r\n          <div class=\"ion-text-left field\" *ngIf=\"histories\">\r\n            <label for=\"timeline\" id=\"lblTimeline\">{{time?.desc}}</label><br />\r\n            <p-selectButton [options]=\"timeOption\" [(ngModel)]=\"time\" optionLabel=\"desc\"\r\n              (onChange)=\"handleChange($event)\" [ariaLabelledBy]=\"'lblTimeline'\">\r\n              <ng-template let-item pTemplate>\r\n                <div [pTooltip]=\"item.desc\" tooltipPosition=\"bottom\" tabindex=\"0\" [attr.aria-label]=\"item.desc\"\r\n                  role=\"note\">\r\n                  <span *ngIf=\"!item.icon\">{{item.desc}}</span>\r\n                  <fa-icon [icon]=\"['far', item.icon]\" *ngIf=\"item.icon\"></fa-icon>\r\n                </div>\r\n              </ng-template>\r\n            </p-selectButton>\r\n          </div>\r\n        </ion-col>\r\n        <ion-col size=\"9\">\r\n          <div class=\"ion-text-right field\" *ngIf=\"histories\">\r\n            <label>{{filter?.desc}}</label><br />\r\n            <p-selectButton [options]=\"filterOptions\" [(ngModel)]=\"filter\" optionLabel=\"icon\"\r\n              (onChange)=\"handleChange($event)\">\r\n              <ng-template let-item pTemplate>\r\n                <div [pTooltip]=\"item.desc\" tooltipPosition=\"bottom\" tabindex=\"0\" [attr.aria-label]=\"item.desc\"\r\n                  role=\"note\">\r\n                  <span *ngIf=\"!item.icon\">{{item.altDesc}}</span>\r\n                  <fa-icon [icon]=\"['far', item.icon]\" *ngIf=\"item.icon\"></fa-icon>\r\n                </div>\r\n              </ng-template>\r\n            </p-selectButton>\r\n          </div>\r\n        </ion-col>\r\n      </ion-row>\r\n\r\n      <br />\r\n      <p-timeline [value]=\"filteredHistories\" *ngIf=\"(filteredHistories && filteredHistories.length > 0)\">\r\n        <ng-template pTemplate=\"marker\" let-hist>\r\n          <span [style.color]=\"hist.color\">\r\n            <fa-icon [icon]=\"['far', hist.icon]\" class=\"custom-marker\"></fa-icon>\r\n          </span>\r\n        </ng-template>\r\n        <ng-template pTemplate=\"content\" let-hist>\r\n          <h1 class=\"app-accordian-heading\" style=\"margin-top: 0px; font-weight: bold;\">{{hist.year}}</h1>\r\n          <p-accordion expandIcon=\"pi pi-fw pi-chevron-up\" collapseIcon=\"pi pi-fw pi-chevron-up\">\r\n            <p-accordionTab *ngFor=\"let history of hist.history; let i = index\" [selected]=\"isValueSelected(history,i)\">\r\n              <ng-template pTemplate=\"header\">\r\n                <ion-row style=\"width: -webkit-fill-available;\">\r\n                  <ion-col class=\"ion-text-left\" size=\"12\" sizeXl=\"3\" sizeLg=\"3\" sizeMd=\"3\">\r\n                    <span class=\"app-accordian-heading\" [style.color]=\"history.color\">{{history.eventDate}}</span>\r\n                  </ion-col>\r\n                  <ion-col class=\"app-text-align\" size=\"11\" sizeXl=\"8\" sizeLg=\"8\" sizeMd=\"8\">\r\n                    <span class=\"app-accordian-heading\" [style.color]=\"history.color\">\r\n                      {{history.title}}\r\n                    </span>\r\n                  </ion-col>\r\n                  <ion-col size=\"1\" class=\"ion-text-center\">\r\n                    <span [style.color]=\"history.color\" *ngIf=\"getIcon(history)\">\r\n                      <fa-icon [icon]=\"getIcon(history)\" class=\"custom-marker\"></fa-icon>\r\n                    </span>\r\n                  </ion-col>\r\n                </ion-row>\r\n              </ng-template>\r\n              <ng-template pTemplate=\"content\">\r\n                <span class=\"app-accordian-body\" [innerHtml]=\"history.desc\"></span>\r\n                <div *ngIf=\"history.button != null\">\r\n                  <br /><br />\r\n                  <div class=\"ion-text-right\">\r\n                    <ion-button [attr.aria-label]=\"'go to' + history.button.buttonText\" fill=\"outline\"\r\n                      style=\"--color: {{history.button.color}}; --border-color: {{history.button.color}}; --border-width: 2px\"\r\n                      shape=\"round\" class=\"small-button\" (click)=\"open(history)\">{{history.button.buttonText}}\r\n                    </ion-button>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </p-accordionTab>\r\n          </p-accordion>\r\n          <br />\r\n        </ng-template>\r\n      </p-timeline>\r\n\r\n      <div class=\"ion-text-center\" *ngIf=\"isLoading\">\r\n        <ion-spinner name=\"dots\"></ion-spinner>\r\n      </div>\r\n\r\n      <div class=\"ion-padding-top ion-text-center app-accordian-body\"\r\n        *ngIf=\"(!filteredHistories || filteredHistories.length < 1) && !isLoading\">\r\n        <fa-icon [icon]=\"['far', filterIcon]\" class=\"large-icon\"></fa-icon>\r\n        <p>{{'No history present.' | translate}}</p>\r\n      </div>\r\n\r\n      <div style=\"padding-left: 5%;\">\r\n        <div class=\"horizontal-align\">\r\n          <span class=\"app-accordian-body\">\r\n            <strong>{{ 'To view your claim summary and weekly pay status click here' | translate }}</strong>\r\n          </span>\r\n          <ion-button aria-label=\"view old records\" (click)=\"openOldRecords()\" fill=\"outline\" size=\"small\"\r\n            class=\"action-button\">\r\n            <fa-icon [icon]=\"['fas', 'external-link-alt']\" class=\"external-link-icon\"></fa-icon>\r\n          </ion-button>\r\n        </div>\r\n      </div>\r\n      <br />\r\n\r\n    </ion-col>\r\n  </ion-row>\r\n</ion-grid>", styles: [".app-accordian-heading{font-size:26px;color:var(--ion-color-medium-gray);font-family:var(--app-font-light)}.app-accordian-body{font-size:20px;color:#707070;font:normal normal normal 20px/27px var(--app-font-regular)}.horizontal-align{display:flex;align-items:center;gap:5px}.app-text-align{text-align:right}.large-icon{font-size:xx-large}.custom-marker{font-size:x-large}@media screen and (max-width: 576px){.app-text-align{text-align:left}}@media screen and (max-width: 50rem){.app-text-align{text-align:left}}@media screen and (max-width: 50rem){:is() .p-button{display:inline-block;font-size:20px;min-width:3rem}}@media only screen and (max-width: 576px){:is() .p-timeline .p-timeline-event{display:flex!important;flex-direction:column!important;align-items:flex-start!important}:is() .p-timeline .p-timeline-event-separator{margin:.5rem 0!important;width:100%!important}:is() .p-timeline .p-timeline-event-content{width:100%!important;padding-left:0!important;padding-right:0!important}}:host ::ng-deep .app-accordian-body table td[style*=\"display:flex\"]{flex-wrap:wrap!important;white-space:normal!important}:host ::ng-deep .app-accordian-body table td[style*=\"display:flex\"]>span{min-width:0!important;margin:.25em 0!important}:host ::ng-deep .app-accordian-body table td span{overflow-wrap:break-word!important}\n"] }]
     }], () => [{ type: EventService }, { type: HelpService }, { type: UtilService }, { type: i4.NavController }, { type: LoginService }, { type: i3$1.TranslateService }, { type: LoggerService }, { type: i3.ActivatedRoute }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HistoryPageComponent, { className: "HistoryPageComponent", filePath: "lib\\components\\history-page\\history-page.component.ts", lineNumber: 28 }); })();
 class KeyValueModel {