@reusa/ngx-reusa-app-lib 0.0.1302 → 0.0.1304

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -31045,11 +31045,16 @@ const _c0$G = ["addressFormDirective"];
31045
31045
  const _c1$D = ["addressSuggestion"];
31046
31046
  const _c2$q = () => ({ required: "required" });
31047
31047
  function AddressComponent_ion_col_54_Template(rf, ctx) { if (rf & 1) {
31048
+ const _r7 = i0.ɵɵgetCurrentView();
31048
31049
  i0.ɵɵelementStart(0, "ion-col", 20)(1, "div", 14)(2, "label", 5);
31049
31050
  i0.ɵɵtext(3);
31050
31051
  i0.ɵɵpipe(4, "translate");
31051
31052
  i0.ɵɵelementEnd();
31052
- i0.ɵɵelement(5, "br")(6, "app-dropdown", 6)(7, "br")(8, "app-error", 7);
31053
+ i0.ɵɵelement(5, "br");
31054
+ i0.ɵɵelementStart(6, "app-dropdown", 6);
31055
+ i0.ɵɵlistener("onChange", function AddressComponent_ion_col_54_Template_app_dropdown_onChange_6_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.getAddressSuggestion()); });
31056
+ i0.ɵɵelementEnd();
31057
+ i0.ɵɵelement(7, "br")(8, "app-error", 7);
31053
31058
  i0.ɵɵelementEnd()();
31054
31059
  } if (rf & 2) {
31055
31060
  const ctx_r1 = i0.ɵɵnextContext();
@@ -31066,11 +31071,16 @@ function AddressComponent_ion_col_54_Template(rf, ctx) { if (rf & 1) {
31066
31071
  i0.ɵɵproperty("field", ctx_r1.county)("form", _r0)("errDef", i0.ɵɵpureFunction0(14, _c2$q));
31067
31072
  } }
31068
31073
  function AddressComponent_ion_col_55_Template(rf, ctx) { if (rf & 1) {
31074
+ const _r9 = i0.ɵɵgetCurrentView();
31069
31075
  i0.ɵɵelementStart(0, "ion-col", 20)(1, "div", 14)(2, "label", 5);
31070
31076
  i0.ɵɵtext(3);
31071
31077
  i0.ɵɵpipe(4, "translate");
31072
31078
  i0.ɵɵelementEnd();
31073
- i0.ɵɵelement(5, "br")(6, "app-dropdown", 6)(7, "br")(8, "app-error", 7);
31079
+ i0.ɵɵelement(5, "br");
31080
+ i0.ɵɵelementStart(6, "app-dropdown", 6);
31081
+ i0.ɵɵlistener("onChange", function AddressComponent_ion_col_55_Template_app_dropdown_onChange_6_listener() { i0.ɵɵrestoreView(_r9); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.getAddressSuggestion()); });
31082
+ i0.ɵɵelementEnd();
31083
+ i0.ɵɵelement(7, "br")(8, "app-error", 7);
31074
31084
  i0.ɵɵelementEnd()();
31075
31085
  } if (rf & 2) {
31076
31086
  const ctx_r2 = i0.ɵɵnextContext();
@@ -31129,13 +31139,13 @@ function AddressComponent_ion_col_58_Template(rf, ctx) { if (rf & 1) {
31129
31139
  i0.ɵɵproperty("field", ctx_r4.neighbourFlag)("form", _r0)("errDef", i0.ɵɵpureFunction0(13, _c2$q));
31130
31140
  } }
31131
31141
  function AddressComponent_app_address_suggestion_59_Template(rf, ctx) { if (rf & 1) {
31132
- const _r8 = i0.ɵɵgetCurrentView();
31142
+ const _r12 = i0.ɵɵgetCurrentView();
31133
31143
  i0.ɵɵelementStart(0, "app-address-suggestion", 23, 24);
31134
- i0.ɵɵlistener("checkFormIsBlur", function AddressComponent_app_address_suggestion_59_Template_app_address_suggestion_checkFormIsBlur_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.checkFormBlurr()); });
31144
+ i0.ɵɵlistener("checkFormIsBlur", function AddressComponent_app_address_suggestion_59_Template_app_address_suggestion_checkFormIsBlur_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.checkFormBlurr()); });
31135
31145
  i0.ɵɵelementEnd();
31136
31146
  } if (rf & 2) {
31137
31147
  const ctx_r5 = i0.ɵɵnextContext();
31138
- i0.ɵɵproperty("form", ctx_r5.addressForm)("formName", ctx_r5.inputId)("diffMailAddressFlag", ctx_r5.diffMailAddress)("formBlur", ctx_r5.checkFormBlurr())("questionaireForm", ctx_r5.questionaireForm)("standaloneAddressForm", ctx_r5.standaloneAddressForm);
31148
+ i0.ɵɵproperty("form", ctx_r5.addressForm)("formName", ctx_r5.inputId)("diffMailAddressFlag", ctx_r5.diffMailAddress)("formBlur", ctx_r5.checkFormBlurr())("questionaireForm", ctx_r5.questionaireForm)("standaloneAddressForm", ctx_r5.standaloneAddressForm)("parentFormComponent", ctx_r5.parentFormComponent);
31139
31149
  } }
31140
31150
  const _c3$l = () => ({ required: "required", invalidLength: "Zip code should be of 5 or 9 digits.", invalidNumber: "Zip code should only have numbers.", invalidZipCode: "please enter a valid zip code" });
31141
31151
  class AddressComponent {
@@ -31230,7 +31240,6 @@ class AddressComponent {
31230
31240
  }
31231
31241
  }
31232
31242
  }
31233
- this.getAddressSuggestion();
31234
31243
  });
