@ksremp/ngx-ksremp-app-lib 1.0.1 → 1.0.2

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

@@ -14284,7 +14284,7 @@ const _c3$c = ["container"];
 const _c4$b = ["filter"];
 const _c5$8 = ["focusInput"];
 const _c6$4 = ["editableInput"];
-const _c7$1 = ["items"];
+const _c7 = ["items"];
 const _c8 = ["scroller"];
 const _c9 = ["overlay"];
 const _c10 = ["firstHiddenFocusableEl"];
@@ -15792,7 +15792,7 @@ class Dropdown {
             i0.ɵɵviewQuery(_c4$b, 5);
             i0.ɵɵviewQuery(_c5$8, 5);
             i0.ɵɵviewQuery(_c6$4, 5);
-            i0.ɵɵviewQuery(_c7$1, 5);
+            i0.ɵɵviewQuery(_c7, 5);
             i0.ɵɵviewQuery(_c8, 5);
             i0.ɵɵviewQuery(_c9, 5);
             i0.ɵɵviewQuery(_c10, 5);
@@ -16994,7 +16994,6 @@ function AddEmployerComponent_ion_grid_6_div_10_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵclassMap("app-grid");
     i0.ɵɵproperty("form", ctx_r8.isFormSubmitted)("field", ctx_r8.serviceBranch)("errDef", i0.ɵɵpureFunction1(11, _c3$b, ctx_r8.required));
 } }
-const _c4$a = (a0, a1) => ({ required: a0, requiredKansas: a1 });
 function AddEmployerComponent_ion_grid_6_div_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 14)(1, "label", 35);
     i0.ɵɵtext(2);
@@ -17009,7 +17008,7 @@ function AddEmployerComponent_ion_grid_6_div_11_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("formControl", ctx_r9.milState)("options", ctx_r9.statesOptions);
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("form", ctx_r9.isFormSubmitted)("field", ctx_r9.milState)("errDef", i0.ɵɵpureFunction2(8, _c4$a, ctx_r9.required, ctx_r9.requiredKansas));
+    i0.ɵɵproperty("form", ctx_r9.isFormSubmitted)("field", ctx_r9.milState)("errDef", i0.ɵɵpureFunction1(8, _c3$b, ctx_r9.required));
 } }
 function AddEmployerComponent_ion_grid_6_ion_row_12_Template(rf, ctx) { if (rf & 1) {
     const _r79 = i0.ɵɵgetCurrentView();
@@ -18132,7 +18131,7 @@ function AddEmployerComponent_ion_grid_6_div_59_ng_container_13_Template(rf, ctx
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", ctx_r122.employerType.value === "FED" || ctx_r122.employerType.value === "REG" && wageAmountForm_r124.value.displayForAll === true);
 } }
-const _c5$7 = () => ({ requireCheckboxToBeChecked: "at least one amount must be greater than zero" });
+const _c4$a = () => ({ requireCheckboxToBeChecked: "at least one amount must be greater than zero" });
 function AddEmployerComponent_ion_grid_6_div_59_tr_14_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td", 168);
     i0.ɵɵelement(2, "app-error", 169);
@@ -18141,7 +18140,7 @@ function AddEmployerComponent_ion_grid_6_div_59_tr_14_Template(rf, ctx) { if (rf
     const ctx_r123 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
     i0.ɵɵclassMap("app-grid");
-    i0.ɵɵproperty("field", ctx_r123.wageAmountArray)("form", ctx_r123.isFormSubmitted)("errDef", i0.ɵɵpureFunction0(5, _c5$7));
+    i0.ɵɵproperty("field", ctx_r123.wageAmountArray)("form", ctx_r123.isFormSubmitted)("errDef", i0.ɵɵpureFunction0(5, _c4$a));
 } }
 function AddEmployerComponent_ion_grid_6_div_59_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 14)(1, "label");