31235
31244
  this.zip.valueChanges.subscribe(zip => {
31236
31245
  if (zip && this.state.value == this.forState) {
@@ -31357,7 +31366,7 @@ class AddressComponent {
31357
31366
  this.county.patchValue(this.addressData.county);
31358
31367
  }
31359
31368
  this.state.updateValueAndValidity();
31360
- this.getAddressSuggestion();
31369
+ // this.getAddressSuggestion();
31361
31370
  }, err => {
31362
31371
  this.logger.debug(err);
31363
31372
  });
@@ -31529,7 +31538,7 @@ class AddressComponent {
31529
31538
  let _t;
31530
31539
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.addressFormDirective = _t.first);
31531
31540
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.addressSuggestion = _t.first);
31532
- } }, inputs: { countyRequired: "countyRequired", fromPopup: "fromPopup", inputId: "inputId", componentData: "componentData", showSuggestion: "showSuggestion", diffMailAddress: "diffMailAddress", enableAddressValidation: "enableAddressValidation", questionaireForm: "questionaireForm", standaloneAddressForm: "standaloneAddressForm" }, outputs: { address: "address" }, features: [i0.ɵɵProvidersFeature([{
31541
+ } }, inputs: { countyRequired: "countyRequired", fromPopup: "fromPopup", inputId: "inputId", componentData: "componentData", showSuggestion: "showSuggestion", diffMailAddress: "diffMailAddress", enableAddressValidation: "enableAddressValidation", questionaireForm: "questionaireForm", standaloneAddressForm: "standaloneAddressForm", parentFormComponent: "parentFormComponent" }, outputs: { address: "address" }, features: [i0.ɵɵProvidersFeature([{
31533
31542
  provide: NG_VALUE_ACCESSOR,
31534
31543
  useExisting: AddressComponent,
31535
31544
  multi: true
@@ -31539,12 +31548,16 @@ class AddressComponent {
31539
31548
  multi: true,
31540
31549
  useExisting: AddressComponent
31541
31550
  }
31542
- ]), i0.ɵɵNgOnChangesFeature], decls: 60, vars: 79, consts: [[2, "margin-bottom", "0px", "margin-left", "0px", 3, "formGroup"], ["addressFormDirective", "ngForm"], [1, "p-formgrid", 3, "id"], [3, "ngClass"], [1, "field"], [3, "for"], ["optionLabel", "text", "appendTo", "body", 3, "options", "formControl", "autoDisplayFirst", "inputId"], [3, "field", "form", "errDef"], ["type", "input", "pInputText", "", "minlength", "5", "maxlength", "9", "appStripInvisibleChars", "", 3, "id", "formControl", "blur", "focus"], [2, "padding-right", "0px", 3, "ngClass"], [1, "field", "p-fluid"], ["type", "input", "pInputText", "", "maxlength", "40", "appStripInvisibleChars", "", 3, "id", "formControl", "blur", "focus"], ["type", "input", "pInputText", "", "placeholder", "Optional", "maxlength", "40", "appStripInvisibleChars", "", 3, "id", "formControl", "blur", "focus"], [2, "padding-bottom", "0px", 3, "ngClass"], [1, "field", 2, "margin-bottom", "0px"], ["type", "input", "pInputText", "", "maxlength", "30", "appStripInvisibleChars", "", 3, "id", "formControl", "blur", "focus"], ["size", "12", "style", "padding-bottom: 0px;", 3, "ngClass", 4, "ngIf"], [2, "padding-top", "4px"], ["style", "padding-top: 0px;", 3, "ngClass", 4, "ngIf"], [3, "form", "formName", "diffMailAddressFlag", "formBlur", "questionaireForm", "standaloneAddressForm", "checkFormIsBlur", 4, "ngIf"], ["size", "12", 2, "padding-bottom", "0px", 3, "ngClass"], [2, "padding-top", "0px", 3, "ngClass"], ["unselectable", "true", "optionLabel", "text", "optionValue", "value", "appendTo", "body", 3, "inputId", "options", "formControl"], [3, "form", "formName", "diffMailAddressFlag", "formBlur", "questionaireForm", "standaloneAddressForm", "checkFormIsBlur"], ["addressSuggestion", ""]], template: function AddressComponent_Template(rf, ctx) { if (rf & 1) {
31551
+ ]), i0.ɵɵNgOnChangesFeature], decls: 60, vars: 79, consts: [[2, "margin-bottom", "0px", "margin-left", "0px", 3, "formGroup"], ["addressFormDirective", "ngForm"], [1, "p-formgrid", 3, "id"], [3, "ngClass"], [1, "field"], [3, "for"], ["optionLabel", "text", "appendTo", "body", 3, "options", "formControl", "autoDisplayFirst", "inputId", "onChange"], [3, "field", "form", "errDef"], ["type", "input", "pInputText", "", "minlength", "5", "maxlength", "9", "appStripInvisibleChars", "", 3, "id", "formControl", "blur", "focus"], [2, "padding-right", "0px", 3, "ngClass"], [1, "field", "p-fluid"], ["type", "input", "pInputText", "", "maxlength", "40", "appStripInvisibleChars", "", 3, "id", "formControl", "blur", "focus"], ["type", "input", "pInputText", "", "placeholder", "Optional", "maxlength", "40", "appStripInvisibleChars", "", 3, "id", "formControl", "blur", "focus"], [2, "padding-bottom", "0px", 3, "ngClass"], [1, "field", 2, "margin-bottom", "0px"], ["type", "input", "pInputText", "", "maxlength", "30", "appStripInvisibleChars", "", 3, "id", "formControl", "blur", "focus"], ["size", "12", "style", "padding-bottom: 0px;", 3, "ngClass", 4, "ngIf"], [2, "padding-top", "4px"], ["style", "padding-top: 0px;", 3, "ngClass", 4, "ngIf"], [3, "form", "formName", "diffMailAddressFlag", "formBlur", "questionaireForm", "standaloneAddressForm", "parentFormComponent", "checkFormIsBlur", 4, "ngIf"], ["size", "12", 2, "padding-bottom", "0px", 3, "ngClass"], [2, "padding-top", "0px", 3, "ngClass"], ["unselectable", "true", "optionLabel", "text", "optionValue", "value", "appendTo", "body", 3, "inputId", "options", "formControl"], [3, "form", "formName", "diffMailAddressFlag", "formBlur", "questionaireForm", "standaloneAddressForm", "parentFormComponent", "checkFormIsBlur"], ["addressSuggestion", ""]], template: function AddressComponent_Template(rf, ctx) { if (rf & 1) {
31543
31552
  i0.ɵɵelementStart(0, "form", 0, 1)(2, "div", 2)(3, "ion-row")(4, "ion-col", 3)(5, "div", 4)(6, "label", 5);
31544
31553
  i0.ɵɵtext(7);
31545
31554
  i0.ɵɵpipe(8, "translate");
31546
31555
  i0.ɵɵelementEnd();
31547
- i0.ɵɵelement(9, "br")(10, "app-dropdown", 6)(11, "app-error", 7);
31556
+ i0.ɵɵelement(9, "br");
31557
+ i0.ɵɵelementStart(10, "app-dropdown", 6);
31558
+ i0.ɵɵlistener("onChange", function AddressComponent_Template_app_dropdown_onChange_10_listener() { return ctx.getAddressSuggestion(); });
31559
+ i0.ɵɵelementEnd();
31560
+ i0.ɵɵelement(11, "app-error", 7);
31548
31561
  i0.ɵɵelementEnd()();
31549
31562
  i0.ɵɵelementStart(12, "ion-col", 3)(13, "div", 4)(14, "label", 5);
31550
31563
  i0.ɵɵtext(15);
@@ -31552,7 +31565,7 @@ class AddressComponent {
31552
31565
  i0.ɵɵelementEnd();
31553
31566
  i0.ɵɵelement(17, "br");
31554
31567
  i0.ɵɵelementStart(18, "input", 8);
31555
- i0.ɵɵlistener("blur", function AddressComponent_Template_input_blur_18_listener($event) { ctx.getAddressData($event); return ctx.setFieldBlur("zip"); })("focus", function AddressComponent_Template_input_focus_18_listener() { return ctx.setFieldFocus("zip"); });
31568
+ i0.ɵɵlistener("blur", function AddressComponent_Template_input_blur_18_listener($event) { ctx.getAddressData($event); ctx.getAddressSuggestion(); return ctx.setFieldBlur("zip"); })("focus", function AddressComponent_Template_input_focus_18_listener() { return ctx.setFieldFocus("zip"); });
31556
31569
  i0.ɵɵelementEnd();
31557
31570
  i0.ɵɵelement(19, "br")(20, "app-error", 7);
31558
31571
  i0.ɵɵelementEnd()()();
@@ -31583,14 +31596,18 @@ class AddressComponent {
31583
31596
  i0.ɵɵtext(48);
31584
31597
  i0.ɵɵpipe(49, "translate");
31585
31598
  i0.ɵɵelementEnd();
31586
- i0.ɵɵelement(50, "br")(51, "app-dropdown", 6)(52, "br")(53, "app-error", 7);
31599
+ i0.ɵɵelement(50, "br");
31600
+ i0.ɵɵelementStart(51, "app-dropdown", 6);
31601
+ i0.ɵɵlistener("onChange", function AddressComponent_Template_app_dropdown_onChange_51_listener() { return ctx.getAddressSuggestion(); });
31602
+ i0.ɵɵelementEnd();
31603
+ i0.ɵɵelement(52, "br")(53, "app-error", 7);
31587
31604
  i0.ɵɵelementEnd()();
31588
31605
  i0.ɵɵtemplate(54, AddressComponent_ion_col_54_Template, 9, 15, "ion-col", 16)(55, AddressComponent_ion_col_55_Template, 9, 15, "ion-col", 16);
31589
31606
  i0.ɵɵelementEnd();
31590
31607
  i0.ɵɵelementStart(56, "ion-row", 17);
31591
31608
  i0.ɵɵtemplate(57, AddressComponent_ion_col_57_Template, 8, 14, "ion-col", 18)(58, AddressComponent_ion_col_58_Template, 8, 14, "ion-col", 18);
31592
31609
  i0.ɵɵelementEnd()()();
31593
- i0.ɵɵtemplate(59, AddressComponent_app_address_suggestion_59_Template, 2, 6, "app-address-suggestion", 19);
31610
+ i0.ɵɵtemplate(59, AddressComponent_app_address_suggestion_59_Template, 2, 7, "app-address-suggestion", 19);
31594
31611
  } if (rf & 2) {
31595
31612
  const _r0 = i0.ɵɵreference(1);
31596
31613
  i0.ɵɵproperty("formGroup", ctx.addressForm);
@@ -31679,7 +31696,7 @@ class AddressComponent {
31679
31696
  multi: true,
31680
31697
  useExisting: AddressComponent
31681
31698
  }
31682
- ], template: "<form [formGroup]=\"addressForm\" #addressFormDirective=\"ngForm\" style=\"margin-bottom: 0px; margin-left: 0px;\">\r\n <!-- <div [formGroup]=\"addressForm\" #addressFormDirective=\"ngForm\" > -->\r\n\r\n <div class=\"p-formgrid\" [id]=\"inputId ? inputId : 'address-div'\">\r\n <ion-row>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" >\r\n <div class=\"field\">\r\n <label [for]=\"inputId ? inputId + '-country' : 'country'\">{{'Country' | translate}}</label><br />\r\n <app-dropdown [options]=\"countryOptions\" [formControl]=\"country\" optionLabel=\"text\" appendTo=\"body\"\r\n [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-country' : 'country'\" ></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='country' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col [ngClass]=\"fromPopup ? 'col app-col' : 'col col-fit-content'\" >\r\n <div class=\"field\">\r\n <label [for]=\"inputId ? inputId + '-zip' : 'zip'\">{{'Zip code' | translate}}</label><br />\r\n <input [id]=\"inputId ? inputId + '-zip' : 'zip'\" type=\"input\" pInputText [formControl]=\"zip\" minlength=\"5\" maxlength=\"9\" appStripInvisibleChars\r\n (blur)=\"getAddressData($event); setFieldBlur('zip')\" (focus)=\"setFieldFocus('zip')\" /><br />\r\n <app-error [class]=\"'app-grid'\" [field]='zip' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required',\r\n invalidLength: 'Zip code should be of 5 or 9 digits.',\r\n invalidNumber: 'Zip code should only have numbers.',\r\n invalidZipCode: 'please enter a valid zip code',\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n \r\n\r\n <ion-row>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-right: 0px;\">\r\n <div class=\"field p-fluid\">\r\n <label [for]=\"inputId ? inputId + '-streetAddress' : 'streetAddress'\">{{'Street Address' | translate}}</label><br />\r\n <input [id]=\"inputId ? inputId + '-streetAddress' : 'streetAddress'\" type=\"input\" pInputText \r\n [formControl]=\"streetAddress\" maxlength=\"40\" (blur)=\"getAddressSuggestion(); setFieldBlur('streetAddress')\" (focus)=\"setFieldFocus('streetAddress')\" appStripInvisibleChars/><br />\r\n <app-error [class]=\"'app-grid'\" [field]='streetAddress' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-right: 0px;\">\r\n <div class=\"field p-fluid\">\r\n <input [id]=\"inputId ? inputId + '-optionalAddress' : 'optionalAddress'\" type=\"input\" pInputText \r\n [formControl]=\"optionalAddress\" placeholder=\"Optional\" (blur)=\"getAddressSuggestion();setFieldBlur('optionalAddress')\" (focus)=\"setFieldFocus('optionalAddress')\"\r\n maxlength=\"40\" appStripInvisibleChars/>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n\r\n <ion-row>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-bottom: 0px;\">\r\n <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n <label [for]=\"inputId ? inputId + '-city' : 'city'\">{{'City' | translate}}</label><br />\r\n <input [id]=\"inputId ? inputId + '-city' : 'city'\" type=\"input\" pInputText [formControl]=\"city\" \r\n maxlength=\"30\" (blur)=\"getAddressSuggestion(); setFieldBlur('city')\" (focus)=\"setFieldFocus('city')\" appStripInvisibleChars/><br />\r\n <app-error [class]=\"'app-grid'\" [field]='city' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col [ngClass]=\"fromPopup ? 'col app-col' : 'col col-fit-content'\" style=\"padding-bottom: 0px;\">\r\n <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n <label [for]=\"inputId ? inputId + '-state' : 'state'\">{{'State' | translate}}</label><br />\r\n <app-dropdown [options]=\"stateOptions\" [formControl]=\"state\" optionLabel=\"text\" appendTo=\"body\"\r\n [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-state' : 'state'\"></app-dropdown><br />\r\n <app-error [class]=\"'app-grid'\" [field]='state' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" *ngIf=\"state.value && (state.value.value==='MS' && forState==='MS' \r\n || (state.value.value==='CT' && forState==='MS')) && countyRequired===true\" size=\"12\"style=\"padding-bottom: 0px;\">\r\n <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n <label [for]=\"inputId ? inputId + '-county' : 'county'\">{{'County' | translate}}</label><br />\r\n <app-dropdown [options]=\"countyOptions\" [formControl]=\"county\" optionLabel=\"text\" appendTo=\"body\"\r\n [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-county' : 'county'\"></app-dropdown><br/>\r\n <app-error [class]=\"'app-grid'\" [field]='county' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" *ngIf=\"state.value && state.value.value==='ME' && forState==='ME' && countyRequired===true\" size=\"12\" style=\"padding-bottom: 0px;\">\r\n <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n <label [for]=\"inputId ? inputId + '-town' : 'town'\">{{'Town' | translate}}</label><br />\r\n <app-dropdown [options]=\"townOptions\" [formControl]=\"town\" optionLabel=\"text\" appendTo=\"body\"\r\n [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-town' : 'town'\"></app-dropdown><br/>\r\n <app-error [class]=\"'app-grid'\" [field]='town' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row style=\"padding-top: 4px;\">\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-top: 0px;\"\r\n *ngIf=\"showNeighbourQuestion===true && forState==='ME'\" >\r\n <div class=\"field\">\r\n <label [for]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\">{{'Are you continuing to look for work in Maine?' | translate}}</label><br />\r\n <p-selectButton [inputId]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\" unselectable=\"true\" [options]=\"yesNoOptions\"\r\n [formControl]=\"neighbourFlag\" optionLabel=\"text\" optionValue=\"value\" appendTo=\"body\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='neighbourFlag' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-top: 0px;\"\r\n *ngIf=\"showNeighbourQuestion===true && forState==='MS'\" >\r\n <div class=\"field\">\r\n <label [for]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\">{{'Do you normally work in Mississippi?' | translate}}</label><br />\r\n <p-selectButton [inputId]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\" unselectable=\"true\" [options]=\"yesNoOptions\"\r\n [formControl]=\"neighbourFlag\" optionLabel=\"text\" optionValue=\"value\" appendTo=\"body\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='neighbourFlag' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n </div>\r\n <!-- </div> -->\r\n</form>\r\n<app-address-suggestion #addressSuggestion *ngIf=\"(enableAddressValidation) && this.addressForm.valid && (((inputId==='resAddress' || inputId==='resAdress') && diffMailAddress=== false) || (inputId==='mailAddress' && diffMailAddress=== true) || (standaloneAddressForm === true))\"\r\n[form]=\"addressForm\" [formName]=\"inputId\" [diffMailAddressFlag]=\"diffMailAddress\" [formBlur]=\"checkFormBlurr()\" (checkFormIsBlur)=\"checkFormBlurr()\" [questionaireForm]=\"questionaireForm\" [standaloneAddressForm]=\"standaloneAddressForm\"></app-address-suggestion>\r\n", styles: [".col{padding-top:0;padding-bottom:0}.form-lbl{padding-bottom:6px}.inline-flex{display:inline-flex}ion-col{padding-left:0}.app-col{margin-left:27px;padding-right:0}\n"] }]
31699
+ ], template: "<form [formGroup]=\"addressForm\" #addressFormDirective=\"ngForm\" style=\"margin-bottom: 0px; margin-left: 0px;\">\r\n <!-- <div [formGroup]=\"addressForm\" #addressFormDirective=\"ngForm\" > -->\r\n\r\n <div class=\"p-formgrid\" [id]=\"inputId ? inputId : 'address-div'\">\r\n <ion-row>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" >\r\n <div class=\"field\">\r\n <label [for]=\"inputId ? inputId + '-country' : 'country'\">{{'Country' | translate}}</label><br />\r\n <app-dropdown [options]=\"countryOptions\" [formControl]=\"country\" optionLabel=\"text\" appendTo=\"body\"\r\n [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-country' : 'country'\" (onChange)=\"getAddressSuggestion()\"></app-dropdown>\r\n <app-error [class]=\"'app-grid'\" [field]='country' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col [ngClass]=\"fromPopup ? 'col app-col' : 'col col-fit-content'\" >\r\n <div class=\"field\">\r\n <label [for]=\"inputId ? inputId + '-zip' : 'zip'\">{{'Zip code' | translate}}</label><br />\r\n <input [id]=\"inputId ? inputId + '-zip' : 'zip'\" type=\"input\" pInputText [formControl]=\"zip\" minlength=\"5\" maxlength=\"9\" appStripInvisibleChars\r\n (blur)=\"getAddressData($event); getAddressSuggestion(); setFieldBlur('zip')\" (focus)=\"setFieldFocus('zip')\" /><br />\r\n <app-error [class]=\"'app-grid'\" [field]='zip' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required',\r\n invalidLength: 'Zip code should be of 5 or 9 digits.',\r\n invalidNumber: 'Zip code should only have numbers.',\r\n invalidZipCode: 'please enter a valid zip code',\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n \r\n\r\n <ion-row>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-right: 0px;\">\r\n <div class=\"field p-fluid\">\r\n <label [for]=\"inputId ? inputId + '-streetAddress' : 'streetAddress'\">{{'Street Address' | translate}}</label><br />\r\n <input [id]=\"inputId ? inputId + '-streetAddress' : 'streetAddress'\" type=\"input\" pInputText \r\n [formControl]=\"streetAddress\" maxlength=\"40\" (blur)=\"getAddressSuggestion(); setFieldBlur('streetAddress')\" (focus)=\"setFieldFocus('streetAddress')\" appStripInvisibleChars/><br />\r\n <app-error [class]=\"'app-grid'\" [field]='streetAddress' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n <ion-row>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-right: 0px;\">\r\n <div class=\"field p-fluid\">\r\n <input [id]=\"inputId ? inputId + '-optionalAddress' : 'optionalAddress'\" type=\"input\" pInputText \r\n [formControl]=\"optionalAddress\" placeholder=\"Optional\" (blur)=\"getAddressSuggestion();setFieldBlur('optionalAddress')\" (focus)=\"setFieldFocus('optionalAddress')\"\r\n maxlength=\"40\" appStripInvisibleChars/>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n\r\n\r\n <ion-row>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-bottom: 0px;\">\r\n <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n <label [for]=\"inputId ? inputId + '-city' : 'city'\">{{'City' | translate}}</label><br />\r\n <input [id]=\"inputId ? inputId + '-city' : 'city'\" type=\"input\" pInputText [formControl]=\"city\" \r\n maxlength=\"30\" (blur)=\"getAddressSuggestion(); setFieldBlur('city')\" (focus)=\"setFieldFocus('city')\" appStripInvisibleChars/><br />\r\n <app-error [class]=\"'app-grid'\" [field]='city' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col [ngClass]=\"fromPopup ? 'col app-col' : 'col col-fit-content'\" style=\"padding-bottom: 0px;\">\r\n <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n <label [for]=\"inputId ? inputId + '-state' : 'state'\">{{'State' | translate}}</label><br />\r\n <app-dropdown [options]=\"stateOptions\" [formControl]=\"state\" optionLabel=\"text\" appendTo=\"body\"\r\n [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-state' : 'state'\" (onChange)=\"getAddressSuggestion()\"></app-dropdown><br />\r\n <app-error [class]=\"'app-grid'\" [field]='state' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" *ngIf=\"state.value && (state.value.value==='MS' && forState==='MS' \r\n || (state.value.value==='CT' && forState==='MS')) && countyRequired===true\" size=\"12\"style=\"padding-bottom: 0px;\">\r\n <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n <label [for]=\"inputId ? inputId + '-county' : 'county'\">{{'County' | translate}}</label><br />\r\n <app-dropdown [options]=\"countyOptions\" [formControl]=\"county\" optionLabel=\"text\" appendTo=\"body\"\r\n [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-county' : 'county'\" (onChange)=\"getAddressSuggestion()\"></app-dropdown><br/>\r\n <app-error [class]=\"'app-grid'\" [field]='county' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" *ngIf=\"state.value && state.value.value==='ME' && forState==='ME' && countyRequired===true\" size=\"12\" style=\"padding-bottom: 0px;\">\r\n <div class=\"field\" style=\"margin-bottom: 0px;\">\r\n <label [for]=\"inputId ? inputId + '-town' : 'town'\">{{'Town' | translate}}</label><br />\r\n <app-dropdown [options]=\"townOptions\" [formControl]=\"town\" optionLabel=\"text\" appendTo=\"body\"\r\n [autoDisplayFirst]=\"false\" [inputId]=\"inputId ? inputId + '-town' : 'town'\" (onChange)=\"getAddressSuggestion()\" ></app-dropdown><br/>\r\n <app-error [class]=\"'app-grid'\" [field]='town' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n <ion-row style=\"padding-top: 4px;\">\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-top: 0px;\"\r\n *ngIf=\"showNeighbourQuestion===true && forState==='ME'\" >\r\n <div class=\"field\">\r\n <label [for]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\">{{'Are you continuing to look for work in Maine?' | translate}}</label><br />\r\n <p-selectButton [inputId]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\" unselectable=\"true\" [options]=\"yesNoOptions\"\r\n [formControl]=\"neighbourFlag\" optionLabel=\"text\" optionValue=\"value\" appendTo=\"body\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='neighbourFlag' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n <ion-col [ngClass]=\"fromPopup ? 'col' : 'col col-fit-content'\" style=\"padding-top: 0px;\"\r\n *ngIf=\"showNeighbourQuestion===true && forState==='MS'\" >\r\n <div class=\"field\">\r\n <label [for]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\">{{'Do you normally work in Mississippi?' | translate}}</label><br />\r\n <p-selectButton [inputId]=\"inputId ? inputId + '-neighbourFlag' : 'neighbourFlag'\" unselectable=\"true\" [options]=\"yesNoOptions\"\r\n [formControl]=\"neighbourFlag\" optionLabel=\"text\" optionValue=\"value\" appendTo=\"body\"></p-selectButton>\r\n <app-error [class]=\"'app-grid'\" [field]='neighbourFlag' [form]=\"addressFormDirective\" [errDef]=\"{ \r\n required: 'required'\r\n }\"></app-error>\r\n </div>\r\n </ion-col>\r\n </ion-row>\r\n </div>\r\n <!-- </div> -->\r\n</form>\r\n<app-address-suggestion #addressSuggestion *ngIf=\"(enableAddressValidation) && this.addressForm.valid && (((inputId==='resAddress' || inputId==='resAdress') && diffMailAddress=== false) || (inputId==='mailAddress' && diffMailAddress=== true) || (standaloneAddressForm === true))\"\r\n[form]=\"addressForm\" [formName]=\"inputId\" [diffMailAddressFlag]=\"diffMailAddress\" [formBlur]=\"checkFormBlurr()\" (checkFormIsBlur)=\"checkFormBlurr()\" [questionaireForm]=\"questionaireForm\" [standaloneAddressForm]=\"standaloneAddressForm\" [parentFormComponent]=\"parentFormComponent\"></app-address-suggestion>\r\n", styles: [".col{padding-top:0;padding-bottom:0}.form-lbl{padding-bottom:6px}.inline-flex{display:inline-flex}ion-col{padding-left:0}.app-col{margin-left:27px;padding-right:0}\n"] }]
31683
31700
  }], () => [{ type: i1$4.UntypedFormBuilder }, { type: UtilService }, { type: QuestionnaireService }, { type: LoggerService }, { type: DmsService }], { addressFormDirective: [{
31684
31701
  type: ViewChild,
31685
31702
  args: ['addressFormDirective', { static: false }]
@@ -31706,6 +31723,8 @@ class AddressComponent {
31706
31723
  type: Input
31707
31724
  }], standaloneAddressForm: [{
31708
31725
  type: Input
31726
+ }], parentFormComponent: [{
31727
+ type: Input
31709
31728
  }] }); })();
31710
31729
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AddressComponent, { className: "AddressComponent", filePath: "lib\\components\\address\\address.component.ts", lineNumber: 29 }); })();
31711
31730
  class AddressFieldFocusStatus {
@@ -36178,19 +36197,19 @@ function AddParticipantComponent_form_6_div_16_Template(rf, ctx) { if (rf & 1) {
36178
36197
  } if (rf & 2) {
36179
36198
  const ctx_r16 = i0.ɵɵnextContext(2);
36180
36199
  i0.ɵɵadvance(3);
36181
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 17, "add.participant.lawyer.name"));
36200
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(4, 19, "add.participant.lawyer.name"));
36182
36201
  i0.ɵɵadvance(2);
36183
36202
  i0.ɵɵpropertyInterpolate("placeholder", (ctx_r16.role.value == null ? null : ctx_r16.role.value.value) == "ATNY" ? "Attorney Name" : "Representatative Name");
36184
36203
  i0.ɵɵadvance(1);
36185
36204
  i0.ɵɵclassMap("app-grid");
36186
- i0.ɵɵproperty("field", ctx_r16.name)("form", ctx_r16.userForm)("errDef", i0.ɵɵpureFunction0(21, _c5$9));
36205
+ i0.ɵɵproperty("field", ctx_r16.name)("form", ctx_r16.userForm)("errDef", i0.ɵɵpureFunction0(23, _c5$9));
36187
36206
  i0.ɵɵadvance(3);