@@ -18220,7 +18219,7 @@ function AddEmployerComponent_ion_grid_6_ion_button_67_Template(rf, ctx) { if (r
 function AddEmployerComponent_ion_grid_6_Template(rf, ctx) { if (rf & 1) {
     const _r137 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "ion-grid")(1, "ion-row")(2, "ion-col", 5)(3, "div", 6);
-    i0.ɵɵtemplate(4, AddEmployerComponent_ion_grid_6_div_4_Template, 8, 5, "div", 7)(5, AddEmployerComponent_ion_grid_6_div_5_Template, 8, 6, "div", 7)(6, AddEmployerComponent_ion_grid_6_div_6_Template, 7, 14, "div", 7)(7, AddEmployerComponent_ion_grid_6_div_7_Template, 7, 14, "div", 7)(8, AddEmployerComponent_ion_grid_6_div_8_Template, 7, 5, "div", 7)(9, AddEmployerComponent_ion_grid_6_div_9_Template, 6, 11, "div", 8)(10, AddEmployerComponent_ion_grid_6_div_10_Template, 6, 13, "div", 7)(11, AddEmployerComponent_ion_grid_6_div_11_Template, 6, 11, "div", 7)(12, AddEmployerComponent_ion_grid_6_ion_row_12_Template, 16, 32, "ion-row", 4)(13, AddEmployerComponent_ion_grid_6_ion_row_13_Template, 16, 22, "ion-row", 4)(14, AddEmployerComponent_ion_grid_6_ion_row_14_Template, 4, 3, "ion-row", 4)(15, AddEmployerComponent_ion_grid_6_div_15_Template, 5, 11, "div", 7)(16, AddEmployerComponent_ion_grid_6_ion_row_16_Template, 16, 24, "ion-row", 4)(17, AddEmployerComponent_ion_grid_6_div_17_Template, 6, 13, "div", 7)(18, AddEmployerComponent_ion_grid_6_ion_row_18_Template, 10, 12, "ion-row", 4)(19, AddEmployerComponent_ion_grid_6_ion_row_19_Template, 16, 32, "ion-row", 4)(20, AddEmployerComponent_ion_grid_6_div_20_Template, 6, 11, "div", 7)(21, AddEmployerComponent_ion_grid_6_div_21_Template, 7, 12, "div", 7)(22, AddEmployerComponent_ion_grid_6_ion_row_22_Template, 16, 32, "ion-row", 4)(23, AddEmployerComponent_ion_grid_6_ion_row_23_Template, 8, 11, "ion-row", 4)(24, AddEmployerComponent_ion_grid_6_div_24_Template, 7, 12, "div", 7)(25, AddEmployerComponent_ion_grid_6_div_25_Template, 6, 11, "div", 7)(26, AddEmployerComponent_ion_grid_6_ion_row_26_Template, 15, 25, "ion-row", 4)(27, AddEmployerComponent_ion_grid_6_div_27_Template, 6, 11, "div", 7)(28, AddEmployerComponent_ion_grid_6_div_28_Template, 5, 12, "div", 7)(29, AddEmployerComponent_ion_grid_6_div_29_Template, 6, 13, "div", 7)(30, AddEmployerComponent_ion_grid_6_div_30_Template, 6, 13, "div", 7)(31, AddEmployerComponent_ion_grid_6_div_31_Template, 10, 15, "div", 7)(32, AddEmployerComponent_ion_grid_6_div_32_Template, 7, 14, "div", 7)(33, AddEmployerComponent_ion_grid_6_div_33_Template, 8, 6, "div", 7);
+    i0.ɵɵtemplate(4, AddEmployerComponent_ion_grid_6_div_4_Template, 8, 5, "div", 7)(5, AddEmployerComponent_ion_grid_6_div_5_Template, 8, 6, "div", 7)(6, AddEmployerComponent_ion_grid_6_div_6_Template, 7, 14, "div", 7)(7, AddEmployerComponent_ion_grid_6_div_7_Template, 7, 14, "div", 7)(8, AddEmployerComponent_ion_grid_6_div_8_Template, 7, 5, "div", 7)(9, AddEmployerComponent_ion_grid_6_div_9_Template, 6, 11, "div", 8)(10, AddEmployerComponent_ion_grid_6_div_10_Template, 6, 13, "div", 7)(11, AddEmployerComponent_ion_grid_6_div_11_Template, 6, 10, "div", 7)(12, AddEmployerComponent_ion_grid_6_ion_row_12_Template, 16, 32, "ion-row", 4)(13, AddEmployerComponent_ion_grid_6_ion_row_13_Template, 16, 22, "ion-row", 4)(14, AddEmployerComponent_ion_grid_6_ion_row_14_Template, 4, 3, "ion-row", 4)(15, AddEmployerComponent_ion_grid_6_div_15_Template, 5, 11, "div", 7)(16, AddEmployerComponent_ion_grid_6_ion_row_16_Template, 16, 24, "ion-row", 4)(17, AddEmployerComponent_ion_grid_6_div_17_Template, 6, 13, "div", 7)(18, AddEmployerComponent_ion_grid_6_ion_row_18_Template, 10, 12, "ion-row", 4)(19, AddEmployerComponent_ion_grid_6_ion_row_19_Template, 16, 32, "ion-row", 4)(20, AddEmployerComponent_ion_grid_6_div_20_Template, 6, 11, "div", 7)(21, AddEmployerComponent_ion_grid_6_div_21_Template, 7, 12, "div", 7)(22, AddEmployerComponent_ion_grid_6_ion_row_22_Template, 16, 32, "ion-row", 4)(23, AddEmployerComponent_ion_grid_6_ion_row_23_Template, 8, 11, "ion-row", 4)(24, AddEmployerComponent_ion_grid_6_div_24_Template, 7, 12, "div", 7)(25, AddEmployerComponent_ion_grid_6_div_25_Template, 6, 11, "div", 7)(26, AddEmployerComponent_ion_grid_6_ion_row_26_Template, 15, 25, "ion-row", 4)(27, AddEmployerComponent_ion_grid_6_div_27_Template, 6, 11, "div", 7)(28, AddEmployerComponent_ion_grid_6_div_28_Template, 5, 12, "div", 7)(29, AddEmployerComponent_ion_grid_6_div_29_Template, 6, 13, "div", 7)(30, AddEmployerComponent_ion_grid_6_div_30_Template, 6, 13, "div", 7)(31, AddEmployerComponent_ion_grid_6_div_31_Template, 10, 15, "div", 7)(32, AddEmployerComponent_ion_grid_6_div_32_Template, 7, 14, "div", 7)(33, AddEmployerComponent_ion_grid_6_div_33_Template, 8, 6, "div", 7);
     i0.ɵɵelement(34, "app-error", 9);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(35, "ion-col", 5)(36, "div", 6);
@@ -18357,8 +18356,8 @@ function AddEmployerComponent_ion_grid_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵproperty("ngIf", !ctx_r1.isBasePeriodEmployer);
 } }
-const _c6$3 = () => ({ width: "60vw" });
-const _c7 = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
+const _c5$7 = () => ({ width: "60vw" });
+const _c6$3 = () => ({ "1200px": "660px", "992px": "660px", "768px": "660px", "576px": "100vw" });
 class AddEmployerComponent {
     constructor(formBuilder, validationService, util, filterService, logger, sanitizer, claimsService, ls, el, ar, translateService) {
         this.formBuilder = formBuilder;
@@ -18594,7 +18593,7 @@ class AddEmployerComponent {
             'reserveOrGuardFlag': [esm.reserveOrGuardFlag ?? null],
             'milPensionFlag': [esm.milPensionFlag ?? null, AppValidators$1.requiredIfValidator(() => this.employerType?.value === 'MIL')],
             'milPensionRecvDate': [esm.milPensionRecvDate ?? null, AppValidators$1.requiredIfValidator(() => (this.employerType?.value === 'MIL' && this.milPensionFlag.value === 'Y'))],
-            'milState': [null, [AppValidators$1.requiredIfValidator(() => this.employerType?.value === 'MIL'), AppValidators$1.requiredKansas]],
+            'milState': [null, [AppValidators$1.requiredIfValidator(() => this.employerType?.value === 'MIL')]],
             'addressLine1': [esm.addressLine1 ?? null],
             'addressLine2': [esm.addressLine2 ?? null],
             'addressLine3': [esm.addressLine3 ?? null],
@@ -19352,8 +19351,8 @@ class AddEmployerComponent {
             i0.ɵɵtemplate(6, AddEmployerComponent_ion_grid_6_Template, 68, 67, "ion-grid", 4);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵstyleMap(i0.ɵɵpureFunction0(11, _c6$3));
-            i0.ɵɵproperty("showHeader", false)("draggable", false)("resizable", false)("breakpoints", i0.ɵɵpureFunction0(12, _c7));
+            i0.ɵɵstyleMap(i0.ɵɵpureFunction0(11, _c5$7));
+            i0.ɵɵproperty("showHeader", false)("draggable", false)("resizable", false)("breakpoints", i0.ɵɵpureFunction0(12, _c6$3));
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 9, "induction.confirm.employment.heading"), " ");
             i0.ɵɵadvance(2);
@@ -19364,7 +19363,7 @@ class AddEmployerComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddEmployerComponent, [{
         type: Component,
-        args: [{ selector: 'app-add-employer', template: "<p-dialog visible=\"true\" position=\"top\" appendTo=\"body\" [showHeader]=\"false\" [draggable]=\"false\"\r\n  [resizable]=\"false\" [style]=\"{width: '60vw'}\"\r\n  [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '660px', '576px': '100vw'}\">\r\n  <h4 style=\"color: var(--ion-color-grey); padding-left: 20px;\"> {{\"induction.confirm.employment.heading\"|translate}}\r\n  </h4>\r\n  <form #employerForm [formGroup]=\"addEmployerForm\">\r\n    <ion-grid *ngIf=\"addEmployerForm?.controls\"> <!--To Review-->\r\n      <ion-row>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid p-formgrid\">\r\n            <div class=\"field\" *ngIf=\"isBasePeriodEmployer\">\r\n              {{customerName}}\r\n              <div *ngIf=\"aliasName != null\">\r\n                {{\"induction.confirm.employment.dba\"|translate}} {{aliasName}}</div>\r\n              <br>\r\n              <span style=\"font-size: 12px;\"> {{mailingAddressDisplay}}\r\n              </span>\r\n              <div *ngIf=\"isCSR\">\r\n                <br>\r\n                {{\"induction.confirm.employment.employer.wages\"|translate}}\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"isCSR\">\r\n                <p-table [value]=\"employerProvidedWages\" styleClass=\"p-datatable-striped app-datatable ion-padding-top\"\r\n                  [columns]=\"employerProvidedWages\">\r\n                  <ng-template pTemplate=\"header\" let-columns>\r\n                    <tr>\r\n                      <th *ngFor=\"let col of columns\">\r\n                        <b>{{ col.qtrYearDisplayString }}</b>\r\n                      </th>\r\n                    </tr>\r\n                    <tr>\r\n                      <td *ngFor=\"let col of columns\">\r\n                        {{col.wageAmount | currency}}\r\n                      </td>\r\n                    </tr>\r\n                  </ng-template>\r\n                </p-table>\r\n              </div>\r\n            </div>\r\n             <div class=\"field\" *ngIf=\"workFlag?.value == 'Y'\">\r\n              <label>{{\"induction.confirm.employment.workflag.no\"|translate}}<br /> <br />\r\n                {{\"induction.confirm.employment.workflag.no.line2\"|translate}}</label>\r\n            </div> \r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer\">\r\n              <label for=\"employerType\">{{\"induction.add.employment.employer.type\"|translate}}</label>\r\n              <div style=\"inline-size: inherit;\">\r\n                <p-selectButton inputId=\"employerType\" [options]=\"employerTypeOptions\" optionLabel=\"text\" optionValue=\"value\"\r\n                  [formControl]=\"employerType\" [class.disabled]=\"noEditMode\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='employerType' [errDef]=\"{    \r\n                   required:  required,\r\n            }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'  \">\r\n              <label for=\"prevWorkedState\">{{\"induction.add.employment.work.state\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"prevWorkedState\" [options]=\"prevWorkedStateOptions\" [formControl]=\"prevWorkedState\" optionLabel=\"text\"\r\n                  optionValue=\"value\" [class.disabled]=\"noEditMode\"\r\n                  (onOptionClick)=\"onToggleChangePrevWorkedState($event)\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='prevWorkedState' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'  \">\r\n              <label for=\"employerName\">{{\"induction.add.employment.employer.name\"|translate}}</label>\r\n              <div *ngIf=\"prevWorkedState.value==='KS'; else elseBlock\">\r\n                <app-search-employer inputId=\"employerName\" [formControl]=\"employerName\" empType=\"REG\" (onFound)=\"setEmployer($event)\"\r\n                  (onEmpty)=\"resetEmployer($event)\"></app-search-employer>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='employerName' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n              <ng-template #elseBlock>\r\n                <div class=\"field\">\r\n                  <input id=\"employerName\" type=\"input\" pInputText [formControl]=\"othStateEmpName\" maxlength=\"50\">\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='othStateEmpName' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n                </div>\r\n              </ng-template>\r\n            </div>\r\n            <div class=\"field\" style=\"width: inherit !important;\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"fedEmployerName\">{{\"induction.add.employment.employer.fed.name\"|translate}}</label>\r\n              <app-search-employer [formControl]=\"fedEmployerName\" empType=\"FED\" (onFound)=\"setFedEmployer($event)\"\r\n                (onEmpty)=\"resetFedEmployer($event)\"></app-search-employer>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedEmployerName' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL'\">\r\n              <label id=\"serviceBranch-label\" for=\"serviceBranch\">{{\"induction.add.employment.mil.service.branch\"|translate}}</label>\r\n              <p-dropdown [options]=\"militaryServiceOptions\" [formControl]=\"serviceBranch\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"serviceBranch\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='serviceBranch' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL'\">\r\n              <label id=\"mil-state-label\" for=\"mil-state\">\r\n                {{\"induction.add.employment.physical.location\"|translate}}\r\n              </label>\r\n              <p-dropdown [formControl]=\"milState\" [options]=\"statesOptions\" optionLabel=\"text\" inputId=\"mil-state\" appendTo=\"body\">\r\n\r\n              </p-dropdown>\r\n              <app-error class=\"app-grid\" [form]=\"isFormSubmitted\" [field]=\"milState\" [errDef]=\"{\r\n               required:  required,\r\n                requiredKansas: requiredKansas\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='MIL'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"startDateMil\">{{\"induction.add.employment.mil.startdate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"startDateMil\" [showIcon]=\"true\" inputId=\"startDateMil\"\r\n                    [formControl]=\"startDateMil\" [maxDate]=\"dateTime\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"\r\n                    appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                    [minDate]=\"minWorkStartDate\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='startDateMil' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"endDateMil\">{{\"induction.add.employment.mil.enddate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"endDateMil\" [showIcon]=\"true\" inputId=\"endDateMil\" [maxDate]=\"dateTime\"\r\n                    [minDate]=\"minDate\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n                    appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDateMil\"\r\n                    [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='endDateMil' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='FED' && hideFicCode\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"ficCode\">{{\"induction.add.employment.fed.fic.code\"|translate}}</label>\r\n                  <input id=\"ficCode\" type=\"input\" pInputText [formControl]=\"ficCode\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='ficCode' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"ficDestinationName\">{{\"induction.add.employment.fed.fic.destination\"|translate}}</label>\r\n                  <input id=\"ficDestinationName\" type=\"input\" pInputText [formControl]=\"ficDestinationName\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='ficDestinationName' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding-left: 0px; padding-right: 0px;\">\r\n                <app-address #address1 [formControl]=\"address\" [countyRequired]=\"false\" [fromPopup]=\"true\">\r\n                </app-address>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <app-address readonly=\"true\" #address2 [formControl]=\"address\" [countyRequired]=\"false\" [fromPopup]=\"true\"> </app-address>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]=\"address\" [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              <mat-error class=\"app-grid\" *ngIf=\"address?.errors?.addressValidationFlag && isFormSubmitted.submitted\">\r\n                {{\"common.valid.address\"|translate}}\r\n              </mat-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"workCity\">{{\"induction.add.employment.work.location.city\"|translate}} </label>\r\n                  <input id=\"workCity\" type=\"input\" pInputText [formControl]=\"workCity\" maxlength=\"30\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='workCity' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label id=\"workState-label\" for=\"workState\">{{\"induction.add.employment.work.location.state\"|translate}}</label>\r\n                  <p-dropdown [options]=\"prevWorkedState.value==='KS'?statesOptions:nonKSStatesOptions\"\r\n                    [formControl]=\"workState\" optionLabel=\"text\" appendTo=\"body\" [autoDisplayFirst]=\"false\"\r\n                    inputId=\"workState\" (onChange)=\"validateWagesDisplay($event)\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='workState' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label id=\"fedWorkCountry-label\" for=\"fedWorkCountry\">{{\"induction.add.employment.fed.work.location.country\"|translate}}</label>\r\n              <p-dropdown [options]=\"workCountryOptions\" [formControl]=\"fedWorkCountry\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"fedWorkCountry\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedWorkCountry' [errDef]=\"{ \r\n                                 required:  required,\r\n                                }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='FED'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"fedWorkCity\">{{\"induction.add.employment.work.location.city\"|translate}}</label>\r\n                  <input id=\"fedWorkCity\" type=\"input\" pInputText [formControl]=\"fedWorkCity\" maxlength=\"30\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedWorkCity' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\" *ngIf=\"showWorkState === true\">\r\n                <div class=\"field\">\r\n                  <label id=\"fedWorkState-label\" for=\"fedWorkState\">{{\"induction.add.employment.work.location.state\"|translate}}</label>\r\n                  <p-dropdown [options]=\"statesOptions\" [formControl]=\"fedWorkState\" optionLabel=\"text\" appendTo=\"body\"\r\n                    [autoDisplayFirst]=\"false\" inputId=\"fedWorkState\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedWorkState' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='FED'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"startDateFed\">{{\"induction.add.employment.fed.startdate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"startDateFed\" [showIcon]=\"true\" [maxDate]=\"dateTime\" inputId=\"startDateFed\"\r\n                    [formControl]=\"startDateFed\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" appendTo=\"body\"\r\n                    dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                    [minDate]=\"minWorkStartDate\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='startDateFed' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"endDateFed\">{{\"induction.add.employment.fed.enddate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"endDateFed\" [showIcon]=\"true\" inputId=\"endDateFed\" [maxDate]=\"dateTime\"\r\n                    [minDate]=\"minDate\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n                    appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDateFed\"\r\n                    [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='endDateFed' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"fedJobTileOrPosition\">{{\"induction.add.employment.fed.jobtitle\"|translate}}</label>\r\n              <input id=\"fedJobTileOrPosition\" type=\"input\" pInputText [formControl]=\"fedJobTileOrPosition\"\r\n                maxlength=\"100\" />\r\n              <!--  <p-autoComplete [formControl]=\"fedJobTileOrPosition\" [suggestions]=\"fedJobTileOptions\" \r\n                (completeMethod)=\"filterFedJobTileOrPosition($event)\" field=\"jobTitle\" [dropdown]=\"false\" \r\n                placeholder=\"Start... typing job title\" minLength=3 forceSelection=\"true\">\r\n                <ng-template let-value pTemplate=\"item\">\r\n                  <div>\r\n                    <div>{{value.jobTitle}}</div>\r\n                  </div>\r\n                </ng-template>\r\n              </p-autoComplete> -->\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedJobTileOrPosition' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"sfEightflag\">{{\"induction.add.employment.fed.sfeight\"|translate}} </label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"sfEightflag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"sfEightflag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sfEightflag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='REG'\">\r\n\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"startDate\">{{\"induction.confirm.employment.startdate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"startDate\" [showIcon]=\"true\" inputId=\"startDate\" [maxDate]=\"dateTime\"\r\n                    [formControl]=\"startDate\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" [minDate]=\"minWorkStartDate\"\r\n                    appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='startDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"endDate\">{{\"induction.confirm.employment.enddate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"endDate\" [showIcon]=\"true\" inputId=\"endDate\" [minDate]=\"minDate\"\r\n                    [maxDate]=\"dateTime\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n                    appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDate\"\r\n                    (onBlur)=\"validateWagesDisplay($event)\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                    (onSelect)=\"validateWagesDisplay($event)\"></p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='endDate' [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 *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer  && employerType.value==='REG'\">            \r\n              <!-- <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"numberEmployed\">{{\"induction.add.employment.reg.employees.no\" | translate}} </label>\r\n                  <p-inputNumber [id]=\"numberEmployed\" [useGrouping]=\"false\" [formControl]=\"numberEmployed\"\r\n                    maxlength=\"9\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='numberEmployed' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col> -->\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"workType\">{{\"induction.add.employment.reg.work.type\" | translate}}</label>\r\n                  <input id=\"workType\" type=\"input\" pInputText [formControl]=\"workType\" maxlength=\"50\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='workType' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <!-- <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"claimantEmployedWithEmpr\">Were you employed while a spouse of a US military member stationed at\r\n                a foreign military base?</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"yesNoNaOptions\" [formControl]=\"claimantEmployedWithEmpr\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='claimantEmployedWithEmpr'                   [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"performedService\">{{\"induction.add.employment.fed.civilian.work\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"performedService\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"performedService\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='performedService' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"jobTileOrPosition\">{{\"induction.confirm.employment.jobtitle\"|translate}}</label>\r\n              <input id=\"jobTileOrPosition\" type=\"input\" pInputText [formControl]=\"jobTileOrPosition\" maxlength=\"100\" />\r\n              <!-- <p-autoComplete [formControl]=\"jobTileOrPosition\" [suggestions]=\"jobTileOrPositionOptions\" \r\n                (completeMethod)=\"filterJobTileOrPosition($event)\" field=\"jobTitle\" (onClear)=\"onClearAction($event)\" \r\n                 [dropdown]=\"false\" placeholder=\"Start... typing job title\" minLength=3 forceSelection=\"true\">\r\n                <ng-template let-value pTemplate=\"item\">\r\n                  <div>\r\n                    <div>{{value.jobTitle}}</div>\r\n                  </div>\r\n                </ng-template>\r\n              </p-autoComplete> -->\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='jobTileOrPosition' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && isBasePeriodEmployer && workFlag.value==='Y'\">\r\n               <ion-col style=\"padding-right:5px; padding-left: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"payRate\">{{\"induction.confirm.employment.payrate\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"payRate\" [formControl]=\"payRate\" mode=\"currency\" currency=\"USD\" [max]=\"999999.99\" maxlength=\"12\"\r\n                    locale=\"en-US\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col style=\"padding-right:5px; padding-left: 0px;\">\r\n                <div class=\"field\">\r\n                  <label id=\"payRateFrequency-label\" for=\"payRateFrequency\">{{\"induction.confirm.employment.per\"|translate}}</label>\r\n                  <p-dropdown [options]=\"payRateOptions\" [formControl]=\"payRateFrequency\" optionLabel=\"text\"\r\n                    appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"payRateFrequency\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRateFrequency' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"employerTelephoneNumber\">{{\"induction.confirm.employment.employer.phone\"|translate}}</label>\r\n\r\n              <p-inputMask mask=\"999-999-9999\" inputId=\"employerTelephoneNumber\" [formControl]=\"employerTelephoneNumber\"\r\n                placeholder=\"999-999-9999\"></p-inputMask>\r\n\r\n\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='employerTelephoneNumber' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value=='REG' || employerType.value==='FED'\">\r\n              <label id=\"reasonSeparation-label\" for=\"reasonSeparation\" *ngIf=\"employerType.value==='REG'\">{{\"induction.confirm.employment.reason.separation\"|translate}}</label>\r\n              <label id=\"reasonSeparation-label\" for=\"reasonSeparation\" *ngIf=\"employerType.value==='FED'\">{{\"induction.add.employment.fed.reason.separation\"|translate}}</label>\r\n              <p-dropdown [options]=\"employmentStatusOptionsAll\" [formControl]=\"reasonSeparation\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"reasonSeparation\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='reasonSeparation' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <!-- add for quit and discharge -->\r\n            <div class=\"field\" *ngIf=\"reasonSeparation.value?.value === 'DCFI' \r\n                && employerType.value!='MIL'\">\r\n              <label id=\"dischargeDetail-label\" for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label>\r\n              <p-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"dischargeDetail\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"dischargeDetail\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='dischargeDetail' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"reasonSeparation.value?.value === 'VOLQ' \r\n              && employerType.value!='MIL'\">\r\n              <label id=\"volQuitDetails-label\" for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label>\r\n              <p-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"volQuitDetails\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"volQuitDetails\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='volQuitDetails' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL' \">\r\n              <label for=\"milPensionFlag\">{{\"induction.add.employment.mil.pension\"|translate}}\r\n                <br> {{\"induction.add.employment.mil.pension.disclaimer\"|translate}}\r\n              </label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"milPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"milPensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='milPensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\"\r\n              *ngIf=\"employerType.value==='MIL' && this.milPensionFlag.value === 'Y' && this.currentState != 'ME'\">\r\n              <label for=\"milPensionRecvDate\">{{\"induction.add.employment.mil.pension.date\"|translate}}</label>\r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"milPensionRecvDate\" [formControl]=\"milPensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='milPensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL' \">\r\n              <label for=\"dd214Flag\">{{\"induction.add.employment.mil.dd214\"|translate}}\r\n              </label><br>\r\n              <div style=\"inline-size: min-content; display: inline-flex;\">\r\n                <p-selectButton inputId=\"dd214Flag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"dd214Flag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-overlay-info [overlayText]=\"dd214Info\"></app-overlay-info>\r\n              </div>\r\n            </div>\r\n            <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='dd214Flag' [errDef]=\"{ \r\n             required:  required,\r\n            }\"></app-error>\r\n          </div>\r\n        </ion-col>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid p-formgrid\">\r\n\r\n            <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='MIL' && dd214Flag.value==='Y'\">\r\n              <ion-col style=\"border-style: solid;\r\n                          border-width: 1px;\">\r\n                <div [innerHTML]=\"paraOne | translate\">\r\n                </div>\r\n                <!-- <app-file-uploader [formControl]=\"dd214File\" [uploadedFileForEdit]=\"dd214File.value\"></app-file-uploader> -->\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraTwo | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraThree | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraFour | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraFive | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraSix| translate)\" style=\"padding-left: 15px;\">\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n\r\n            <ion-row *ngIf=\"employerType.value==='MIL' && dd214Flag.value==='N'\">\r\n              <ion-col style=\"border-style: solid;\r\n                border-width: 1px;\">\r\n                <div [innerHTML]=\"noParaOne | translate\">\r\n                </div>\r\n                <!-- <app-file-uploader [formControl]=\"dd214File\" [uploadedFileForEdit]=\"dd214File.value\"></app-file-uploader> -->\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaTwo | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaThree | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaFour | translate)\"\r\n                  style=\"padding-left: 15px;\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaFive | translate)\">\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n              <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer && osaBpEmployerFlag.value ==='1'\"> <!--Old code-->\r\n              <ion-col style=\"padding-top: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"grossWages\" style=\"inline-size: max-content;\">\r\n                    {{\"induction.add.employment.total.wages.earned\"|translate}}\r\n                  </label>\r\n                  <p-inputNumber inputId=\"grossWages\" [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n                    [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='grossWages' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding-right:5px; padding-left: 0px; padding-top: 0px;\" *ngIf=\"!isBasePeriodEmployer\">\r\n                <div class=\"field\">\r\n                  <label for=\"payRate\">{{\"induction.add.employment.payrate\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"payRate\" [formControl]=\"payRate\" mode=\"currency\" currency=\"USD\"\r\n                    [max]=\"999999.99\" maxlength=\"12\" locale=\"en-US\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col style=\"padding-right:5px;padding-top: 0px;\" *ngIf=\"!isBasePeriodEmployer\">\r\n                <div class=\"field\">\r\n                  <label id=\"payRateFrequency-label\" for=\"payRateFrequency\">{{\"induction.add.employment.per\"|translate}}</label>\r\n                  <p-dropdown [options]=\"payRateOptions\" [formControl]=\"payRateFrequency\" optionLabel=\"text\"\r\n                    appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"payRateFrequency\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRateFrequency' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <!-- <ion-col *ngIf=\"displayVerificationOfWages.value\" style=\"padding-top: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"grossWages\"  style=\"inline-size: max-content;\">Total Wages Earned</label>\r\n                  <p-inputNumber [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\" [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='grossWages' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col> -->\r\n              <!--<ion-col *ngIf=\"displayVerificationOfWages.value  style=\"padding-top: 0px;\">  Old Code-->\r\n                <ion-col *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer\" style=\"padding-top: 0px;\"> <!--New condition was added-->\r\n                <div class=\"field\">\r\n                  <label for=\"grossWages\"  style=\"inline-size: max-content;\">{{\"induction.add.employment.total.wages.earned\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"grossWages\" [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\" [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='grossWages' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col> \r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED' \">\r\n              <label for=\"fedPensionFlag\">{{\"induction.add.employment.fed.pension\"|translate}}\r\n                <br> {{\"induction.add.employment.fed.pension.disclaimer\"|translate}}\r\n              </label>\r\n              <div style=\"inline-size: min-content; display:flex\">\r\n                <p-selectButton inputId=\"fedPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"fedPensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-overlay-info overlayText=\"{{'induction.add.employment.fed.pension.info'| translate}}\"\r\n                  style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedPensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\"\r\n              *ngIf=\"employerType.value==='FED' && this.fedPensionFlag.value === 'Y' && this.currentState != 'ME'\">\r\n              <label for=\"fedPensionRecvDate\">{{\"induction.add.employment.fed.pension.date\"|translate}}</label>\r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"fedPensionRecvDate\" [formControl]=\"fedPensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedPensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED' && this.currentState === 'ME' \">\r\n              <label for=\"sevPayFlag\">{{\"induction.add.employment.fed.severance\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"sevPayFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"sevPayFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='FED' && sevPayFlag.value==='Y'\">\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"weeklyAmount\">{{\"induction.add.employment.fed.severance.weekly.amt\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"weeklyAmount\" [formControl]=\"weeklyAmount\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n                    [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='weeklyAmount' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"numberOfWeeks\">{{\"induction.add.employment.fed.severance.weeks\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"numberOfWeeks\" [useGrouping]=\"false\" [formControl]=\"numberOfWeeks\" maxlength=\"4\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='numberOfWeeks' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n\r\n              <ion-col>\r\n                <div class=\"field\">\r\n                  <label for=\"sevPayAmount\">{{\"induction.add.employment.fed.severance.entitlement\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"sevPayAmount\" [formControl]=\"sevPayAmount\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n                    [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayAmount' [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 *ngIf=\"employerType.value==='FED' && sevPayFlag.value==='Y'\">\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"sevPayStartDate\">{{\"induction.add.employment.fed.severance.start.date\"|translate}}</label>\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"sevPayStartDate\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" [formControl]=\"sevPayStartDate\" [yearNavigator]=\"true\"\r\n                    yearRange=\"1901:2050\" appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\"\r\n                    dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayStartDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"sevPayEndDate\">{{\"induction.add.employment.fed.severance.end.date\"|translate}}</label>\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"sevPayEndDate\" [formControl]=\"sevPayEndDate\"\r\n                    [yearNavigator]=\"true\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\"\r\n                    appendTo=\"body\" [minDate]=\"minDate\" dataType=\"string\" [showOnFocus]=\"false\"\r\n                    (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayEndDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col>\r\n                <div class=\"field\">\r\n                  <label\r\n                    for=\"sevPayPaymentStartDate\">{{\"induction.add.employment.fed.severance.pay.date\"|translate}}</label>\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"sevPayPaymentStartDate\" [formControl]=\"sevPayPaymentStartDate\"\r\n                    [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                    placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayPaymentStartDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG' && workFlag.value==='Y'\">\r\n              <label for=\"pensionFlag\">{{\"induction.confirm.employment.pension\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"pensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"pensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='pensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> \r\n             \r\n            <div class=\"field\" *ngIf=\"isBasePeriodEmployer && workFlag.value==='Y' && pensionFlag.value==='Y'\r\n            && employerType.value==='REG' \"> <!-- this is questionable because above dependent question does not have isBasePeriodEmployer -->\r\n              <label for=\"pensionRecvDate\">{{\"induction.confirm.employment.pension.date\"|translate}}</label>\r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"pensionRecvDate\" [formControl]=\"pensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='pensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n              <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'\">\r\n              <label for=\"regPensionFlag\">{{\"induction.add.employment.reg.pension\"|translate}} <br />\r\n                {{\"induction.add.employment.reg.pension.disclaimer\"|translate}}</label>\r\n              <div style=\"inline-size: min-content; display:flex\">\r\n                <p-selectButton inputId=\"regPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"regPensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-overlay-info overlayText=\"{{'induction.add.employment.reg.pension.info'| translate}}\"\r\n                  style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='regPensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'\r\n            && regPensionFlag.value==='Y'\">\r\n              <label for=\"regPensionRecvDate\">{{\"induction.add.employment.reg.pension.date\"|translate}}</label>\r\n              \r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"regPensionRecvDate\" [formControl]=\"regPensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='regPensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"isClmtPaidWhileLow\">{{\"induction.confirm.employment.employer.pay.return.to.work\"|translate}}</label>\r\n              <div style=\"inline-size: min-content; display:flex;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"isClmtPaidWhileLow\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                  <app-overlay-info overlayText=\"{{'induction.add.employment.reg.employerPayReturnToWorkInfo'| translate}}\" \r\n                style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='isClmtPaidWhileLow' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"employerType.value==='REG' && currentState ==='ME'\">\r\n              <label for=\"hasShortTermDisability\">{{\"induction.confirm.employment.shorttermdisability\"|translate}} {{bpStartDateToDisplay | date:'MMMM d, yyyy'}} ?</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"hasShortTermDisability\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='hasShortTermDisability' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)&& employerType.value==='REG' && currentState==='ME'\">\r\n              <label for=\"hasRecvRemuneration\">{{\"induction.confirm.employment.remuneration.pay\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"hasRecvRemuneration\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='hasRecvRemuneration' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\" *ngIf=\"employerType.value==='REG' && currentState==='ME' && hasRecvRemuneration.value==='Y' && osaBpEmployerFlag.value==='0'\">\r\n              <label for=\"remunerationTypes\">{{\"induction.confirm.employment.remuneration.types\"|translate}}</label>\r\n              <p-checkbox [name]=\"'remunerationtypes-group'\" [value]=\"choice.value\" \r\n                [label]=\"choice.text\" *ngFor=\"let choice of remunerationTypeOptions\"  [formControl]=\"remunerationTypes\"\r\n                styleClass=\"app-p-checkbox\"></p-checkbox>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='remunerationTypes' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"employerType.value==='REG' && currentState ==='ME'\">\r\n              <label for=\"vacation\">{{\"induction.confirm.employment.vacation.break\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"vacation\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='vacation' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!--<div *ngIf=\"displayVerificationOfWages.value && employerType.value==='REG'\"> Stephen Code-->\r\n              <div *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n                <div class=\"field\">\r\n                  <h4>{{\"induction.add.employment.reg.verification.wages.header\"|translate}}</h4>\r\n                </div>\r\n                <div class=\"field\">\r\n                  <label>{{\"induction.add.employment.reg.verification.wages.subheader\"|translate}}</label>\r\n                </div>\r\n              <div class=\"field\">\r\n                <label for=\"paymentType\">{{\"induction.add.employment.reg.verification.wages.paymode\"|translate}}</label>\r\n                <p-selectButton inputId=\"paymentType\" unselectable=\"true\" [options]=\"payMethodOptions\" [formControl]=\"paymentType\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='paymentType' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\">\r\n                <label for=\"docsReceived\">{{\"induction.add.employment.reg.verification.wages.docs\"|translate}}</label>\r\n                <p-selectButton inputId=\"docsReceived\" unselectable=\"true\" [options]=\"wageProofOptions\" [formControl]=\"docsReceived\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='docsReceived' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n              <div class=\"field\">\r\n                <label for=\"otherSSNFlag\">{{\"induction.add.employment.reg.verification.wages.other.ssn.flag\"|translate}}\r\n                </label>\r\n                <div style=\"inline-size: min-content;\">\r\n                  <p-selectButton inputId=\"otherSSNFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"otherSSNFlag\"\r\n                    optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherSSNFlag' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n                </div>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"this.otherSSNFlag.value === 'Y'\">\r\n                <label for=\"otherSSN\">{{\"induction.add.employment.reg.verification.wages.other.ssn\"|translate}}</label>\r\n                <p-inputMask inputId=\"otherSSN\" mask=\"999-99-9999\" [formControl]=\"otherSSN\" placeholder=\"999-99-9999\">\r\n                </p-inputMask>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherSSN' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <!-- <div class=\"field\">\r\n              <label for=\"hiredBy\">Manager's Name & Title</label>\r\n                  <input id=\"hiredBy\" type=\"input\" pInputText [formControl]=\"hiredBy\" maxlength=\"40\"/>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='hiredBy' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>             \r\n            </div> -->\r\n            </div>\r\n\r\n          <!--  <ion-row *ngIf=\"employerType.value==='FED'\"> Stephen Code -->\r\n\r\n            <ion-row *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">           \r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label\r\n                    for=\"otherNameFlag\">{{\"induction.add.employment.reg.verification.wages.other.name.flag\"|translate}}</label>\r\n                  <div style=\"inline-size: min-content;\">\r\n                    <p-selectButton inputId=\"otherNameFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"otherNameFlag\"\r\n                      optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                    <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherNameFlag' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n                  </div>\r\n                </div>\r\n                <div class=\"field\" *ngIf=\"this.otherNameFlag.value === 'Y'\">\r\n                  \r\n                  <label\r\n                    for=\"otherName\">{{\"induction.add.employment.reg.verification.wages.other.name\"|translate}}</label>\r\n                  <input id=\"otherName\" type=\"input\" pInputText [formControl]=\"otherName\" maxlength=\"30\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherName' [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 *ngIf=\"workState.value && workState.value.value==='KS' && displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"fein\">FEIN</label>\r\n                  <p-inputNumber [id]=\"fein\" [useGrouping]=\"false\" [formControl]=\"fein\" maxlength=\"9\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fein' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"doingBusinessAs\">Doing Business As/Trade Name</label>\r\n                  <input id=\"doingBusinessAs\" type=\"input\" pInputText [formControl]=\"doingBusinessAs\" maxlength=\"100\"/>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='doingBusinessAs' [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 *ngIf=\"employerType.value==='REG' && displayVerificationOfWages?.value \r\n                && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"businessNature\">{{\"induction.add.employment.reg.verification.nature\"|translate}}</label>\r\n                  <input id=\"businessNature\" type=\"input\" pInputText [formControl]=\"businessNature\" maxlength=\"250\"/>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='businessNature' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n           <!-- <div *ngIf=\"employerType.value==='FED' || (displayVerificationOfWages?.value && employerType.value==='REG' && prevWorkedState?.value === 'KS')\">\r\n              <div class=\"field\" *ngIf=\"employerType.value==='FED'\"> Stephen Code -->\r\n              <!-- <div *ngIf=\"employerType.value==='FED' && isNewClaim\">\r\n                <!--<label>{{\"induction.add.employment.fed.verification.wages\"|translate}}</label>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n                \r\n              </div> -->\r\n              <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n                <label>{{\"induction.add.employment.fed.verification.wages.statement\"|translate}}</label>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"employerType.value==='FED' || (employerType.value==='REG' && displayVerificationOfWages?.value)\">\r\n                <label>{{\"induction.add.employment.reg.verification.wages\"|translate}}</label>\r\n                <table rules=\"rows\">\r\n                  <tr>\r\n                    <th style=\"text-align: center;\">{{\"induction.add.employment.reg.verification.wages.col1\"|translate}}\r\n                    </th>\r\n                    <th>{{\"induction.add.employment.reg.verification.wages.col2\"|translate}}</th>\r\n                  </tr>\r\n                <ng-container formArrayName=\"wageAmountArray\">\r\n                  <ng-container *ngFor=\"let wageAmountForm of wageAmountArray.controls; let i = index\"\r\n                    [formGroupName]=\"i\">\r\n                    <tr *ngIf=\"((employerType.value==='FED') || (employerType.value==='REG' && wageAmountForm.value.displayForAll===true) )\">\r\n                      <td>\r\n                        <label [for]=\"'wageAmountArray-' + i\" >{{wageAmountForm.value.qtrYearDisplayString}}</label>\r\n                      </td>\r\n                      <td>\r\n                        <p-inputNumber [inputId]=\"'wageAmountArray-' + i\" ariaLabel=\"wageAmount\" formControlName=\"wageAmount\" mode=\"currency\" [min]=\"0.00\" [max]=\"999999.99\" maxlength=\"12\" currency=\"USD\" locale=\"en-US\">\r\n                        </p-inputNumber>\r\n                      </td>\r\n                    </tr>\r\n                </ng-container>\r\n                <tr *ngIf=\"wageAmountArray.errors?.requireCheckboxToBeChecked\">\r\n                  <td colspan=\"2\">\r\n                    <app-error [class]=\"'app-grid'\" [field]='wageAmountArray' [form]=\"isFormSubmitted\" [errDef]=\"{\r\n                      requireCheckboxToBeChecked: 'at least one amount must be greater than zero'\r\n                    }\"></app-error>\r\n                  </td>\r\n                </tr>                 \r\n              </ng-container>\r\n                </table>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"severance\">{{\"induction.add.employment.reg.severance\"|translate}}</label>\r\n              <div>\r\n                <p-selectButton inputId=\"severance\" [options]=\"radioOptions\" [formControl]=\"severance\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='severance'\r\n                [errDef]=\"{required: required}\"></app-error>\r\n            </div>\r\n          \r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row>\r\n        <ion-col class=\"ion-text-right\">\r\n          <ion-button [autofocus]=\"true\" tabindex=\"0\" shape=\"round\" style=\"width: 80px;\" fill=\"outline\" (click)=\"onModelCancel(false)\" (keyup.space)=\"onModelCancel(false)\" (keyup.enter)=\"onModelCancel(false)\"\r\n            type=\"reset\">{{\"induction.employment.button.cancel\"|translate}} </ion-button>\r\n          <ion-button tabindex=\"0\" shape=\"round\" style=\"width: 80px;\" (click)=\"save()\" type=\"submit\" *ngIf=\"isBasePeriodEmployer\" (keyup.space)=\"save()\" (keyup.enter)=\"save()\">\r\n            {{\"induction.employment.button.save\"|translate}} </ion-button>\r\n          <ion-button tabindex=\"0\" shape=\"round\" style=\"width: 80px;\" (click)=\"add()\" type=\"submit\" *ngIf=\"!isBasePeriodEmployer\" (keyup.space)=\"add()\" (keyup.enter)=\"add()\"\r\n            [attr.aria-label]=\"'Add an employer' | translate\"> {{\"induction.employment.button.add\"|translate}}\r\n          </ion-button>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ion-grid>\r\n  </form>\r\n</p-dialog>", styles: [".p-fluid .p-buttonset{display:flex}.p-selectbutton .p-button{width:50px!important}.disabled{cursor:not-allowed;pointer-events:none}.disabled ::ng-deep *{color:gray;border-color:gray}table,th,td{border-collapse:collapse;padding:5px}table th{background-color:#f1f1f1}table{width:100%}.app-grid{color:red}\n"] }]
+        args: [{ selector: 'app-add-employer', template: "<p-dialog visible=\"true\" position=\"top\" appendTo=\"body\" [showHeader]=\"false\" [draggable]=\"false\"\r\n  [resizable]=\"false\" [style]=\"{width: '60vw'}\"\r\n  [breakpoints]=\"{'1200px': '660px', '992px': '660px', '768px': '660px', '576px': '100vw'}\">\r\n  <h4 style=\"color: var(--ion-color-grey); padding-left: 20px;\"> {{\"induction.confirm.employment.heading\"|translate}}\r\n  </h4>\r\n  <form #employerForm [formGroup]=\"addEmployerForm\">\r\n    <ion-grid *ngIf=\"addEmployerForm?.controls\"> <!--To Review-->\r\n      <ion-row>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid p-formgrid\">\r\n            <div class=\"field\" *ngIf=\"isBasePeriodEmployer\">\r\n              {{customerName}}\r\n              <div *ngIf=\"aliasName != null\">\r\n                {{\"induction.confirm.employment.dba\"|translate}} {{aliasName}}</div>\r\n              <br>\r\n              <span style=\"font-size: 12px;\"> {{mailingAddressDisplay}}\r\n              </span>\r\n              <div *ngIf=\"isCSR\">\r\n                <br>\r\n                {{\"induction.confirm.employment.employer.wages\"|translate}}\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"isCSR\">\r\n                <p-table [value]=\"employerProvidedWages\" styleClass=\"p-datatable-striped app-datatable ion-padding-top\"\r\n                  [columns]=\"employerProvidedWages\">\r\n                  <ng-template pTemplate=\"header\" let-columns>\r\n                    <tr>\r\n                      <th *ngFor=\"let col of columns\">\r\n                        <b>{{ col.qtrYearDisplayString }}</b>\r\n                      </th>\r\n                    </tr>\r\n                    <tr>\r\n                      <td *ngFor=\"let col of columns\">\r\n                        {{col.wageAmount | currency}}\r\n                      </td>\r\n                    </tr>\r\n                  </ng-template>\r\n                </p-table>\r\n              </div>\r\n            </div>\r\n             <div class=\"field\" *ngIf=\"workFlag?.value == 'Y'\">\r\n              <label>{{\"induction.confirm.employment.workflag.no\"|translate}}<br /> <br />\r\n                {{\"induction.confirm.employment.workflag.no.line2\"|translate}}</label>\r\n            </div> \r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer\">\r\n              <label for=\"employerType\">{{\"induction.add.employment.employer.type\"|translate}}</label>\r\n              <div style=\"inline-size: inherit;\">\r\n                <p-selectButton inputId=\"employerType\" [options]=\"employerTypeOptions\" optionLabel=\"text\" optionValue=\"value\"\r\n                  [formControl]=\"employerType\" [class.disabled]=\"noEditMode\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='employerType' [errDef]=\"{    \r\n                   required:  required,\r\n            }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'  \">\r\n              <label for=\"prevWorkedState\">{{\"induction.add.employment.work.state\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"prevWorkedState\" [options]=\"prevWorkedStateOptions\" [formControl]=\"prevWorkedState\" optionLabel=\"text\"\r\n                  optionValue=\"value\" [class.disabled]=\"noEditMode\"\r\n                  (onOptionClick)=\"onToggleChangePrevWorkedState($event)\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='prevWorkedState' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'  \">\r\n              <label for=\"employerName\">{{\"induction.add.employment.employer.name\"|translate}}</label>\r\n              <div *ngIf=\"prevWorkedState.value==='KS'; else elseBlock\">\r\n                <app-search-employer inputId=\"employerName\" [formControl]=\"employerName\" empType=\"REG\" (onFound)=\"setEmployer($event)\"\r\n                  (onEmpty)=\"resetEmployer($event)\"></app-search-employer>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='employerName' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n              <ng-template #elseBlock>\r\n                <div class=\"field\">\r\n                  <input id=\"employerName\" type=\"input\" pInputText [formControl]=\"othStateEmpName\" maxlength=\"50\">\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='othStateEmpName' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n                </div>\r\n              </ng-template>\r\n            </div>\r\n            <div class=\"field\" style=\"width: inherit !important;\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"fedEmployerName\">{{\"induction.add.employment.employer.fed.name\"|translate}}</label>\r\n              <app-search-employer [formControl]=\"fedEmployerName\" empType=\"FED\" (onFound)=\"setFedEmployer($event)\"\r\n                (onEmpty)=\"resetFedEmployer($event)\"></app-search-employer>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedEmployerName' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL'\">\r\n              <label id=\"serviceBranch-label\" for=\"serviceBranch\">{{\"induction.add.employment.mil.service.branch\"|translate}}</label>\r\n              <p-dropdown [options]=\"militaryServiceOptions\" [formControl]=\"serviceBranch\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"serviceBranch\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='serviceBranch' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL'\">\r\n              <label id=\"mil-state-label\" for=\"mil-state\">\r\n                {{\"induction.add.employment.physical.location\"|translate}}\r\n              </label>\r\n              <p-dropdown [formControl]=\"milState\" [options]=\"statesOptions\" optionLabel=\"text\" inputId=\"mil-state\" appendTo=\"body\">\r\n\r\n              </p-dropdown>\r\n              <app-error class=\"app-grid\" [form]=\"isFormSubmitted\" [field]=\"milState\" [errDef]=\"{\r\n               required:  required\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='MIL'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"startDateMil\">{{\"induction.add.employment.mil.startdate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"startDateMil\" [showIcon]=\"true\" inputId=\"startDateMil\"\r\n                    [formControl]=\"startDateMil\" [maxDate]=\"dateTime\" [yearNavigator]=\"true\" yearRange=\"1901:2050\"\r\n                    appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                    [minDate]=\"minWorkStartDate\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='startDateMil' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"endDateMil\">{{\"induction.add.employment.mil.enddate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"endDateMil\" [showIcon]=\"true\" inputId=\"endDateMil\" [maxDate]=\"dateTime\"\r\n                    [minDate]=\"minDate\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n                    appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDateMil\"\r\n                    [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='endDateMil' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='FED' && hideFicCode\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"ficCode\">{{\"induction.add.employment.fed.fic.code\"|translate}}</label>\r\n                  <input id=\"ficCode\" type=\"input\" pInputText [formControl]=\"ficCode\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='ficCode' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"ficDestinationName\">{{\"induction.add.employment.fed.fic.destination\"|translate}}</label>\r\n                  <input id=\"ficDestinationName\" type=\"input\" pInputText [formControl]=\"ficDestinationName\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='ficDestinationName' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding-left: 0px; padding-right: 0px;\">\r\n                <app-address #address1 [formControl]=\"address\" [countyRequired]=\"false\" [fromPopup]=\"true\">\r\n                </app-address>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <app-address readonly=\"true\" #address2 [formControl]=\"address\" [countyRequired]=\"false\" [fromPopup]=\"true\"> </app-address>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]=\"address\" [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              <mat-error class=\"app-grid\" *ngIf=\"address?.errors?.addressValidationFlag && isFormSubmitted.submitted\">\r\n                {{\"common.valid.address\"|translate}}\r\n              </mat-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"workCity\">{{\"induction.add.employment.work.location.city\"|translate}} </label>\r\n                  <input id=\"workCity\" type=\"input\" pInputText [formControl]=\"workCity\" maxlength=\"30\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='workCity' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label id=\"workState-label\" for=\"workState\">{{\"induction.add.employment.work.location.state\"|translate}}</label>\r\n                  <p-dropdown [options]=\"prevWorkedState.value==='KS'?statesOptions:nonKSStatesOptions\"\r\n                    [formControl]=\"workState\" optionLabel=\"text\" appendTo=\"body\" [autoDisplayFirst]=\"false\"\r\n                    inputId=\"workState\" (onChange)=\"validateWagesDisplay($event)\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='workState' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label id=\"fedWorkCountry-label\" for=\"fedWorkCountry\">{{\"induction.add.employment.fed.work.location.country\"|translate}}</label>\r\n              <p-dropdown [options]=\"workCountryOptions\" [formControl]=\"fedWorkCountry\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"fedWorkCountry\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedWorkCountry' [errDef]=\"{ \r\n                                 required:  required,\r\n                                }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='FED'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"fedWorkCity\">{{\"induction.add.employment.work.location.city\"|translate}}</label>\r\n                  <input id=\"fedWorkCity\" type=\"input\" pInputText [formControl]=\"fedWorkCity\" maxlength=\"30\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedWorkCity' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\" *ngIf=\"showWorkState === true\">\r\n                <div class=\"field\">\r\n                  <label id=\"fedWorkState-label\" for=\"fedWorkState\">{{\"induction.add.employment.work.location.state\"|translate}}</label>\r\n                  <p-dropdown [options]=\"statesOptions\" [formControl]=\"fedWorkState\" optionLabel=\"text\" appendTo=\"body\"\r\n                    [autoDisplayFirst]=\"false\" inputId=\"fedWorkState\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedWorkState' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='FED'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"startDateFed\">{{\"induction.add.employment.fed.startdate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"startDateFed\" [showIcon]=\"true\" [maxDate]=\"dateTime\" inputId=\"startDateFed\"\r\n                    [formControl]=\"startDateFed\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" appendTo=\"body\"\r\n                    dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                    [minDate]=\"minWorkStartDate\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='startDateFed' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"endDateFed\">{{\"induction.add.employment.fed.enddate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"endDateFed\" [showIcon]=\"true\" inputId=\"endDateFed\" [maxDate]=\"dateTime\"\r\n                    [minDate]=\"minDate\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n                    appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDateFed\"\r\n                    [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"></p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='endDateFed' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"fedJobTileOrPosition\">{{\"induction.add.employment.fed.jobtitle\"|translate}}</label>\r\n              <input id=\"fedJobTileOrPosition\" type=\"input\" pInputText [formControl]=\"fedJobTileOrPosition\"\r\n                maxlength=\"100\" />\r\n              <!--  <p-autoComplete [formControl]=\"fedJobTileOrPosition\" [suggestions]=\"fedJobTileOptions\" \r\n                (completeMethod)=\"filterFedJobTileOrPosition($event)\" field=\"jobTitle\" [dropdown]=\"false\" \r\n                placeholder=\"Start... typing job title\" minLength=3 forceSelection=\"true\">\r\n                <ng-template let-value pTemplate=\"item\">\r\n                  <div>\r\n                    <div>{{value.jobTitle}}</div>\r\n                  </div>\r\n                </ng-template>\r\n              </p-autoComplete> -->\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedJobTileOrPosition' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"sfEightflag\">{{\"induction.add.employment.fed.sfeight\"|translate}} </label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"sfEightflag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"sfEightflag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sfEightflag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='REG'\">\r\n\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"startDate\">{{\"induction.confirm.employment.startdate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"startDate\" [showIcon]=\"true\" inputId=\"startDate\" [maxDate]=\"dateTime\"\r\n                    [formControl]=\"startDate\" [yearNavigator]=\"true\" yearRange=\"1901:2050\" [minDate]=\"minWorkStartDate\"\r\n                    appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='startDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"endDate\">{{\"induction.confirm.employment.enddate\"|translate}}</label>\r\n                  <p-calendar iconAriaLabel=\"endDate\" [showIcon]=\"true\" inputId=\"endDate\" [minDate]=\"minDate\"\r\n                    [maxDate]=\"dateTime\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\" [yearNavigator]=\"true\"\r\n                    appendTo=\"body\" yearRange=\"1901:2050\" dataType=\"string\" [formControl]=\"endDate\"\r\n                    (onBlur)=\"validateWagesDisplay($event)\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\"\r\n                    (onSelect)=\"validateWagesDisplay($event)\"></p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='endDate' [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 *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer  && employerType.value==='REG'\">            \r\n              <!-- <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"numberEmployed\">{{\"induction.add.employment.reg.employees.no\" | translate}} </label>\r\n                  <p-inputNumber [id]=\"numberEmployed\" [useGrouping]=\"false\" [formControl]=\"numberEmployed\"\r\n                    maxlength=\"9\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='numberEmployed' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col> -->\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"workType\">{{\"induction.add.employment.reg.work.type\" | translate}}</label>\r\n                  <input id=\"workType\" type=\"input\" pInputText [formControl]=\"workType\" maxlength=\"50\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='workType' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <!-- <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"claimantEmployedWithEmpr\">Were you employed while a spouse of a US military member stationed at\r\n                a foreign military base?</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"yesNoNaOptions\" [formControl]=\"claimantEmployedWithEmpr\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='claimantEmployedWithEmpr'                   [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n              <label for=\"performedService\">{{\"induction.add.employment.fed.civilian.work\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"performedService\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"performedService\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='performedService' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"jobTileOrPosition\">{{\"induction.confirm.employment.jobtitle\"|translate}}</label>\r\n              <input id=\"jobTileOrPosition\" type=\"input\" pInputText [formControl]=\"jobTileOrPosition\" maxlength=\"100\" />\r\n              <!-- <p-autoComplete [formControl]=\"jobTileOrPosition\" [suggestions]=\"jobTileOrPositionOptions\" \r\n                (completeMethod)=\"filterJobTileOrPosition($event)\" field=\"jobTitle\" (onClear)=\"onClearAction($event)\" \r\n                 [dropdown]=\"false\" placeholder=\"Start... typing job title\" minLength=3 forceSelection=\"true\">\r\n                <ng-template let-value pTemplate=\"item\">\r\n                  <div>\r\n                    <div>{{value.jobTitle}}</div>\r\n                  </div>\r\n                </ng-template>\r\n              </p-autoComplete> -->\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='jobTileOrPosition' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && isBasePeriodEmployer && workFlag.value==='Y'\">\r\n               <ion-col style=\"padding-right:5px; padding-left: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"payRate\">{{\"induction.confirm.employment.payrate\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"payRate\" [formControl]=\"payRate\" mode=\"currency\" currency=\"USD\" [max]=\"999999.99\" maxlength=\"12\"\r\n                    locale=\"en-US\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col style=\"padding-right:5px; padding-left: 0px;\">\r\n                <div class=\"field\">\r\n                  <label id=\"payRateFrequency-label\" for=\"payRateFrequency\">{{\"induction.confirm.employment.per\"|translate}}</label>\r\n                  <p-dropdown [options]=\"payRateOptions\" [formControl]=\"payRateFrequency\" optionLabel=\"text\"\r\n                    appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"payRateFrequency\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRateFrequency' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"employerTelephoneNumber\">{{\"induction.confirm.employment.employer.phone\"|translate}}</label>\r\n\r\n              <p-inputMask mask=\"999-999-9999\" inputId=\"employerTelephoneNumber\" [formControl]=\"employerTelephoneNumber\"\r\n                placeholder=\"999-999-9999\"></p-inputMask>\r\n\r\n\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='employerTelephoneNumber' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value=='REG' || employerType.value==='FED'\">\r\n              <label id=\"reasonSeparation-label\" for=\"reasonSeparation\" *ngIf=\"employerType.value==='REG'\">{{\"induction.confirm.employment.reason.separation\"|translate}}</label>\r\n              <label id=\"reasonSeparation-label\" for=\"reasonSeparation\" *ngIf=\"employerType.value==='FED'\">{{\"induction.add.employment.fed.reason.separation\"|translate}}</label>\r\n              <p-dropdown [options]=\"employmentStatusOptionsAll\" [formControl]=\"reasonSeparation\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"reasonSeparation\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='reasonSeparation' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <!-- add for quit and discharge -->\r\n            <div class=\"field\" *ngIf=\"reasonSeparation.value?.value === 'DCFI' \r\n                && employerType.value!='MIL'\">\r\n              <label id=\"dischargeDetail-label\" for=\"dischargeDetail\">{{\"induction.confirm.employment.reason.separation.discharge\"|translate}}</label>\r\n              <p-dropdown [options]=\"dischargeReasonOptionsAll\" [formControl]=\"dischargeDetail\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"dischargeDetail\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='dischargeDetail' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"reasonSeparation.value?.value === 'VOLQ' \r\n              && employerType.value!='MIL'\">\r\n              <label id=\"volQuitDetails-label\" for=\"volQuitDetails\">{{\"induction.confirm.employment.reason.separation.quit\"|translate}}</label>\r\n              <p-dropdown [options]=\"volQuitReasonOptionsAll\" [formControl]=\"volQuitDetails\" optionLabel=\"text\"\r\n                appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"volQuitDetails\"></p-dropdown>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='volQuitDetails' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL' \">\r\n              <label for=\"milPensionFlag\">{{\"induction.add.employment.mil.pension\"|translate}}\r\n                <br> {{\"induction.add.employment.mil.pension.disclaimer\"|translate}}\r\n              </label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"milPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"milPensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='milPensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\"\r\n              *ngIf=\"employerType.value==='MIL' && this.milPensionFlag.value === 'Y' && this.currentState != 'ME'\">\r\n              <label for=\"milPensionRecvDate\">{{\"induction.add.employment.mil.pension.date\"|translate}}</label>\r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"milPensionRecvDate\" [formControl]=\"milPensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='milPensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='MIL' \">\r\n              <label for=\"dd214Flag\">{{\"induction.add.employment.mil.dd214\"|translate}}\r\n              </label><br>\r\n              <div style=\"inline-size: min-content; display: inline-flex;\">\r\n                <p-selectButton inputId=\"dd214Flag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"dd214Flag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-overlay-info [overlayText]=\"dd214Info\"></app-overlay-info>\r\n              </div>\r\n            </div>\r\n            <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='dd214Flag' [errDef]=\"{ \r\n             required:  required,\r\n            }\"></app-error>\r\n          </div>\r\n        </ion-col>\r\n        <ion-col class=\"ion-padding\" size=\"12\" sizeSm=\"12\" sizeXs=\"12\" sizeMd=\"6\" sizeLg=\"6\" sizeXl=\"6\">\r\n          <div class=\"p-fluid p-formgrid\">\r\n\r\n            <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"!isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"isBasePeriodEmployer\" class=\"ion-hide-sm-down\">\r\n              <ion-col>\r\n                <div class=\"field\"></div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='MIL' && dd214Flag.value==='Y'\">\r\n              <ion-col style=\"border-style: solid;\r\n                          border-width: 1px;\">\r\n                <div [innerHTML]=\"paraOne | translate\">\r\n                </div>\r\n                <!-- <app-file-uploader [formControl]=\"dd214File\" [uploadedFileForEdit]=\"dd214File.value\"></app-file-uploader> -->\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraTwo | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraThree | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraFour | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraFive | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(paraSix| translate)\" style=\"padding-left: 15px;\">\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n\r\n            <ion-row *ngIf=\"employerType.value==='MIL' && dd214Flag.value==='N'\">\r\n              <ion-col style=\"border-style: solid;\r\n                border-width: 1px;\">\r\n                <div [innerHTML]=\"noParaOne | translate\">\r\n                </div>\r\n                <!-- <app-file-uploader [formControl]=\"dd214File\" [uploadedFileForEdit]=\"dd214File.value\"></app-file-uploader> -->\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaTwo | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaThree | translate)\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaFour | translate)\"\r\n                  style=\"padding-left: 15px;\">\r\n                </div>\r\n                <div [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(noParaFive | translate)\">\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n              <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer && osaBpEmployerFlag.value ==='1'\"> <!--Old code-->\r\n              <ion-col style=\"padding-top: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"grossWages\" style=\"inline-size: max-content;\">\r\n                    {{\"induction.add.employment.total.wages.earned\"|translate}}\r\n                  </label>\r\n                  <p-inputNumber inputId=\"grossWages\" [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n                    [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='grossWages' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <ion-row *ngIf=\"employerType.value==='REG' && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding-right:5px; padding-left: 0px; padding-top: 0px;\" *ngIf=\"!isBasePeriodEmployer\">\r\n                <div class=\"field\">\r\n                  <label for=\"payRate\">{{\"induction.add.employment.payrate\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"payRate\" [formControl]=\"payRate\" mode=\"currency\" currency=\"USD\"\r\n                    [max]=\"999999.99\" maxlength=\"12\" locale=\"en-US\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col style=\"padding-right:5px;padding-top: 0px;\" *ngIf=\"!isBasePeriodEmployer\">\r\n                <div class=\"field\">\r\n                  <label id=\"payRateFrequency-label\" for=\"payRateFrequency\">{{\"induction.add.employment.per\"|translate}}</label>\r\n                  <p-dropdown [options]=\"payRateOptions\" [formControl]=\"payRateFrequency\" optionLabel=\"text\"\r\n                    appendTo=\"body\" [autoDisplayFirst]=\"false\" inputId=\"payRateFrequency\"></p-dropdown>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='payRateFrequency' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <!-- <ion-col *ngIf=\"displayVerificationOfWages.value\" style=\"padding-top: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"grossWages\"  style=\"inline-size: max-content;\">Total Wages Earned</label>\r\n                  <p-inputNumber [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\" [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='grossWages' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col> -->\r\n              <!--<ion-col *ngIf=\"displayVerificationOfWages.value  style=\"padding-top: 0px;\">  Old Code-->\r\n                <ion-col *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer\" style=\"padding-top: 0px;\"> <!--New condition was added-->\r\n                <div class=\"field\">\r\n                  <label for=\"grossWages\"  style=\"inline-size: max-content;\">{{\"induction.add.employment.total.wages.earned\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"grossWages\" [formControl]=\"grossWages\" mode=\"currency\" currency=\"USD\" maxlength=\"12\" [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='grossWages' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col> \r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED' \">\r\n              <label for=\"fedPensionFlag\">{{\"induction.add.employment.fed.pension\"|translate}}\r\n                <br> {{\"induction.add.employment.fed.pension.disclaimer\"|translate}}\r\n              </label>\r\n              <div style=\"inline-size: min-content; display:flex\">\r\n                <p-selectButton inputId=\"fedPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"fedPensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-overlay-info overlayText=\"{{'induction.add.employment.fed.pension.info'| translate}}\"\r\n                  style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedPensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            <div class=\"field\"\r\n              *ngIf=\"employerType.value==='FED' && this.fedPensionFlag.value === 'Y' && this.currentState != 'ME'\">\r\n              <label for=\"fedPensionRecvDate\">{{\"induction.add.employment.fed.pension.date\"|translate}}</label>\r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"fedPensionRecvDate\" [formControl]=\"fedPensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fedPensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='FED' && this.currentState === 'ME' \">\r\n              <label for=\"sevPayFlag\">{{\"induction.add.employment.fed.severance\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"sevPayFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"sevPayFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div>\r\n            <ion-row *ngIf=\"employerType.value==='FED' && sevPayFlag.value==='Y'\">\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"weeklyAmount\">{{\"induction.add.employment.fed.severance.weekly.amt\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"weeklyAmount\" [formControl]=\"weeklyAmount\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n                    [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='weeklyAmount' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"numberOfWeeks\">{{\"induction.add.employment.fed.severance.weeks\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"numberOfWeeks\" [useGrouping]=\"false\" [formControl]=\"numberOfWeeks\" maxlength=\"4\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='numberOfWeeks' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n\r\n              <ion-col>\r\n                <div class=\"field\">\r\n                  <label for=\"sevPayAmount\">{{\"induction.add.employment.fed.severance.entitlement\"|translate}}</label>\r\n                  <p-inputNumber inputId=\"sevPayAmount\" [formControl]=\"sevPayAmount\" mode=\"currency\" currency=\"USD\" maxlength=\"12\"\r\n                    [max]=\"999999.99\" locale=\"en-US\">\r\n                  </p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayAmount' [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 *ngIf=\"employerType.value==='FED' && sevPayFlag.value==='Y'\">\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"sevPayStartDate\">{{\"induction.add.employment.fed.severance.start.date\"|translate}}</label>\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"sevPayStartDate\" (onBlur)=\"validate($event)\"\r\n                    (onSelect)=\"validate($event)\" [formControl]=\"sevPayStartDate\" [yearNavigator]=\"true\"\r\n                    yearRange=\"1901:2050\" appendTo=\"body\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\"\r\n                    dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayStartDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n\r\n              <ion-col style=\"padding-right:5px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"sevPayEndDate\">{{\"induction.add.employment.fed.severance.end.date\"|translate}}</label>\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"sevPayEndDate\" [formControl]=\"sevPayEndDate\"\r\n                    [yearNavigator]=\"true\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\" placeholder=\"mm/dd/yyyy\"\r\n                    appendTo=\"body\" [minDate]=\"minDate\" dataType=\"string\" [showOnFocus]=\"false\"\r\n                    (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayEndDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col>\r\n                <div class=\"field\">\r\n                  <label\r\n                    for=\"sevPayPaymentStartDate\">{{\"induction.add.employment.fed.severance.pay.date\"|translate}}</label>\r\n                  <p-calendar [showIcon]=\"true\" inputId=\"sevPayPaymentStartDate\" [formControl]=\"sevPayPaymentStartDate\"\r\n                    [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                    placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                  </p-calendar>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='sevPayPaymentStartDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG' && workFlag.value==='Y'\">\r\n              <label for=\"pensionFlag\">{{\"induction.confirm.employment.pension\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton inputId=\"pensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"pensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='pensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> \r\n             \r\n            <div class=\"field\" *ngIf=\"isBasePeriodEmployer && workFlag.value==='Y' && pensionFlag.value==='Y'\r\n            && employerType.value==='REG' \"> <!-- this is questionable because above dependent question does not have isBasePeriodEmployer -->\r\n              <label for=\"pensionRecvDate\">{{\"induction.confirm.employment.pension.date\"|translate}}</label>\r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"pensionRecvDate\" [formControl]=\"pensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='pensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n              <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'\">\r\n              <label for=\"regPensionFlag\">{{\"induction.add.employment.reg.pension\"|translate}} <br />\r\n                {{\"induction.add.employment.reg.pension.disclaimer\"|translate}}</label>\r\n              <div style=\"inline-size: min-content; display:flex\">\r\n                <p-selectButton inputId=\"regPensionFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"regPensionFlag\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-overlay-info overlayText=\"{{'induction.add.employment.reg.pension.info'| translate}}\"\r\n                  style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='regPensionFlag' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n\r\n            <div class=\"field\" *ngIf=\"!isBasePeriodEmployer && employerType.value==='REG'\r\n            && regPensionFlag.value==='Y'\">\r\n              <label for=\"regPensionRecvDate\">{{\"induction.add.employment.reg.pension.date\"|translate}}</label>\r\n              \r\n              <div>\r\n                <p-calendar [showIcon]=\"true\" inputId=\"regPensionRecvDate\" [formControl]=\"regPensionRecvDate\"\r\n                  [yearNavigator]=\"true\" appendTo=\"body\" yearRange=\"1901:2050\" dateFormat=\"mm/dd/yy\"\r\n                  placeholder=\"mm/dd/yyyy\" dataType=\"string\" [showOnFocus]=\"false\" (onInput)=\"dateInput($event)\">\r\n                </p-calendar>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='regPensionRecvDate' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n              </div>\r\n            </div>\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"isClmtPaidWhileLow\">{{\"induction.confirm.employment.employer.pay.return.to.work\"|translate}}</label>\r\n              <div style=\"inline-size: min-content; display:flex;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"isClmtPaidWhileLow\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                  <app-overlay-info overlayText=\"{{'induction.add.employment.reg.employerPayReturnToWorkInfo'| translate}}\" \r\n                style=\"margin-top: 2px; margin-left: 6px;\"></app-overlay-info>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='isClmtPaidWhileLow' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"employerType.value==='REG' && currentState ==='ME'\">\r\n              <label for=\"hasShortTermDisability\">{{\"induction.confirm.employment.shorttermdisability\"|translate}} {{bpStartDateToDisplay | date:'MMMM d, yyyy'}} ?</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"hasShortTermDisability\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='hasShortTermDisability' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"((isBasePeriodEmployer && workFlag.value==='Y') || !isBasePeriodEmployer)&& employerType.value==='REG' && currentState==='ME'\">\r\n              <label for=\"hasRecvRemuneration\">{{\"induction.confirm.employment.remuneration.pay\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"hasRecvRemuneration\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='hasRecvRemuneration' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\" *ngIf=\"employerType.value==='REG' && currentState==='ME' && hasRecvRemuneration.value==='Y' && osaBpEmployerFlag.value==='0'\">\r\n              <label for=\"remunerationTypes\">{{\"induction.confirm.employment.remuneration.types\"|translate}}</label>\r\n              <p-checkbox [name]=\"'remunerationtypes-group'\" [value]=\"choice.value\" \r\n                [label]=\"choice.text\" *ngFor=\"let choice of remunerationTypeOptions\"  [formControl]=\"remunerationTypes\"\r\n                styleClass=\"app-p-checkbox\"></p-checkbox>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='remunerationTypes' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n            </div> -->\r\n\r\n            <!-- <div class=\"field\"\r\n              *ngIf=\"employerType.value==='REG' && currentState ==='ME'\">\r\n              <label for=\"vacation\">{{\"induction.confirm.employment.vacation.break\"|translate}}</label>\r\n              <div style=\"inline-size: min-content;\">\r\n                <p-selectButton unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"vacation\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='vacation' [errDef]=\"{ \r\n               required:  required,\r\n              }\"></app-error>\r\n              </div>\r\n            </div> -->\r\n\r\n            <!--<div *ngIf=\"displayVerificationOfWages.value && employerType.value==='REG'\"> Stephen Code-->\r\n              <div *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n                <div class=\"field\">\r\n                  <h4>{{\"induction.add.employment.reg.verification.wages.header\"|translate}}</h4>\r\n                </div>\r\n                <div class=\"field\">\r\n                  <label>{{\"induction.add.employment.reg.verification.wages.subheader\"|translate}}</label>\r\n                </div>\r\n              <div class=\"field\">\r\n                <label for=\"paymentType\">{{\"induction.add.employment.reg.verification.wages.paymode\"|translate}}</label>\r\n                <p-selectButton inputId=\"paymentType\" unselectable=\"true\" [options]=\"payMethodOptions\" [formControl]=\"paymentType\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='paymentType' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <div class=\"field\">\r\n                <label for=\"docsReceived\">{{\"induction.add.employment.reg.verification.wages.docs\"|translate}}</label>\r\n                <p-selectButton inputId=\"docsReceived\" unselectable=\"true\" [options]=\"wageProofOptions\" [formControl]=\"docsReceived\"\r\n                  optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='docsReceived' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n              <div class=\"field\">\r\n                <label for=\"otherSSNFlag\">{{\"induction.add.employment.reg.verification.wages.other.ssn.flag\"|translate}}\r\n                </label>\r\n                <div style=\"inline-size: min-content;\">\r\n                  <p-selectButton inputId=\"otherSSNFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"otherSSNFlag\"\r\n                    optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherSSNFlag' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n                </div>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"this.otherSSNFlag.value === 'Y'\">\r\n                <label for=\"otherSSN\">{{\"induction.add.employment.reg.verification.wages.other.ssn\"|translate}}</label>\r\n                <p-inputMask inputId=\"otherSSN\" mask=\"999-99-9999\" [formControl]=\"otherSSN\" placeholder=\"999-99-9999\">\r\n                </p-inputMask>\r\n                <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherSSN' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n              </div>\r\n\r\n              <!-- <div class=\"field\">\r\n              <label for=\"hiredBy\">Manager's Name & Title</label>\r\n                  <input id=\"hiredBy\" type=\"input\" pInputText [formControl]=\"hiredBy\" maxlength=\"40\"/>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='hiredBy' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>             \r\n            </div> -->\r\n            </div>\r\n\r\n          <!--  <ion-row *ngIf=\"employerType.value==='FED'\"> Stephen Code -->\r\n\r\n            <ion-row *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">           \r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label\r\n                    for=\"otherNameFlag\">{{\"induction.add.employment.reg.verification.wages.other.name.flag\"|translate}}</label>\r\n                  <div style=\"inline-size: min-content;\">\r\n                    <p-selectButton inputId=\"otherNameFlag\" unselectable=\"true\" [options]=\"radioOptions\" [formControl]=\"otherNameFlag\"\r\n                      optionLabel=\"text\" optionValue=\"value\"></p-selectButton>\r\n                    <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherNameFlag' [errDef]=\"{ \r\n                 required:  required,\r\n                }\"></app-error>\r\n                  </div>\r\n                </div>\r\n                <div class=\"field\" *ngIf=\"this.otherNameFlag.value === 'Y'\">\r\n                  \r\n                  <label\r\n                    for=\"otherName\">{{\"induction.add.employment.reg.verification.wages.other.name\"|translate}}</label>\r\n                  <input id=\"otherName\" type=\"input\" pInputText [formControl]=\"otherName\" maxlength=\"30\" />\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='otherName' [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 *ngIf=\"workState.value && workState.value.value==='KS' && displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"fein\">FEIN</label>\r\n                  <p-inputNumber [id]=\"fein\" [useGrouping]=\"false\" [formControl]=\"fein\" maxlength=\"9\"></p-inputNumber>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='fein' [errDef]=\"{ \r\n                   required:  required,\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n              <ion-col size=\"1\"></ion-col>\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"doingBusinessAs\">Doing Business As/Trade Name</label>\r\n                  <input id=\"doingBusinessAs\" type=\"input\" pInputText [formControl]=\"doingBusinessAs\" maxlength=\"100\"/>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='doingBusinessAs' [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 *ngIf=\"employerType.value==='REG' && displayVerificationOfWages?.value \r\n                && !isBasePeriodEmployer\">\r\n              <ion-col style=\"padding: 0px;\">\r\n                <div class=\"field\">\r\n                  <label for=\"businessNature\">{{\"induction.add.employment.reg.verification.nature\"|translate}}</label>\r\n                  <input id=\"businessNature\" type=\"input\" pInputText [formControl]=\"businessNature\" maxlength=\"250\"/>\r\n                  <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='businessNature' [errDef]=\"{ \r\n                   required:  required\r\n                  }\"></app-error>\r\n                </div>\r\n              </ion-col>\r\n            </ion-row>\r\n           <!-- <div *ngIf=\"employerType.value==='FED' || (displayVerificationOfWages?.value && employerType.value==='REG' && prevWorkedState?.value === 'KS')\">\r\n              <div class=\"field\" *ngIf=\"employerType.value==='FED'\"> Stephen Code -->\r\n              <!-- <div *ngIf=\"employerType.value==='FED' && isNewClaim\">\r\n                <!--<label>{{\"induction.add.employment.fed.verification.wages\"|translate}}</label>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"displayVerificationOfWages.value && !isBasePeriodEmployer && employerType.value==='REG'\">\r\n                \r\n              </div> -->\r\n              <div class=\"field\" *ngIf=\"employerType.value==='FED'\">\r\n                <label>{{\"induction.add.employment.fed.verification.wages.statement\"|translate}}</label>\r\n              </div>\r\n              <div class=\"field\" *ngIf=\"employerType.value==='FED' || (employerType.value==='REG' && displayVerificationOfWages?.value)\">\r\n                <label>{{\"induction.add.employment.reg.verification.wages\"|translate}}</label>\r\n                <table rules=\"rows\">\r\n                  <tr>\r\n                    <th style=\"text-align: center;\">{{\"induction.add.employment.reg.verification.wages.col1\"|translate}}\r\n                    </th>\r\n                    <th>{{\"induction.add.employment.reg.verification.wages.col2\"|translate}}</th>\r\n                  </tr>\r\n                <ng-container formArrayName=\"wageAmountArray\">\r\n                  <ng-container *ngFor=\"let wageAmountForm of wageAmountArray.controls; let i = index\"\r\n                    [formGroupName]=\"i\">\r\n                    <tr *ngIf=\"((employerType.value==='FED') || (employerType.value==='REG' && wageAmountForm.value.displayForAll===true) )\">\r\n                      <td>\r\n                        <label [for]=\"'wageAmountArray-' + i\" >{{wageAmountForm.value.qtrYearDisplayString}}</label>\r\n                      </td>\r\n                      <td>\r\n                        <p-inputNumber [inputId]=\"'wageAmountArray-' + i\" ariaLabel=\"wageAmount\" formControlName=\"wageAmount\" mode=\"currency\" [min]=\"0.00\" [max]=\"999999.99\" maxlength=\"12\" currency=\"USD\" locale=\"en-US\">\r\n                        </p-inputNumber>\r\n                      </td>\r\n                    </tr>\r\n                </ng-container>\r\n                <tr *ngIf=\"wageAmountArray.errors?.requireCheckboxToBeChecked\">\r\n                  <td colspan=\"2\">\r\n                    <app-error [class]=\"'app-grid'\" [field]='wageAmountArray' [form]=\"isFormSubmitted\" [errDef]=\"{\r\n                      requireCheckboxToBeChecked: 'at least one amount must be greater than zero'\r\n                    }\"></app-error>\r\n                  </td>\r\n                </tr>                 \r\n              </ng-container>\r\n                </table>\r\n              </div>\r\n            </div>\r\n            <div class=\"field\" *ngIf=\"employerType.value==='REG'\">\r\n              <label for=\"severance\">{{\"induction.add.employment.reg.severance\"|translate}}</label>\r\n              <div>\r\n                <p-selectButton inputId=\"severance\" [options]=\"radioOptions\" [formControl]=\"severance\" optionLabel=\"text\"\r\n                  optionValue=\"value\"></p-selectButton>\r\n              </div>\r\n              <app-error [form]=\"isFormSubmitted\" [class]=\"'app-grid'\" [field]='severance'\r\n                [errDef]=\"{required: required}\"></app-error>\r\n            </div>\r\n          \r\n        </ion-col>\r\n      </ion-row>\r\n      <ion-row>\r\n        <ion-col class=\"ion-text-right\">\r\n          <ion-button [autofocus]=\"true\" tabindex=\"0\" shape=\"round\" style=\"width: 80px;\" fill=\"outline\" (click)=\"onModelCancel(false)\" (keyup.space)=\"onModelCancel(false)\" (keyup.enter)=\"onModelCancel(false)\"\r\n            type=\"reset\">{{\"induction.employment.button.cancel\"|translate}} </ion-button>\r\n          <ion-button tabindex=\"0\" shape=\"round\" style=\"width: 80px;\" (click)=\"save()\" type=\"submit\" *ngIf=\"isBasePeriodEmployer\" (keyup.space)=\"save()\" (keyup.enter)=\"save()\">\r\n            {{\"induction.employment.button.save\"|translate}} </ion-button>\r\n          <ion-button tabindex=\"0\" shape=\"round\" style=\"width: 80px;\" (click)=\"add()\" type=\"submit\" *ngIf=\"!isBasePeriodEmployer\" (keyup.space)=\"add()\" (keyup.enter)=\"add()\"\r\n            [attr.aria-label]=\"'Add an employer' | translate\"> {{\"induction.employment.button.add\"|translate}}\r\n          </ion-button>\r\n        </ion-col>\r\n      </ion-row>\r\n    </ion-grid>\r\n  </form>\r\n</p-dialog>", styles: [".p-fluid .p-buttonset{display:flex}.p-selectbutton .p-button{width:50px!important}.disabled{cursor:not-allowed;pointer-events:none}.disabled ::ng-deep *{color:gray;border-color:gray}table,th,td{border-collapse:collapse;padding:5px}table th{background-color:#f1f1f1}table{width:100%}.app-grid{color:red}\n"] }]
     }], () => [{ type: i1$6.UntypedFormBuilder }, { type: ValidationService }, { type: UtilService }, { type: i4$1.FilterService }, { type: LoggerService }, { type: i6.DomSanitizer }, { type: ClaimService }, { type: LoginService }, { type: i0.ElementRef }, { type: i4.ActivatedRoute }, { type: i6$1.TranslateService }], { address1: [{
             type: ViewChild,
             args: ['address1']