36188
- i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 19, "add.participant.lawyer.phone"));
36207
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(10, 21, "add.participant.lawyer.phone"));
36189
36208
  i0.ɵɵadvance(3);
36190
36209
  i0.ɵɵclassMap("app-grid block mb-2");
36191
- i0.ɵɵproperty("field", ctx_r16.phone)("form", ctx_r16.userForm)("errDef", i0.ɵɵpureFunction0(22, _c5$9));
36210
+ i0.ɵɵproperty("field", ctx_r16.phone)("form", ctx_r16.userForm)("errDef", i0.ɵɵpureFunction0(24, _c5$9));
36192
36211
  i0.ɵɵadvance(3);
36193
- i0.ɵɵproperty("enableAddressValidation", ctx_r16.isAddressValidationEnabled)("inputId", "address")("standaloneAddressForm", true);
36212
+ i0.ɵɵproperty("enableAddressValidation", ctx_r16.isAddressValidationEnabled)("inputId", "address")("standaloneAddressForm", true)("parentFormComponent", "add-participant")("questionaireForm", ctx_r16.userForm);
36194
36213
  i0.ɵɵadvance(2);
36195
36214
  i0.ɵɵproperty("ngIf", !ctx_r16.util.isState("ME"));
36196
36215
  } }
@@ -36250,7 +36269,7 @@ function AddParticipantComponent_form_6_Template(rf, ctx) { if (rf & 1) {
36250
36269
  i0.ɵɵelement(14, "p-selectButton", 17);
36251
36270
  i0.ɵɵtemplate(15, AddParticipantComponent_form_6_span_15_Template, 3, 3, "span", 18);
36252
36271
  i0.ɵɵelementEnd();
36253
- i0.ɵɵtemplate(16, AddParticipantComponent_form_6_div_16_Template, 23, 23, "div", 19)(17, AddParticipantComponent_form_6_div_17_Template, 18, 18, "div", 20);
36272
+ i0.ɵɵtemplate(16, AddParticipantComponent_form_6_div_16_Template, 23, 25, "div", 19)(17, AddParticipantComponent_form_6_div_17_Template, 18, 18, "div", 20);
36254
36273
  i0.ɵɵelementEnd();
36255
36274
  } if (rf & 2) {
36256
36275
  const ctx_r4 = i0.ɵɵnextContext();
@@ -36288,6 +36307,7 @@ class AddParticipantComponent {
36288
36307
  phone: new FormControl(null, Validators.required),
36289
36308
  role: new FormControl(null, Validators.required),
36290
36309
  address: new FormControl(null),
36310
+ hidIsAddressValidated: new FormControl(null)
36291
36311
  });
36292
36312
  this.selectButtonValidation();
36293
36313
  }
@@ -36465,7 +36485,7 @@ class AddParticipantComponent {
36465
36485
  provide: NG_VALUE_ACCESSOR,
36466
36486
  useExisting: AddParticipantComponent,
36467
36487
  multi: true
36468
- }])], decls: 7, vars: 3, consts: [[3, "rowHover", "value"], ["dt", ""], ["pTemplate", "header"], ["pTemplate", "body"], ["pTemplate", "footer"], [1, "align"], ["style", "margin-left:16px", 3, "formGroup", "ngSubmit", 4, "ngIf"], ["fill", "outline", "size", "small", 1, "action-button", 3, "click"], [1, "action-icon", 3, "icon"], [3, "innerHtml"], [1, "col-offset-4", "action-button"], ["fill", "outline", "size", "small", "shape", "square", 1, "action-button", 3, "click"], [2, "margin-left", "16px", 3, "formGroup", "ngSubmit"], ["participantForm", "ngForm"], [1, "field-grid"], [1, "heading"], [2, "padding-left", "0px"], ["optionLabel", "name", "formControlName", "role", "required", "", "optionDisabled", "disabledRole", 3, "options"], ["class", "help-block", 4, "ngIf"], ["class", "formgrid grid", "style", "margin-top:10px", 4, "ngIf"], ["class", "formgrid grid", 4, "ngIf"], [1, "help-block"], [1, "formgrid", "grid", 2, "margin-top", "10px"], [1, "field", "col-4", "md:col-2"], [2, "margin", "4px"], ["type", "text", "pInputText", "", "formControlName", "name", 1, "text-base", "text-color", "surface-overlay", "p-2", "border-1", "border-solid", "surface-border", "border-round", "appearance-none", "outline-none", "focus:border-primary", "w-full", 3, "placeholder"], [3, "field", "form", "errDef"], [1, "field", "col-4", "md:col-9"], [1, "block", "mb-2"], ["mask", "999-999-9999", "placeholder", "999-999-9999", "formControlName", "phone", "unmask", "true"], [1, "field", "col-4", "md:col-9", "field-grid"], ["formControlName", "address", 3, "enableAddressValidation", "inputId", "standaloneAddressForm"], ["participantAddress", ""], ["class", "field col-4 md:col-9 field-grid", 4, "ngIf"], ["fill", "outline", "shape", "round", 1, "col-offset-3", 3, "click"], ["fill", "outline", "shape", "round", "type", "submit", 1, "col-offset-1", 3, "click"], [2, "padding", "10px 0 0 2px"], [1, "formgrid", "grid"], [2, "margin", "10px 0px"], ["type", "text", "pInputText", "", "formControlName", "name", "placeholder", "Witness Name", 1, "text-base", "text-color", "surface-overlay", "p-2", "border-1", "border-solid", "surface-border", "border-round", "appearance-none", "outline-none", "focus:border-primary", "w-full"], [1, "field", "col-4", "md:col-9", 2, "padding-top", "12px"], [1, "field", "col-12", "md:col-9", 2, "margin-top", "20px"], ["type", "submit", "fill", "outline", "shape", "round", 1, "col-offset-1", 3, "click"]], template: function AddParticipantComponent_Template(rf, ctx) { if (rf & 1) {
36488
+ }])], decls: 7, vars: 3, consts: [[3, "rowHover", "value"], ["dt", ""], ["pTemplate", "header"], ["pTemplate", "body"], ["pTemplate", "footer"], [1, "align"], ["style", "margin-left:16px", 3, "formGroup", "ngSubmit", 4, "ngIf"], ["fill", "outline", "size", "small", 1, "action-button", 3, "click"], [1, "action-icon", 3, "icon"], [3, "innerHtml"], [1, "col-offset-4", "action-button"], ["fill", "outline", "size", "small", "shape", "square", 1, "action-button", 3, "click"], [2, "margin-left", "16px", 3, "formGroup", "ngSubmit"], ["participantForm", "ngForm"], [1, "field-grid"], [1, "heading"], [2, "padding-left", "0px"], ["optionLabel", "name", "formControlName", "role", "required", "", "optionDisabled", "disabledRole", 3, "options"], ["class", "help-block", 4, "ngIf"], ["class", "formgrid grid", "style", "margin-top:10px", 4, "ngIf"], ["class", "formgrid grid", 4, "ngIf"], [1, "help-block"], [1, "formgrid", "grid", 2, "margin-top", "10px"], [1, "field", "col-4", "md:col-2"], [2, "margin", "4px"], ["type", "text", "pInputText", "", "formControlName", "name", 1, "text-base", "text-color", "surface-overlay", "p-2", "border-1", "border-solid", "surface-border", "border-round", "appearance-none", "outline-none", "focus:border-primary", "w-full", 3, "placeholder"], [3, "field", "form", "errDef"], [1, "field", "col-4", "md:col-9"], [1, "block", "mb-2"], ["mask", "999-999-9999", "placeholder", "999-999-9999", "formControlName", "phone", "unmask", "true"], [1, "field", "col-4", "md:col-9", "field-grid"], ["formControlName", "address", 3, "enableAddressValidation", "inputId", "standaloneAddressForm", "parentFormComponent", "questionaireForm"], ["participantAddress", ""], ["class", "field col-4 md:col-9 field-grid", 4, "ngIf"], ["fill", "outline", "shape", "round", 1, "col-offset-3", 3, "click"], ["fill", "outline", "shape", "round", "type", "submit", 1, "col-offset-1", 3, "click"], [2, "padding", "10px 0 0 2px"], [1, "formgrid", "grid"], [2, "margin", "10px 0px"], ["type", "text", "pInputText", "", "formControlName", "name", "placeholder", "Witness Name", 1, "text-base", "text-color", "surface-overlay", "p-2", "border-1", "border-solid", "surface-border", "border-round", "appearance-none", "outline-none", "focus:border-primary", "w-full"], [1, "field", "col-4", "md:col-9", 2, "padding-top", "12px"], [1, "field", "col-12", "md:col-9", 2, "margin-top", "20px"], ["type", "submit", "fill", "outline", "shape", "round", 1, "col-offset-1", 3, "click"]], template: function AddParticipantComponent_Template(rf, ctx) { if (rf & 1) {
36469
36489
  i0.ɵɵelementStart(0, "p-table", 0, 1);
36470
36490
  i0.ɵɵtemplate(2, AddParticipantComponent_ng_template_2_Template, 11, 9, "ng-template", 2)(3, AddParticipantComponent_ng_template_3_Template, 15, 7, "ng-template", 3)(4, AddParticipantComponent_ng_template_4_Template, 9, 5, "ng-template", 4);
36471
36491
  i0.ɵɵelementEnd();
@@ -36484,7 +36504,7 @@ class AddParticipantComponent {
36484
36504
  provide: NG_VALUE_ACCESSOR,
36485
36505
  useExisting: AddParticipantComponent,
36486
36506
  multi: true
36487
- }], template: "<p-table #dt [rowHover]=\"true\" [value]=\"participantList\" >\r\n <ng-template pTemplate=\"header\" let-columns >\r\n <tr >\r\n <th> {{\"add.participant.header.participantRole\"|translate}}</th>\r\n <th>{{\"add.participant.header.name\"|translate}}</th>\r\n <th> {{\"add.participant.header.phone\"|translate}}</th>\r\n <th></th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-participant let-rowIndex=\"rowIndex\">\r\n <tr >\r\n\r\n <td ><span>{{participant.role.name}}</span></td>\r\n <td><span>{{participant.name}}</span></td>\r\n <td><span>{{participant.phone}}</span></td>\r\n <td>\r\n <ion-button fill=\"outline\" (click)=\"editItem(participant)\" size=\"small\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'edit']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n <ion-button (click)=\"removeItem(participant)\" fill=\"outline\" size=\"small\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'trash-alt']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"footer\" let-columns>\r\n <tr>\r\n <td><span [innerHtml]=\"'add.participant.footer.addElement'|translate\"></span></td>\r\n <td></td>\r\n <td></td>\r\n <td class=\"col-offset-4 action-button\">\r\n <ion-button (click)=\"addRole()\" fill=\"outline\" size=\"small\" shape=\"square\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n<div class=\"align\">\r\n<form [formGroup]=\"userForm\" *ngIf=\"visible\" (ngSubmit)=\"onSubmit()\" #participantForm=\"ngForm\" style=\"margin-left:16px\">\r\n <div class=\"field-grid\">\r\n <br>\r\n <h1 class=\"heading\">{{\"add.participant.header.heading\"|translate}}</h1>\r\n <br>\r\n </div>\r\n <div class=\"field-grid\"><label> {{isAppealLevelSecond =='N' ? (\"add.participant.header.question\"|translate) : (\"add.participant.header.appealLevel2Question\"|translate)}}</label></div>\r\n \r\n <div style=\"padding-left: 0px;\">\r\n <p-selectButton [options]=\"roles\" optionLabel=\"name\" formControlName=\"role\" required optionDisabled=\"disabledRole\"\r\n [class.has-error]=\"role.dirty && role.invalid\">\r\n </p-selectButton>\r\n <span class=\"help-block\" *ngIf=\"role.dirty && role.invalid\">{{\"induction.required\"| translate}}</span>\r\n </div>\r\n <div class=\"formgrid grid\" *ngIf=\"role.value?.value =='ATNY' || role.value?.value=='RPRT'\" style=\"margin-top:10px\">\r\n <div class=\"field col-4 md:col-2\"><label style=\"margin:4px\">{{\"add.participant.lawyer.name\"|translate}}</label>\r\n <input type=\"text\" pInputText formControlName=\"name\" placeholder=\"{{role.value?.value =='ATNY' ? 'Attorney Name' : 'Representatative Name'}}\"\r\n class=\"text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full\"/>\r\n <app-error [class]=\"'app-grid'\" [field]='name' [form]=\"userForm\" [errDef]=\"{ \r\n required: 'Required.'}\">\r\n </app-error>\r\n </div>\r\n\r\n <div class=\"field col-4 md:col-9\"><span\r\n class=\"block mb-2\">{{\"add.participant.lawyer.phone\"|translate}}</span>\r\n <p-inputMask mask=\"999-999-9999\" placeholder=\"999-999-9999\" formControlName=\"phone\" unmask=\"true\"></p-inputMask>\r\n <app-error [class]=\"'app-grid block mb-2'\" [field]='phone' [form]=\"userForm\" [errDef]=\"{ \r\n required: 'Required.'}\">\r\n </app-error>\r\n </div>\r\n <br />\r\n\r\n <div class=\"field col-4 md:col-9 field-grid\">\r\n <app-address #participantAddress [enableAddressValidation]=\"isAddressValidationEnabled\" [inputId]=\"'address'\" [standaloneAddressForm]=\"true\" formControlName=\"address\"></app-address>\r\n <div *ngIf=\"!util.isState('ME')\" class=\"field col-4 md:col-9 field-grid\"><label style=\"padding: 10px 0 0 2px\">{{\"add.participant.footer.declaration\"|translate}}</label></div>\r\n </div>\r\n <div class=\"field col-4 md:col-9\">\r\n <ion-button (click)=\"close()\" fill=\"outline\" shape=\"round\" class=\"col-offset-3\">Clear</ion-button>\r\n <ion-button (click)=\"onSubmit()\" fill=\"outline\" shape=\"round\" type=\"submit\" class=\"col-offset-1\">Save</ion-button>\r\n </div>\r\n </div>\r\n\r\n <div class=\"formgrid grid\" *ngIf=\"role.value?.value =='WITN'\">\r\n <div class=\"field col-4 md:col-2\"><label style=\"margin:10px 0px\">{{\"add.participant.observer.name\"|translate}}</label>\r\n <input type=\"text\" pInputText formControlName=\"name\" placeholder=\"Witness Name\"\r\n class=\"text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full\">\r\n <app-error [class]=\"'app-grid'\" [field]='name' [form]=\"userForm\" [errDef]=\"{ \r\n required: 'Required.'}\">\r\n </app-error>\r\n </div>\r\n\r\n <div class=\"field col-4 md:col-9\" style=\"padding-top:12px\">\r\n <span class=\"block mb-2\">{{\"add.participant.observer.phone\"|translate}}</span>\r\n <p-inputMask mask=\"999-999-9999\" placeholder=\"999-999-9999\" formControlName=\"phone\" unmask=\"true\"></p-inputMask>\r\n <app-error [class]=\"'app-grid block mb-2'\" [field]='phone' [form]=\"userForm\" [errDef]=\"{ \r\n required: 'Required.'}\">\r\n </app-error>\r\n </div>\r\n <div class=\"field col-12 md:col-9\" style=\"margin-top: 20px;\">\r\n <ion-button (click)=\"close()\" fill=\"outline\" shape=\"round\" class=\"col-offset-3\">Clear</ion-button>\r\n\r\n <ion-button (click)=\"onSubmit()\" type=\"submit\" fill=\"outline\" shape=\"round\" class=\"col-offset-1\">Save</ion-button>\r\n </div>\r\n </div>\r\n</form>\r\n</div>", styles: [".help-block{color:red}p-table{margin:0 -16px}.align{margin:0 -16px}:host ::ng-deep p-selectbutton.ng-dirty.ng-invalid>.p-selectbutton>.p-button{border:1px solid red!important;color:red!important}:host ::ng-deep .p-selectbutton .p-button{margin-top:15px!important}:host ::ng-deep .p-datatable.app-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable.app-datatable .p-datatable-tfoot>tr>td{padding-left:17px!important}:host ::ng-deep th{width:300px;font-weight:700!important}\n"] }]
36507
+ }], template: "<p-table #dt [rowHover]=\"true\" [value]=\"participantList\" >\r\n <ng-template pTemplate=\"header\" let-columns >\r\n <tr >\r\n <th> {{\"add.participant.header.participantRole\"|translate}}</th>\r\n <th>{{\"add.participant.header.name\"|translate}}</th>\r\n <th> {{\"add.participant.header.phone\"|translate}}</th>\r\n <th></th>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"body\" let-participant let-rowIndex=\"rowIndex\">\r\n <tr >\r\n\r\n <td ><span>{{participant.role.name}}</span></td>\r\n <td><span>{{participant.name}}</span></td>\r\n <td><span>{{participant.phone}}</span></td>\r\n <td>\r\n <ion-button fill=\"outline\" (click)=\"editItem(participant)\" size=\"small\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'edit']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n <ion-button (click)=\"removeItem(participant)\" fill=\"outline\" size=\"small\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'trash-alt']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n <ng-template pTemplate=\"footer\" let-columns>\r\n <tr>\r\n <td><span [innerHtml]=\"'add.participant.footer.addElement'|translate\"></span></td>\r\n <td></td>\r\n <td></td>\r\n <td class=\"col-offset-4 action-button\">\r\n <ion-button (click)=\"addRole()\" fill=\"outline\" size=\"small\" shape=\"square\" class=\"action-button\">\r\n <fa-icon [icon]=\"['fal', 'plus']\" class=\"action-icon\"></fa-icon>\r\n </ion-button>\r\n </td>\r\n </tr>\r\n </ng-template>\r\n</p-table>\r\n<div class=\"align\">\r\n<form [formGroup]=\"userForm\" *ngIf=\"visible\" (ngSubmit)=\"onSubmit()\" #participantForm=\"ngForm\" style=\"margin-left:16px\">\r\n <div class=\"field-grid\">\r\n <br>\r\n <h1 class=\"heading\">{{\"add.participant.header.heading\"|translate}}</h1>\r\n <br>\r\n </div>\r\n <div class=\"field-grid\"><label> {{isAppealLevelSecond =='N' ? (\"add.participant.header.question\"|translate) : (\"add.participant.header.appealLevel2Question\"|translate)}}</label></div>\r\n \r\n <div style=\"padding-left: 0px;\">\r\n <p-selectButton [options]=\"roles\" optionLabel=\"name\" formControlName=\"role\" required optionDisabled=\"disabledRole\"\r\n [class.has-error]=\"role.dirty && role.invalid\">\r\n </p-selectButton>\r\n <span class=\"help-block\" *ngIf=\"role.dirty && role.invalid\">{{\"induction.required\"| translate}}</span>\r\n </div>\r\n <div class=\"formgrid grid\" *ngIf=\"role.value?.value =='ATNY' || role.value?.value=='RPRT'\" style=\"margin-top:10px\">\r\n <div class=\"field col-4 md:col-2\"><label style=\"margin:4px\">{{\"add.participant.lawyer.name\"|translate}}</label>\r\n <input type=\"text\" pInputText formControlName=\"name\" placeholder=\"{{role.value?.value =='ATNY' ? 'Attorney Name' : 'Representatative Name'}}\"\r\n class=\"text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full\"/>\r\n <app-error [class]=\"'app-grid'\" [field]='name' [form]=\"userForm\" [errDef]=\"{ \r\n required: 'Required.'}\">\r\n </app-error>\r\n </div>\r\n\r\n <div class=\"field col-4 md:col-9\"><span\r\n class=\"block mb-2\">{{\"add.participant.lawyer.phone\"|translate}}</span>\r\n <p-inputMask mask=\"999-999-9999\" placeholder=\"999-999-9999\" formControlName=\"phone\" unmask=\"true\"></p-inputMask>\r\n <app-error [class]=\"'app-grid block mb-2'\" [field]='phone' [form]=\"userForm\" [errDef]=\"{ \r\n required: 'Required.'}\">\r\n </app-error>\r\n </div>\r\n <br />\r\n\r\n <div class=\"field col-4 md:col-9 field-grid\">\r\n <app-address #participantAddress [enableAddressValidation]=\"isAddressValidationEnabled\" [inputId]=\"'address'\" [standaloneAddressForm]=\"true\" formControlName=\"address\" [parentFormComponent]=\"'add-participant'\" [questionaireForm]=\"userForm\"></app-address>\r\n <div *ngIf=\"!util.isState('ME')\" class=\"field col-4 md:col-9 field-grid\"><label style=\"padding: 10px 0 0 2px\">{{\"add.participant.footer.declaration\"|translate}}</label></div>\r\n </div>\r\n <div class=\"field col-4 md:col-9\">\r\n <ion-button (click)=\"close()\" fill=\"outline\" shape=\"round\" class=\"col-offset-3\">Clear</ion-button>\r\n <ion-button (click)=\"onSubmit()\" fill=\"outline\" shape=\"round\" type=\"submit\" class=\"col-offset-1\">Save</ion-button>\r\n </div>\r\n </div>\r\n\r\n <div class=\"formgrid grid\" *ngIf=\"role.value?.value =='WITN'\">\r\n <div class=\"field col-4 md:col-2\"><label style=\"margin:10px 0px\">{{\"add.participant.observer.name\"|translate}}</label>\r\n <input type=\"text\" pInputText formControlName=\"name\" placeholder=\"Witness Name\"\r\n class=\"text-base text-color surface-overlay p-2 border-1 border-solid surface-border border-round appearance-none outline-none focus:border-primary w-full\">\r\n <app-error [class]=\"'app-grid'\" [field]='name' [form]=\"userForm\" [errDef]=\"{ \r\n required: 'Required.'}\">\r\n </app-error>\r\n </div>\r\n\r\n <div class=\"field col-4 md:col-9\" style=\"padding-top:12px\">\r\n <span class=\"block mb-2\">{{\"add.participant.observer.phone\"|translate}}</span>\r\n <p-inputMask mask=\"999-999-9999\" placeholder=\"999-999-9999\" formControlName=\"phone\" unmask=\"true\"></p-inputMask>\r\n <app-error [class]=\"'app-grid block mb-2'\" [field]='phone' [form]=\"userForm\" [errDef]=\"{ \r\n required: 'Required.'}\">\r\n </app-error>\r\n </div>\r\n <div class=\"field col-12 md:col-9\" style=\"margin-top: 20px;\">\r\n <ion-button (click)=\"close()\" fill=\"outline\" shape=\"round\" class=\"col-offset-3\">Clear</ion-button>\r\n\r\n <ion-button (click)=\"onSubmit()\" type=\"submit\" fill=\"outline\" shape=\"round\" class=\"col-offset-1\">Save</ion-button>\r\n </div>\r\n </div>\r\n</form>\r\n</div>", styles: [".help-block{color:red}p-table{margin:0 -16px}.align{margin:0 -16px}:host ::ng-deep p-selectbutton.ng-dirty.ng-invalid>.p-selectbutton>.p-button{border:1px solid red!important;color:red!important}:host ::ng-deep .p-selectbutton .p-button{margin-top:15px!important}:host ::ng-deep .p-datatable.app-datatable .p-datatable-thead>tr>th,:host ::ng-deep .p-datatable.app-datatable .p-datatable-tfoot>tr>td{padding-left:17px!important}:host ::ng-deep th{width:300px;font-weight:700!important}\n"] }]
36488
36508
  }], () => [{ type: i1$4.FormBuilder }, { type: UtilService }, { type: ValidationService }, { type: AppealService }], { participantAddress: [{
36489
36509
  type: ViewChild,
36490
36510
  args: ['participantAddress', { static: false }]
@@ -43616,7 +43636,6 @@ class AddressSuggestionComponent {
43616
43636
  this.msuaCount = 0;
43617
43637
  this.setIsAddressValideController('0');
43618
43638
  }
43619
- console.log("THIS IS validate result", res.lastValidateResult);
43620
43639
  if (res.lastValidateResult === "NREC") {
43621
43640
  this.setIsAddressValideController('1');
43622
43641
  }
@@ -43678,8 +43697,13 @@ class AddressSuggestionComponent {
43678
43697
  }
43679
43698
  setIsAddressValideController(flag) {
43680
43699
  this.isAddressValid = flag;
43681
- if (this.questionaireForm?.form?.controls['hidIsAddressValidated']) {
43682
- this.questionaireForm.form.controls['hidIsAddressValidated'].setValue(this.isAddressValid);
43700
+ if (this.parentFormComponent && this.parentFormComponent === "add-participant") {
43701
+ this.questionaireForm.controls["hidIsAddressValidated"].setValue(this.isAddressValid);
43702
+ }
43703
+ else {
43704
+ if (this.questionaireForm?.form?.controls['hidIsAddressValidated']) {
43705
+ this.questionaireForm.form.controls['hidIsAddressValidated'].setValue(this.isAddressValid);
43706
+ }
43683
43707
  }
43684
43708
  }
43685
43709
  mapAddress(sel, isOrigin) {
@@ -43707,7 +43731,7 @@ class AddressSuggestionComponent {
43707
43731
  }
43708
43732
  }
43709
43733
  static { this.ɵfac = function AddressSuggestionComponent_Factory(t) { return new (t || AddressSuggestionComponent)(i0.ɵɵdirectiveInject(AddressValidationService)); }; }
43710
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressSuggestionComponent, selectors: [["app-address-suggestion"]], inputs: { original: "original", choices: "choices", form: "form", formName: "formName", diffMailAddressFlag: "diffMailAddressFlag", formBlur: "formBlur", standaloneAddressForm: "standaloneAddressForm", questionaireForm: "questionaireForm" }, outputs: { checkFormIsBlur: "checkFormIsBlur" }, decls: 2, vars: 2, consts: [["styleClass", "red-header", 3, "activeIndex", "onOpen", "onClose", 4, "ngIf"], ["class", "error-banner", 4, "ngIf"], ["styleClass", "red-header", 3, "activeIndex", "onOpen", "onClose"], ["pTemplate", "header"], ["pTemplate", "content"], [3, "ngModel", "ngModelChange", "ionChange"], [1, "label-heading"], ["slot", "start", 3, "value"], ["lines", "none"], [4, "ngFor", "ngForOf"], [1, "error-banner"], ["name", "alert-circle-outline", 2, "color", "var(--ion-color-danger)", "font-size", "18px", "margin-right", "8px"]], template: function AddressSuggestionComponent_Template(rf, ctx) { if (rf & 1) {
43734
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressSuggestionComponent, selectors: [["app-address-suggestion"]], inputs: { original: "original", choices: "choices", form: "form", formName: "formName", diffMailAddressFlag: "diffMailAddressFlag", formBlur: "formBlur", standaloneAddressForm: "standaloneAddressForm", questionaireForm: "questionaireForm", parentFormComponent: "parentFormComponent" }, outputs: { checkFormIsBlur: "checkFormIsBlur" }, decls: 2, vars: 2, consts: [["styleClass", "red-header", 3, "activeIndex", "onOpen", "onClose", 4, "ngIf"], ["class", "error-banner", 4, "ngIf"], ["styleClass", "red-header", 3, "activeIndex", "onOpen", "onClose"], ["pTemplate", "header"], ["pTemplate", "content"], [3, "ngModel", "ngModelChange", "ionChange"], [1, "label-heading"], ["slot", "start", 3, "value"], ["lines", "none"], [4, "ngFor", "ngForOf"], [1, "error-banner"], ["name", "alert-circle-outline", 2, "color", "var(--ion-color-danger)", "font-size", "18px", "margin-right", "8px"]], template: function AddressSuggestionComponent_Template(rf, ctx) { if (rf & 1) {
43711
43735
  i0.ɵɵtemplate(0, AddressSuggestionComponent_p_accordion_0_Template, 4, 1, "p-accordion", 0)(1, AddressSuggestionComponent_div_1_Template, 4, 1, "div", 1);
43712
43736
  } if (rf & 2) {
43713
43737
  i0.ɵɵproperty("ngIf", ctx.showAccordion && ctx.form.valid);
@@ -43734,6 +43758,8 @@ class AddressSuggestionComponent {
43734
43758
  type: Input
43735
43759
  }], questionaireForm: [{
43736
43760
  type: Input
43761
+ }], parentFormComponent: [{
43762
+ type: Input
43737
43763
  }], checkFormIsBlur: [{
43738
43764
  type: Output
43739
43765
  }] }); })();
@@ -44661,6 +44687,17 @@ class HistoryPageComponent {
44661
44687
  }
44662
44688
  uploadPopupDone() {
44663
44689
  this.showUploadPopup = false;
44690
+ if (this.selectedModel) {
44691
+ this.es
44692
+ .disableHistoryButton(this.selectedModel.transactionId, this.selectedModel.historyKey)
44693
+ .subscribe(res => {
44694
+ timer(2000).subscribe(() => {
44695
+ this.loadHistory();
44696
+ });
44697
+ }, err => {
44698
+ this.logger.error("Error while deactivating the event.", err);
44699
+ });
44700
+ }
44664
44701
  }
44665
44702
  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)); }; }
44666
44703
  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) {